12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861 |
- 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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5C55\u793A\u53EF\u52FE\u9009\uFF0C\u53EF\u9009\u4E2D\uFF0C\u7981\u7528\uFF0C\u9ED8\u8BA4\u5C55\u5F00\u7B49\u529F\u80FD\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.</p>
- `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/tree/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgdGl0bGUsIGtleSB9Ij4KICAgICAgPHNwYW4gdi1pZj0ia2V5ID09PSAnMC0wLTEtMCciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgdGl0bGUgfX08L3NwYW4+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2U+e3sgdGl0bGUgfX08L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVQcm9wc1sndHJlZURhdGEnXSA9IFsKICB7CiAgICB0aXRsZTogJ3BhcmVudCAxJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMS0wJywKICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgICAgZGlzYWJsZWQ6IHRydWUsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsgdGl0bGU6ICdsZWFmJywga2V5OiAnMC0wLTAtMCcsIGRpc2FibGVDaGVja2JveDogdHJ1ZSB9LAogICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMC0xJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sga2V5OiAnMC0wLTEtMCcsIHRpdGxlOiAnc3NzJyB9XSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBjaGVja2VkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKCiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIGNoZWNrZWRLZXlzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgdGl0bGUsIGtleSB9Ij4KICAgICAgPHNwYW4gdi1pZj0ia2V5ID09PSAnMC0wLTEtMCciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgdGl0bGUgfX08L3NwYW4+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2U+e3sgdGl0bGUgfX08L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKY29uc3QgdHJlZURhdGEgPSBbewogIHRpdGxlOiAncGFyZW50IDEnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAga2V5OiAnMC0wLTAnLAogICAgZGlzYWJsZWQ6IHRydWUsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAga2V5OiAnMC0wLTAtMCcsCiAgICAgIGRpc2FibGVDaGVja2JveDogdHJ1ZSwKICAgIH0sIHsKICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAga2V5OiAnMC0wLTAtMScsCiAgICB9XSwKICB9LCB7CiAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAga2V5OiAnMC0wLTEnLAogICAgY2hpbGRyZW46IFt7CiAgICAgIGtleTogJzAtMC0xLTAnLAogICAgICB0aXRsZTogJ3NzcycsCiAgICB9XSwKICB9XSwKfV07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),checkedKeys:I.checkedKeys,"onUpdate:checkedKeys":d[2]||(d[2]=b=>I.checkedKeys=b),checkable:"","tree-data":I.treeData},{title:G(({title:b,key:Y})=>[Y==="0-0-1-0"?(P(),mn("span",HC,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["expandedKeys","selectedKeys","checkedKeys","tree-data"])]),htmlCode:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"checkable"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title, key }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-1-0'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'sss'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- checkedKeys`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[4]||(d[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"checkable"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title, key }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-1-0'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'sss'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- checkedKeys`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const YC=bn(LC,[["render",TC]]),NC=3,DC=2,FC=1,Bc=[],Kc=(I,d,u)=>{const H=d||"0",Z=u||Bc,X=[];for(let K=0;K<NC;K++){const b=`${H}-${K}`;Z.push({title:b,key:b}),K<DC&&X.push(b)}if(I<0)return Z;const B=I-1;X.forEach((K,b)=>(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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.</p>
- `,order:2,title:{"zh-CN":"\u62D6\u52A8\u793A\u4F8B","en-US":"draggable"},relativePath:"components/tree/demo/draggable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIGRyYWdnYWJsZQogICAgYmxvY2stbm9kZQogICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICBAZHJhZ2VudGVyPSJvbkRyYWdFbnRlciIKICAgIEBkcm9wPSJvbkRyb3AiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgewogIEFudFRyZWVOb2RlRHJhZ0VudGVyRXZlbnQsCiAgQW50VHJlZU5vZGVEcm9wRXZlbnQsCiAgVHJlZVByb3BzLAp9IGZyb20gJ2FudC1kZXNpZ24tdnVlL2VzL3RyZWUnOwoKY29uc3QgeCA9IDM7CmNvbnN0IHkgPSAyOwpjb25zdCB6ID0gMTsKY29uc3QgZ2VuRGF0YSA9IFtdOwoKY29uc3QgZ2VuZXJhdGVEYXRhID0gKF9sZXZlbDogbnVtYmVyLCBfcHJlS2V5Pzogc3RyaW5nLCBfdG5zPzogVHJlZVByb3BzWyd0cmVlRGF0YSddKSA9PiB7CiAgY29uc3QgcHJlS2V5ID0gX3ByZUtleSB8fCAnMCc7CiAgY29uc3QgdG5zID0gX3RucyB8fCBnZW5EYXRhOwoKICBjb25zdCBjaGlsZHJlbiA9IFtdOwogIGZvciAobGV0IGkgPSAwOyBpIDwgeDsgaSsrKSB7CiAgICBjb25zdCBrZXkgPSBgJHtwcmVLZXl9LSR7aX1gOwogICAgdG5zLnB1c2goeyB0aXRsZToga2V5LCBrZXkgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKdHlwZSBUcmVlRGF0YUl0ZW0gPSBUcmVlUHJvcHNbJ3RyZWVEYXRhJ11bbnVtYmVyXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjwoc3RyaW5nIHwgbnVtYmVyKVtdPihbJzAtMCcsICcwLTAtMCcsICcwLTAtMC0wJ10pOwogICAgY29uc3QgZ0RhdGEgPSByZWY8VHJlZVByb3BzWyd0cmVlRGF0YSddPihnZW5EYXRhKTsKICAgIGNvbnN0IG9uRHJhZ0VudGVyID0gKGluZm86IEFudFRyZWVOb2RlRHJhZ0VudGVyRXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIC8vIGV4cGFuZGVkS2V5cyDpnIDopoHlsZXlvIDml7YKICAgICAgLy8gZXhwYW5kZWRLZXlzLnZhbHVlID0gaW5mby5leHBhbmRlZEtleXM7CiAgICB9OwoKICAgIGNvbnN0IG9uRHJvcCA9IChpbmZvOiBBbnRUcmVlTm9kZURyb3BFdmVudCkgPT4gewogICAgICBjb25zb2xlLmxvZyhpbmZvKTsKICAgICAgY29uc3QgZHJvcEtleSA9IGluZm8ubm9kZS5rZXk7CiAgICAgIGNvbnN0IGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmtleTsKICAgICAgY29uc3QgZHJvcFBvcyA9IGluZm8ubm9kZS5wb3Muc3BsaXQoJy0nKTsKICAgICAgY29uc3QgZHJvcFBvc2l0aW9uID0gaW5mby5kcm9wUG9zaXRpb24gLSBOdW1iZXIoZHJvcFBvc1tkcm9wUG9zLmxlbmd0aCAtIDFdKTsKICAgICAgY29uc3QgbG9vcCA9IChkYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10sIGtleTogc3RyaW5nIHwgbnVtYmVyLCBjYWxsYmFjazogYW55KSA9PiB7CiAgICAgICAgZGF0YS5mb3JFYWNoKChpdGVtLCBpbmRleCkgPT4gewogICAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBrZXkpIHsKICAgICAgICAgICAgcmV0dXJuIGNhbGxiYWNrKGl0ZW0sIGluZGV4LCBkYXRhKTsKICAgICAgICAgIH0KICAgICAgICAgIGlmIChpdGVtLmNoaWxkcmVuKSB7CiAgICAgICAgICAgIHJldHVybiBsb29wKGl0ZW0uY2hpbGRyZW4sIGtleSwgY2FsbGJhY2spOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICB9OwogICAgICBjb25zdCBkYXRhID0gWy4uLmdEYXRhLnZhbHVlXTsKCiAgICAgIC8vIEZpbmQgZHJhZ09iamVjdAogICAgICBsZXQgZHJhZ09iajogVHJlZURhdGFJdGVtOwogICAgICBsb29wKGRhdGEsIGRyYWdLZXksIChpdGVtOiBUcmVlRGF0YUl0ZW0sIGluZGV4OiBudW1iZXIsIGFycjogVHJlZVByb3BzWyd0cmVlRGF0YSddKSA9PiB7CiAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgZHJhZ09iaiA9IGl0ZW07CiAgICAgIH0pOwogICAgICBpZiAoIWluZm8uZHJvcFRvR2FwKSB7CiAgICAgICAgLy8gRHJvcCBvbiB0aGUgY29udGVudAogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4gfHwgW107CiAgICAgICAgICAvLy8gd2hlcmUgdG8gaW5zZXJ0IOekuuS+i+a3u+WKoOWIsOWktOmDqO+8jOWPr+S7peaYr+maj+aEj+S9jee9rgogICAgICAgICAgaXRlbS5jaGlsZHJlbi51bnNoaWZ0KGRyYWdPYmopOwogICAgICAgIH0pOwogICAgICB9IGVsc2UgaWYgKAogICAgICAgIChpbmZvLm5vZGUuY2hpbGRyZW4gfHwgW10pLmxlbmd0aCA+IDAgJiYgLy8gSGFzIGNoaWxkcmVuCiAgICAgICAgaW5mby5ub2RlLmV4cGFuZGVkICYmIC8vIElzIGV4cGFuZGVkCiAgICAgICAgZHJvcFBvc2l0aW9uID09PSAxIC8vIE9uIHRoZSBib3R0b20gZ2FwCiAgICAgICkgewogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4gfHwgW107CiAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnQg56S65L6L5re75Yqg5Yiw5aS06YOo77yM5Y+v5Lul5piv6ZqP5oSP5L2N572uCiAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7CiAgICAgICAgfSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgbGV0IGFyOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbXTsKICAgICAgICBsZXQgaSA9IDA7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCAoX2l0ZW06IFRyZWVEYXRhSXRlbSwgaW5kZXg6IG51bWJlciwgYXJyOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10pID0+IHsKICAgICAgICAgIGFyID0gYXJyOwogICAgICAgICAgaSA9IGluZGV4OwogICAgICAgIH0pOwogICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7CiAgICAgICAgICBhci5zcGxpY2UoaSwgMCwgZHJhZ09iaik7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGFyLnNwbGljZShpICsgMSwgMCwgZHJhZ09iaik7CiAgICAgICAgfQogICAgICB9CiAgICAgIGdEYXRhLnZhbHVlID0gZGF0YTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIGdEYXRhLAogICAgICBvbkRyYWdFbnRlciwKICAgICAgb25Ecm9wLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIGRyYWdnYWJsZQogICAgYmxvY2stbm9kZQogICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICBAZHJhZ2VudGVyPSJvbkRyYWdFbnRlciIKICAgIEBkcm9wPSJvbkRyb3AiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhID0gW107CmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWwsIF9wcmVLZXksIF90bnMpID0+IHsKICBjb25zdCBwcmVLZXkgPSBfcHJlS2V5IHx8ICcwJzsKICBjb25zdCB0bnMgPSBfdG5zIHx8IGdlbkRhdGE7CiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsKICAgICAgdGl0bGU6IGtleSwKICAgICAga2V5LAogICAgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbJzAtMCcsICcwLTAtMCcsICcwLTAtMC0wJ10pOwogICAgY29uc3QgZ0RhdGEgPSByZWYoZ2VuRGF0YSk7CiAgICBjb25zdCBvbkRyYWdFbnRlciA9IGluZm8gPT4gewogICAgICBjb25zb2xlLmxvZyhpbmZvKTsKICAgICAgLy8gZXhwYW5kZWRLZXlzIOmcgOimgeWxleW8gOaXtgogICAgICAvLyBleHBhbmRlZEtleXMudmFsdWUgPSBpbmZvLmV4cGFuZGVkS2V5czsKICAgIH07CiAgICBjb25zdCBvbkRyb3AgPSBpbmZvID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIGNvbnN0IGRyb3BLZXkgPSBpbmZvLm5vZGUua2V5OwogICAgICBjb25zdCBkcmFnS2V5ID0gaW5mby5kcmFnTm9kZS5rZXk7CiAgICAgIGNvbnN0IGRyb3BQb3MgPSBpbmZvLm5vZGUucG9zLnNwbGl0KCctJyk7CiAgICAgIGNvbnN0IGRyb3BQb3NpdGlvbiA9IGluZm8uZHJvcFBvc2l0aW9uIC0gTnVtYmVyKGRyb3BQb3NbZHJvcFBvcy5sZW5ndGggLSAxXSk7CiAgICAgIGNvbnN0IGxvb3AgPSAoZGF0YSwga2V5LCBjYWxsYmFjaykgPT4gewogICAgICAgIGRhdGEuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHsKICAgICAgICAgIGlmIChpdGVtLmtleSA9PT0ga2V5KSB7CiAgICAgICAgICAgIHJldHVybiBjYWxsYmFjayhpdGVtLCBpbmRleCwgZGF0YSk7CiAgICAgICAgICB9CiAgICAgICAgICBpZiAoaXRlbS5jaGlsZHJlbikgewogICAgICAgICAgICByZXR1cm4gbG9vcChpdGVtLmNoaWxkcmVuLCBrZXksIGNhbGxiYWNrKTsKICAgICAgICAgIH0KICAgICAgICB9KTsKICAgICAgfTsKICAgICAgY29uc3QgZGF0YSA9IFsuLi5nRGF0YS52YWx1ZV07CgogICAgICAvLyBGaW5kIGRyYWdPYmplY3QKICAgICAgbGV0IGRyYWdPYmo7CiAgICAgIGxvb3AoZGF0YSwgZHJhZ0tleSwgKGl0ZW0sIGluZGV4LCBhcnIpID0+IHsKICAgICAgICBhcnIuc3BsaWNlKGluZGV4LCAxKTsKICAgICAgICBkcmFnT2JqID0gaXRlbTsKICAgICAgfSk7CiAgICAgIGlmICghaW5mby5kcm9wVG9HYXApIHsKICAgICAgICAvLyBEcm9wIG9uIHRoZSBjb250ZW50CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCBpdGVtID0+IHsKICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuIHx8IFtdOwogICAgICAgICAgLy8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlpLTpg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIGlmICgoaW5mby5ub2RlLmNoaWxkcmVuIHx8IFtdKS5sZW5ndGggPiAwICYmCiAgICAgIC8vIEhhcyBjaGlsZHJlbgogICAgICBpbmZvLm5vZGUuZXhwYW5kZWQgJiYKICAgICAgLy8gSXMgZXhwYW5kZWQKICAgICAgZHJvcFBvc2l0aW9uID09PSAxIC8vIE9uIHRoZSBib3R0b20gZ2FwCiAgICAgICkgewogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgaXRlbSA9PiB7CiAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTsKICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlpLTpg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBsZXQgYXIgPSBbXTsKICAgICAgICBsZXQgaSA9IDA7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCAoX2l0ZW0sIGluZGV4LCBhcnIpID0+IHsKICAgICAgICAgIGFyID0gYXJyOwogICAgICAgICAgaSA9IGluZGV4OwogICAgICAgIH0pOwogICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7CiAgICAgICAgICBhci5zcGxpY2UoaSwgMCwgZHJhZ09iaik7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGFyLnNwbGljZShpICsgMSwgMCwgZHJhZ09iaik7CiAgICAgICAgfQogICAgICB9CiAgICAgIGdEYXRhLnZhbHVlID0gZGF0YTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIGdEYXRhLAogICAgICBvbkRyYWdFbnRlciwKICAgICAgb25Ecm9wLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{class:"draggable-tree",draggable:"","block-node":"","tree-data":I.gData,onDragenter:I.onDragEnter,onDrop:I.onDrop},null,8,["tree-data","onDragenter","onDrop"])]),htmlCode:G(()=>d[0]||(d[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("draggable-tree"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"draggable"),t(`
- `),n("span",{class:"token attr-name"},"block-node"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@dragenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDragEnter"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@drop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDrop"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(`
- AntTreeNodeDragEnterEvent`),n("span",{class:"token punctuation"},","),t(`
- AntTreeNodeDropEvent`),n("span",{class:"token punctuation"},","),t(`
- TreeProps`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" genData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" generateData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("_level"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(" _tns"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
- tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- type TreeDataItem `),n("span",{class:"token operator"},"="),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),t("number"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"("),t("string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDragEnter"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"info"),n("span",{class:"token operator"},":"),t(" AntTreeNodeDragEnterEvent")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// expandedKeys \u9700\u8981\u5C55\u5F00\u65F6"),t(`
- `),n("span",{class:"token comment"},"// expandedKeys.value = info.expandedKeys;"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDrop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"info"),n("span",{class:"token operator"},":"),t(" AntTreeNodeDropEvent")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dragKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dragNode"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropPos "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("pos"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropPosition "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dropPosition "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token function"},"Number"),n("span",{class:"token punctuation"},"("),t("dropPos"),n("span",{class:"token punctuation"},"["),t("dropPos"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" loop "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"callback"),n("span",{class:"token operator"},":"),t(" any"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// Find dragObject"),t(`
- `),n("span",{class:"token keyword"},"let"),t(),n("span",{class:"token literal-property property"},"dragObj"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dragKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"index"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"arr"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- arr`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("index"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- dragObj `),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("info"),n("span",{class:"token punctuation"},"."),t("dropToGap"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token comment"},"// Drop on the content"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"/// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5934\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t(`
- `),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"&&"),t(),n("span",{class:"token comment"},"// Has children"),t(`
- info`),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("expanded "),n("span",{class:"token operator"},"&&"),t(),n("span",{class:"token comment"},"// Is expanded"),t(`
- dropPosition `),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),t(),n("span",{class:"token comment"},"// On the bottom gap"),t(`
- `),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5934\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"let"),t(),n("span",{class:"token literal-property property"},"ar"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),t("_item"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"index"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"arr"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar `),n("span",{class:"token operator"},"="),t(" arr"),n("span",{class:"token punctuation"},";"),t(`
- i `),n("span",{class:"token operator"},"="),t(" index"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("dropPosition "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- gData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- gData`),n("span",{class:"token punctuation"},","),t(`
- onDragEnter`),n("span",{class:"token punctuation"},","),t(`
- onDrop`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[1]||(d[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("draggable-tree"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"draggable"),t(`
- `),n("span",{class:"token attr-name"},"block-node"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@dragenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDragEnter"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@drop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDrop"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" genData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_level"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token punctuation"},","),t(" _tns")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
- tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
- key`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDragEnter"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"info"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// expandedKeys \u9700\u8981\u5C55\u5F00\u65F6"),t(`
- `),n("span",{class:"token comment"},"// expandedKeys.value = info.expandedKeys;"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDrop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"info"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dragKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dragNode"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropPos "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("pos"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dropPosition "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dropPosition "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token function"},"Number"),n("span",{class:"token punctuation"},"("),t("dropPos"),n("span",{class:"token punctuation"},"["),t("dropPos"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"loop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("data"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// Find dragObject"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" dragObj"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dragKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- arr`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("index"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- dragObj `),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("info"),n("span",{class:"token punctuation"},"."),t("dropToGap"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token comment"},"// Drop on the content"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"/// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5934\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"&&"),t(`
- `),n("span",{class:"token comment"},"// Has children"),t(`
- info`),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("expanded "),n("span",{class:"token operator"},"&&"),t(`
- `),n("span",{class:"token comment"},"// Is expanded"),t(`
- dropPosition `),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),t(),n("span",{class:"token comment"},"// On the bottom gap"),t(`
- `),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5934\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
- item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" ar "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar `),n("span",{class:"token operator"},"="),t(" arr"),n("span",{class:"token punctuation"},";"),t(`
- i `),n("span",{class:"token operator"},"="),t(" index"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("dropPosition "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
- ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- gData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- gData`),n("span",{class:"token punctuation"},","),t(`
- onDragEnter`),n("span",{class:"token punctuation"},","),t(`
- onDrop`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const EC=bn(JC,[["render",_C]]),PC=Tn({setup(){const I=j([]),d=j([]),u=j([{title:"Expand to load",key:"0"},{title:"Expand to load",key:"1"},{title:"Tree Node",key:"2",isLeaf:!0}]);return{expandedKeys:I,selectedKeys:d,treeData:u,onLoadData:Z=>new Promise(X=>{if(Z.dataRef.children){X();return}setTimeout(()=>{Z.dataRef.children=[{title:"Child Node",key:`${Z.eventKey}-0`},{title:"Child Node",key:`${Z.eventKey}-1`}],u.value=[...u.value],X()},1e3)})}}});function zC(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"To load data asynchronously when click to expand a treeNode.",cn:"\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>To load data asynchronously when click to expand a treeNode.</p>
- `,order:3,title:{"zh-CN":"\u5F02\u6B65\u6570\u636E\u52A0\u8F7D","en-US":"load data asynchronously"},relativePath:"components/tree/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgOmxvYWQtZGF0YT0ib25Mb2FkRGF0YSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCB0cmVlRGF0YSA9IHJlZjxUcmVlUHJvcHNbJ3RyZWVEYXRhJ10+KFsKICAgICAgeyB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywga2V5OiAnMCcgfSwKICAgICAgeyB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywga2V5OiAnMScgfSwKICAgICAgeyB0aXRsZTogJ1RyZWUgTm9kZScsIGtleTogJzInLCBpc0xlYWY6IHRydWUgfSwKICAgIF0pOwogICAgY29uc3Qgb25Mb2FkRGF0YTogVHJlZVByb3BzWydsb2FkRGF0YSddID0gdHJlZU5vZGUgPT4gewogICAgICByZXR1cm4gbmV3IFByb21pc2UocmVzb2x2ZSA9PiB7CiAgICAgICAgaWYgKHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4pIHsKICAgICAgICAgIHJlc29sdmUoKTsKICAgICAgICAgIHJldHVybjsKICAgICAgICB9CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICB0cmVlTm9kZS5kYXRhUmVmLmNoaWxkcmVuID0gWwogICAgICAgICAgICB7IHRpdGxlOiAnQ2hpbGQgTm9kZScsIGtleTogYCR7dHJlZU5vZGUuZXZlbnRLZXl9LTBgIH0sCiAgICAgICAgICAgIHsgdGl0bGU6ICdDaGlsZCBOb2RlJywga2V5OiBgJHt0cmVlTm9kZS5ldmVudEtleX0tMWAgfSwKICAgICAgICAgIF07CiAgICAgICAgICB0cmVlRGF0YS52YWx1ZSA9IFsuLi50cmVlRGF0YS52YWx1ZV07CiAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgfSwgMTAwMCk7CiAgICAgIH0pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICB0cmVlRGF0YSwKICAgICAgb25Mb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgOmxvYWQtZGF0YT0ib25Mb2FkRGF0YSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoW10pOwogICAgY29uc3QgdHJlZURhdGEgPSByZWYoW3sKICAgICAgdGl0bGU6ICdFeHBhbmQgdG8gbG9hZCcsCiAgICAgIGtleTogJzAnLAogICAgfSwgewogICAgICB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywKICAgICAga2V5OiAnMScsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnVHJlZSBOb2RlJywKICAgICAga2V5OiAnMicsCiAgICAgIGlzTGVhZjogdHJ1ZSwKICAgIH1dKTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSB0cmVlTm9kZSA9PiB7CiAgICAgIHJldHVybiBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHsKICAgICAgICBpZiAodHJlZU5vZGUuZGF0YVJlZi5jaGlsZHJlbikgewogICAgICAgICAgcmVzb2x2ZSgpOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4gPSBbewogICAgICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUnLAogICAgICAgICAgICBrZXk6IGAke3RyZWVOb2RlLmV2ZW50S2V5fS0wYCwKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdGl0bGU6ICdDaGlsZCBOb2RlJywKICAgICAgICAgICAga2V5OiBgJHt0cmVlTm9kZS5ldmVudEtleX0tMWAsCiAgICAgICAgICB9XTsKICAgICAgICAgIHRyZWVEYXRhLnZhbHVlID0gWy4uLnRyZWVEYXRhLnZhbHVlXTsKICAgICAgICAgIHJlc29sdmUoKTsKICAgICAgICB9LCAxMDAwKTsKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgICBvbkxvYWREYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),"load-data":I.onLoadData,"tree-data":I.treeData},null,8,["expandedKeys","selectedKeys","load-data","tree-data"])]),htmlCode:G(()=>d[2]||(d[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onLoadData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Tree Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"onLoadData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loadData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"treeNode"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Promise"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"resolve"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeNode`),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-0"),n("span",{class:"token template-punctuation string"},"`")]),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-1"),n("span",{class:"token template-punctuation string"},"`")]),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- treeData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("treeData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- onLoadData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onLoadData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Tree Node'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onLoadData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"treeNode"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Promise"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"resolve"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeNode`),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-0"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-1"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- treeData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("treeData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- onLoadData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const MC=bn(PC,[["render",zC]]),UC=3,OC=2,jC=1,_e=[],Wc=(I,d,u)=>{const H=d||"0",Z=u||_e,X=[];for(let K=0;K<UC;K++){const b=`${H}-${K}`;Z.push({title:b,key:b}),K<OC&&X.push(b)}if(I<0)return Z;const B=I-1;X.forEach((K,b)=>(Z[b].children=[],Wc(B,K,Z[b].children)))};Wc(jC);const Rc=[],Vc=I=>{for(let d=0;d<I.length;d++){const u=I[d],H=u.key;Rc.push({key:H,title:H}),u.children&&Vc(u.children)}};Vc(_e);const Fe=(I,d)=>{let u;for(let H=0;H<d.length;H++){const Z=d[H];Z.children&&(Z.children.some(X=>X.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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u53EF\u641C\u7D22\u7684\u6811\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Searchable Tree.</p>
- `,order:4,title:{"zh-CN":"\u53EF\u641C\u7D22","en-US":"Searchable"},relativePath:"components/tree/demo/search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZC1rZXlzPSJleHBhbmRlZEtleXMiCiAgICAgIDphdXRvLWV4cGFuZC1wYXJlbnQ9ImF1dG9FeHBhbmRQYXJlbnQiCiAgICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgICBAZXhwYW5kPSJvbkV4cGFuZCIKICAgID4KICAgICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSB9Ij4KICAgICAgICA8c3BhbiB2LWlmPSJ0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSA+IC0xIj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cigwLCB0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSkgfX0KICAgICAgICAgIDxzcGFuIHN0eWxlPSJjb2xvcjogI2Y1MCI+e3sgc2VhcmNoVmFsdWUgfX08L3NwYW4+CiAgICAgICAgICB7eyB0aXRsZS5zdWJzdHIodGl0bGUuaW5kZXhPZihzZWFyY2hWYWx1ZSkgKyBzZWFyY2hWYWx1ZS5sZW5ndGgpIH19CiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBUcmVlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7Cgpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbXTsKCmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWw6IG51bWJlciwgX3ByZUtleT86IHN0cmluZywgX3Rucz86IFRyZWVQcm9wc1sndHJlZURhdGEnXSkgPT4gewogIGNvbnN0IHByZUtleSA9IF9wcmVLZXkgfHwgJzAnOwogIGNvbnN0IHRucyA9IF90bnMgfHwgZ2VuRGF0YTsKCiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsgdGl0bGU6IGtleSwga2V5IH0pOwogICAgaWYgKGkgPCB5KSB7CiAgICAgIGNoaWxkcmVuLnB1c2goa2V5KTsKICAgIH0KICB9CiAgaWYgKF9sZXZlbCA8IDApIHsKICAgIHJldHVybiB0bnM7CiAgfQogIGNvbnN0IGxldmVsID0gX2xldmVsIC0gMTsKICBjaGlsZHJlbi5mb3JFYWNoKChrZXksIGluZGV4KSA9PiB7CiAgICB0bnNbaW5kZXhdLmNoaWxkcmVuID0gW107CiAgICByZXR1cm4gZ2VuZXJhdGVEYXRhKGxldmVsLCBrZXksIHRuc1tpbmRleF0uY2hpbGRyZW4pOwogIH0pOwp9OwpnZW5lcmF0ZURhdGEoeik7Cgpjb25zdCBkYXRhTGlzdDogVHJlZVByb3BzWyd0cmVlRGF0YSddID0gW107CmNvbnN0IGdlbmVyYXRlTGlzdCA9IChkYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10pID0+IHsKICBmb3IgKGxldCBpID0gMDsgaSA8IGRhdGEubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSBkYXRhW2ldOwogICAgY29uc3Qga2V5ID0gbm9kZS5rZXk7CiAgICBkYXRhTGlzdC5wdXNoKHsga2V5LCB0aXRsZToga2V5IH0pOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgZ2VuZXJhdGVMaXN0KG5vZGUuY2hpbGRyZW4pOwogICAgfQogIH0KfTsKZ2VuZXJhdGVMaXN0KGdlbkRhdGEpOwoKY29uc3QgZ2V0UGFyZW50S2V5ID0gKAogIGtleTogc3RyaW5nIHwgbnVtYmVyLAogIHRyZWU6IFRyZWVQcm9wc1sndHJlZURhdGEnXSwKKTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkID0+IHsKICBsZXQgcGFyZW50S2V5OwogIGZvciAobGV0IGkgPSAwOyBpIDwgdHJlZS5sZW5ndGg7IGkrKykgewogICAgY29uc3Qgbm9kZSA9IHRyZWVbaV07CiAgICBpZiAobm9kZS5jaGlsZHJlbikgewogICAgICBpZiAobm9kZS5jaGlsZHJlbi5zb21lKGl0ZW0gPT4gaXRlbS5rZXkgPT09IGtleSkpIHsKICAgICAgICBwYXJlbnRLZXkgPSBub2RlLmtleTsKICAgICAgfSBlbHNlIGlmIChnZXRQYXJlbnRLZXkoa2V5LCBub2RlLmNoaWxkcmVuKSkgewogICAgICAgIHBhcmVudEtleSA9IGdldFBhcmVudEtleShrZXksIG5vZGUuY2hpbGRyZW4pOwogICAgICB9CiAgICB9CiAgfQogIHJldHVybiBwYXJlbnRLZXk7Cn07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8KHN0cmluZyB8IG51bWJlcilbXT4oW10pOwogICAgY29uc3Qgc2VhcmNoVmFsdWUgPSByZWY8c3RyaW5nPignJyk7CiAgICBjb25zdCBhdXRvRXhwYW5kUGFyZW50ID0gcmVmPGJvb2xlYW4+KHRydWUpOwogICAgY29uc3QgZ0RhdGEgPSByZWY8VHJlZVByb3BzWyd0cmVlRGF0YSddPihnZW5EYXRhKTsKCiAgICBjb25zdCBvbkV4cGFuZCA9IChrZXlzOiBzdHJpbmdbXSkgPT4gewogICAgICBleHBhbmRlZEtleXMudmFsdWUgPSBrZXlzOwogICAgICBhdXRvRXhwYW5kUGFyZW50LnZhbHVlID0gZmFsc2U7CiAgICB9OwoKICAgIHdhdGNoKHNlYXJjaFZhbHVlLCB2YWx1ZSA9PiB7CiAgICAgIGNvbnN0IGV4cGFuZGVkID0gZGF0YUxpc3QKICAgICAgICAubWFwKChpdGVtOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ11bbnVtYmVyXSkgPT4gewogICAgICAgICAgaWYgKGl0ZW0udGl0bGUuaW5kZXhPZih2YWx1ZSkgPiAtMSkgewogICAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5LCBnRGF0YS52YWx1ZSk7CiAgICAgICAgICB9CiAgICAgICAgICByZXR1cm4gbnVsbDsKICAgICAgICB9KQogICAgICAgIC5maWx0ZXIoKGl0ZW0sIGksIHNlbGYpID0+IGl0ZW0gJiYgc2VsZi5pbmRleE9mKGl0ZW0pID09PSBpKTsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gZXhwYW5kZWQ7CiAgICAgIHNlYXJjaFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSB0cnVlOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlYXJjaFZhbHVlLAogICAgICBhdXRvRXhwYW5kUGFyZW50LAogICAgICBnRGF0YSwKICAgICAgb25FeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZC1rZXlzPSJleHBhbmRlZEtleXMiCiAgICAgIDphdXRvLWV4cGFuZC1wYXJlbnQ9ImF1dG9FeHBhbmRQYXJlbnQiCiAgICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgICBAZXhwYW5kPSJvbkV4cGFuZCIKICAgID4KICAgICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSB9Ij4KICAgICAgICA8c3BhbiB2LWlmPSJ0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSA+IC0xIj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cigwLCB0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSkgfX0KICAgICAgICAgIDxzcGFuIHN0eWxlPSJjb2xvcjogI2Y1MCI+e3sgc2VhcmNoVmFsdWUgfX08L3NwYW4+CiAgICAgICAgICB7eyB0aXRsZS5zdWJzdHIodGl0bGUuaW5kZXhPZihzZWFyY2hWYWx1ZSkgKyBzZWFyY2hWYWx1ZS5sZW5ndGgpIH19CiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhID0gW107CmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWwsIF9wcmVLZXksIF90bnMpID0+IHsKICBjb25zdCBwcmVLZXkgPSBfcHJlS2V5IHx8ICcwJzsKICBjb25zdCB0bnMgPSBfdG5zIHx8IGdlbkRhdGE7CiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsKICAgICAgdGl0bGU6IGtleSwKICAgICAga2V5LAogICAgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKY29uc3QgZGF0YUxpc3QgPSBbXTsKY29uc3QgZ2VuZXJhdGVMaXN0ID0gZGF0YSA9PiB7CiAgZm9yIChsZXQgaSA9IDA7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7CiAgICBjb25zdCBub2RlID0gZGF0YVtpXTsKICAgIGNvbnN0IGtleSA9IG5vZGUua2V5OwogICAgZGF0YUxpc3QucHVzaCh7CiAgICAgIGtleSwKICAgICAgdGl0bGU6IGtleSwKICAgIH0pOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgZ2VuZXJhdGVMaXN0KG5vZGUuY2hpbGRyZW4pOwogICAgfQogIH0KfTsKZ2VuZXJhdGVMaXN0KGdlbkRhdGEpOwpjb25zdCBnZXRQYXJlbnRLZXkgPSAoa2V5LCB0cmVlKSA9PiB7CiAgbGV0IHBhcmVudEtleTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHRyZWUubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSB0cmVlW2ldOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgaWYgKG5vZGUuY2hpbGRyZW4uc29tZShpdGVtID0+IGl0ZW0ua2V5ID09PSBrZXkpKSB7CiAgICAgICAgcGFyZW50S2V5ID0gbm9kZS5rZXk7CiAgICAgIH0gZWxzZSBpZiAoZ2V0UGFyZW50S2V5KGtleSwgbm9kZS5jaGlsZHJlbikpIHsKICAgICAgICBwYXJlbnRLZXkgPSBnZXRQYXJlbnRLZXkoa2V5LCBub2RlLmNoaWxkcmVuKTsKICAgICAgfQogICAgfQogIH0KICByZXR1cm4gcGFyZW50S2V5Owp9OwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmKFtdKTsKICAgIGNvbnN0IHNlYXJjaFZhbHVlID0gcmVmKCcnKTsKICAgIGNvbnN0IGF1dG9FeHBhbmRQYXJlbnQgPSByZWYodHJ1ZSk7CiAgICBjb25zdCBnRGF0YSA9IHJlZihnZW5EYXRhKTsKICAgIGNvbnN0IG9uRXhwYW5kID0ga2V5cyA9PiB7CiAgICAgIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGtleXM7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSBmYWxzZTsKICAgIH07CiAgICB3YXRjaChzZWFyY2hWYWx1ZSwgdmFsdWUgPT4gewogICAgICBjb25zdCBleHBhbmRlZCA9IGRhdGFMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgICBpZiAoaXRlbS50aXRsZS5pbmRleE9mKHZhbHVlKSA+IC0xKSB7CiAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5LCBnRGF0YS52YWx1ZSk7CiAgICAgICAgfQogICAgICAgIHJldHVybiBudWxsOwogICAgICB9KS5maWx0ZXIoKGl0ZW0sIGksIHNlbGYpID0+IGl0ZW0gJiYgc2VsZi5pbmRleE9mKGl0ZW0pID09PSBpKTsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gZXhwYW5kZWQ7CiAgICAgIHNlYXJjaFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSB0cnVlOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlYXJjaFZhbHVlLAogICAgICBhdXRvRXhwYW5kUGFyZW50LAogICAgICBnRGF0YSwKICAgICAgb25FeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:G(()=>[n("div",null,[E(B,{value:I.searchValue,"onUpdate:value":d[0]||(d[0]=Y=>I.searchValue=Y),style:{"margin-bottom":"8px"},placeholder:"Search"},null,8,["value"]),E(K,{"expanded-keys":I.expandedKeys,"auto-expand-parent":I.autoExpandParent,"tree-data":I.gData,onExpand:I.onExpand},{title:G(({title:Y})=>[Y.indexOf(I.searchValue)>-1?(P(),mn("span",qC,[t(Kn(Y.substr(0,Y.indexOf(I.searchValue)))+" ",1),n("span",$C,Kn(I.searchValue),1),t(" "+Kn(Y.substr(Y.indexOf(I.searchValue)+I.searchValue.length)),1)])):(P(),mn("span",nI,Kn(Y),1))]),_:1},8,["expanded-keys","auto-expand-parent","tree-data","onExpand"])])]),htmlCode:G(()=>d[1]||(d[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-search")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("searchValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Search"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},":expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":auto-expand-parent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("autoExpandParent"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onExpand"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("title.indexOf(searchValue) > -1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- {{ title.substr(0, title.indexOf(searchValue)) }}
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #f50")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ searchValue }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"genData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" generateData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("_level"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(" _tns"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
- tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"dataList"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" generateList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" data"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- dataList`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(" key"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" getParentKey "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"tree"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number "),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token parameter"},[n("span",{class:"token keyword"},"undefined")]),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" tree"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" tree"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- parentKey `),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- parentKey `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"("),t("string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" searchValue "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" autoExpandParent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onExpand"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expanded "),n("span",{class:"token operator"},"="),t(` dataList
- `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),t("number"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("title"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},","),t(" gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
- `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" i"),n("span",{class:"token punctuation"},","),t(" self")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" item "),n("span",{class:"token operator"},"&&"),t(" self"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(" i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" expanded"),n("span",{class:"token punctuation"},";"),t(`
- searchValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- searchValue`),n("span",{class:"token punctuation"},","),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},","),t(`
- gData`),n("span",{class:"token punctuation"},","),t(`
- onExpand`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[2]||(d[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-search")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("searchValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Search"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},":expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":auto-expand-parent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("autoExpandParent"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onExpand"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("title.indexOf(searchValue) > -1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- {{ title.substr(0, title.indexOf(searchValue)) }}
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #f50")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ searchValue }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" genData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_level"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token punctuation"},","),t(" _tns")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
- tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
- key`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
- children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" dataList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateList"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"data"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" data"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- dataList`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- key`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getParentKey"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" tree")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"let"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" tree"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" tree"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- parentKey `),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- parentKey `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"return"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" searchValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" autoExpandParent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onExpand"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"keys"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expanded "),n("span",{class:"token operator"},"="),t(" dataList"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("title"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},","),t(" gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" i"),n("span",{class:"token punctuation"},","),t(" self")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" item "),n("span",{class:"token operator"},"&&"),t(" self"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(" i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" expanded"),n("span",{class:"token punctuation"},";"),t(`
- searchValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- searchValue`),n("span",{class:"token punctuation"},","),t(`
- autoExpandParent`),n("span",{class:"token punctuation"},","),t(`
- gData`),n("span",{class:"token punctuation"},","),t(`
- onExpand`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const sI=bn(QC,[["render",tI]]),aI=Tn({components:{CarryOutOutlined:WC,SmileTwoTone:VC},setup(){const I=j(!0),d=j(!1),u=j([{title:"parent 1",key:"0-0",children:[{title:"parent 1-0",key:"0-0-0",children:[{title:"leaf",key:"0-0-0-0"},{key:"0-0-0-1"},{title:"leaf",key:"0-0-0-2"}]},{title:"parent 1-1",key:"0-0-1",children:[{title:"leaf",key:"0-0-1-0"}]},{title:"parent 1-2",key:"0-0-2",children:[{title:"leaf 1",key:"0-0-2-0"},{title:"leaf 2",key:"0-0-2-1"}]}]},{title:"parent 2",key:"0-1",children:[{title:"parent 2-0",key:"0-1-0",children:[{title:"leaf",key:"0-1-0-0"},{title:"leaf",key:"0-1-0-1"}]}]}]);return{showLine:I,showIcon:d,onSelect:(Z,X)=>{console.log("selected",Z,X)},treeData:u}}}),eI={style:{"margin-bottom":"16px"}};function oI(I,d,u,H,Z,X){const B=x("a-switch"),K=x("carry-out-outlined"),b=x("SmileTwoTone"),Y=x("a-tree"),rn=x("demo-box");return P(),un(rn,{jsfiddle:{us:"Tree with connected line between nodes, turn on by `showLine`, customize the preseted icon by `switcherIcon`.",cn:"\u8282\u70B9\u4E4B\u95F4\u5E26\u8FDE\u63A5\u7EBF\u7684\u6811\uFF0C\u5E38\u7528\u4E8E\u6587\u4EF6\u76EE\u5F55\u7ED3\u6784\u5C55\u793A\u3002\u4F7F\u7528 `showLine` \u5F00\u542F\uFF0C\u53EF\u4EE5\u7528 `switcherIcon` \u4FEE\u6539\u9ED8\u8BA4\u56FE\u6807\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u8282\u70B9\u4E4B\u95F4\u5E26\u8FDE\u63A5\u7EBF\u7684\u6811\uFF0C\u5E38\u7528\u4E8E\u6587\u4EF6\u76EE\u5F55\u7ED3\u6784\u5C55\u793A\u3002\u4F7F\u7528 <code>showLine</code> \u5F00\u542F\uFF0C\u53EF\u4EE5\u7528 <code>switcherIcon</code> \u4FEE\u6539\u9ED8\u8BA4\u56FE\u6807\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Tree with connected line between nodes, turn on by <code>showLine</code>, customize the preseted icon by <code>switcherIcon</code>.</p>
- `,order:5,title:{"zh-CN":"\u8FDE\u63A5\u7EBF","en-US":"Tree With Line"},relativePath:"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("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0']"),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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token 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("div")]),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("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" 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("script")]),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("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0']"),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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token 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("div")]),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("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("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("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" 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("script")]),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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>You can customize icons for different nodes.</p>
- `,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u56FE\u6807","en-US":"Customize Icon"},relativePath:"components/tree/demo/customized-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGw+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2ljb249Insga2V5LCBzZWxlY3RlZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImtleSA9PT0gJzAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJrZXkgPT09ICcwLTAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgICAgPGZyb3duLW91dGxpbmVkIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IERvd25PdXRsaW5lZCwgU21pbGVPdXRsaW5lZCwgRnJvd25PdXRsaW5lZCwgRnJvd25GaWxsZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVQcm9wc1sndHJlZURhdGEnXSA9IFsKICB7CiAgICB0aXRsZTogJ3BhcmVudCAxJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0wJyB9LAogICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0xJyB9LAogICAgXSwKICB9LApdOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3duT3V0bGluZWQsCiAgICBTbWlsZU91dGxpbmVkLAogICAgRnJvd25PdXRsaW5lZCwKICAgIEZyb3duRmlsbGVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBzZWxlY3RlZEtleXM6IHJlZihbJzAtMC0wJ10pLAogICAgICB0cmVlRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGw+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2ljb249Insga2V5LCBzZWxlY3RlZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImtleSA9PT0gJzAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJrZXkgPT09ICcwLTAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgICAgPGZyb3duLW91dGxpbmVkIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgRG93bk91dGxpbmVkLCBTbWlsZU91dGxpbmVkLCBGcm93bk91dGxpbmVkLCBGcm93bkZpbGxlZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgdHJlZURhdGEgPSBbewogIHRpdGxlOiAncGFyZW50IDEnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJ2xlYWYnLAogICAga2V5OiAnMC0wLTAnLAogIH0sIHsKICAgIHRpdGxlOiAnbGVhZicsCiAgICBrZXk6ICcwLTAtMScsCiAgfV0sCn1dOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25PdXRsaW5lZCwKICAgIFNtaWxlT3V0bGluZWQsCiAgICBGcm93bk91dGxpbmVkLAogICAgRnJvd25GaWxsZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHNlbGVjdGVkS2V5czogcmVmKFsnMC0wLTAnXSksCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(rn,{selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[0]||(d[0]=z=>I.selectedKeys=z),"tree-data":I.treeData,"show-icon":"","default-expand-all":""},{switcherIcon:G(({switcherCls:z})=>[E(B,{class:vc(z)},null,8,["class"])]),icon:G(({key:z,selected:en})=>[z==="0-0"?(P(),un(K,{key:0})):z==="0-0-0"?(P(),un(K,{key:1})):(P(),mn(Ht,{key:2},[en?(P(),un(b,{key:0})):(P(),un(Y,{key:1}))],64))]),_:1},8,["selectedKeys","tree-data"])]),htmlCode:G(()=>d[1]||(d[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-icon"),t(),n("span",{class:"token attr-name"},"default-expand-all"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key, selected }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-0'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-filled")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selected"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-outlined")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined"),n("span",{class:"token punctuation"},","),t(" SmileOutlined"),n("span",{class:"token punctuation"},","),t(" FrownOutlined"),n("span",{class:"token punctuation"},","),t(" FrownFilled "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
- DownOutlined`),n("span",{class:"token punctuation"},","),t(`
- SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
- FrownOutlined`),n("span",{class:"token punctuation"},","),t(`
- FrownFilled`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[2]||(d[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-icon"),t(),n("span",{class:"token attr-name"},"default-expand-all"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key, selected }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-0'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-filled")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selected"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-outlined")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined"),n("span",{class:"token punctuation"},","),t(" SmileOutlined"),n("span",{class:"token punctuation"},","),t(" FrownOutlined"),n("span",{class:"token punctuation"},","),t(" FrownFilled "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
- DownOutlined`),n("span",{class:"token punctuation"},","),t(`
- SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
- FrownOutlined`),n("span",{class:"token punctuation"},","),t(`
- FrownFilled`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const rI=bn(lI,[["render",uI]]),iI=Tn({setup(){const I=j(["0-0","0-1"]),d=j([]);return{expandedKeys:I,selectedKeys:d,treeData:[{title:"parent 0",key:"0-0",children:[{title:"leaf 0-0",key:"0-0-0",isLeaf:!0},{title:"leaf 0-1",key:"0-0-1",isLeaf:!0}]},{title:"parent 1",key:"0-1",children:[{title:"leaf 1-0",key:"0-1-0",isLeaf:!0},{title:"leaf 1-1",key:"0-1-1",isLeaf:!0}]}]}}});function kI(I,d,u,H,Z,X){const B=x("a-directory-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Built-in directory tree. `multiple` support `ctrl(Windows)` / `command(Mac)` selection.",cn:"\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0C`multiple` \u6A21\u5F0F\u652F\u6301 `ctrl(Windows)` / `command(Mac)` \u590D\u9009\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0C<code>multiple</code> \u6A21\u5F0F\u652F\u6301 <code>ctrl(Windows)</code> / <code>command(Mac)</code> \u590D\u9009\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Built-in directory tree. <code>multiple</code> support <code>ctrl(Windows)</code> / <code>command(Mac)</code> selection.</p>
- `,order:7,title:{"zh-CN":"\u76EE\u5F55","en-US":"Directory"},relativePath:"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("a-directory-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(" 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("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-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("a-directory-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"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("script")]),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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>customize collapse/expand icon of tree node</p>
- `,order:8,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807","en-US":"Customize collapse/expand icon"},relativePath:"components/tree/demo/switcher-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgc2hvdy1saW5lCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBEb3duT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25PdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCB0cmVlRGF0YTogVHJlZVByb3BzWyd0cmVlRGF0YSddID0gWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgICAga2V5OiAnMC0wJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTEnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTInLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0xLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTInLAogICAgICAgICAgICBrZXk6ICcwLTAtMicsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0yLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0yLTEnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgc2hvdy1saW5lCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IERvd25PdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3duT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbJzAtMC0wJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmKFtdKTsKICAgIGNvbnN0IHRyZWVEYXRhID0gW3sKICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgIGtleTogJzAtMCcsCiAgICAgIGNoaWxkcmVuOiBbewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGNoaWxkcmVuOiBbewogICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgIGtleTogJzAtMC0wLTAnLAogICAgICAgIH0sIHsKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMC0xJywKICAgICAgICB9LCB7CiAgICAgICAgICB0aXRsZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMicsCiAgICAgICAgfV0sCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMS0wJywKICAgICAgICB9XSwKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMicsCiAgICAgICAga2V5OiAnMC0wLTInLAogICAgICAgIGNoaWxkcmVuOiBbewogICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgIGtleTogJzAtMC0yLTAnLAogICAgICAgIH0sIHsKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMi0xJywKICAgICAgICB9XSwKICAgICAgfV0sCiAgICB9XTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICB0cmVlRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:G(()=>[E(K,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=Y=>I.expandedKeys=Y),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=Y=>I.selectedKeys=Y),"show-line":"","tree-data":I.treeData},{switcherIcon:G(({switcherCls:Y})=>[E(B,{class:vc(Y)},null,8,["class"])]),_:1},8,["expandedKeys","selectedKeys","tree-data"])]),htmlCode:G(()=>d[2]||(d[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"show-line"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
- DownOutlined`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"show-line"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
- DownOutlined`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-2-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const II=bn(gI,[["render",CI]]),AI=Tn({setup(){const I=j(["0-0-0","0-0-1"]),d=j(["0-0-0","0-0-1"]),u=j(["0-0-0","0-0-1"]),H={children:"child",title:"name"},Z=[{name:"parent 1",key:"0-0",child:[{name:"\u5F20\u6668\u6210",key:"0-0-0",disabled:!0,child:[{name:"leaf",key:"0-0-0-0",disableCheckbox:!0},{name:"leaf",key:"0-0-0-1"}]},{name:"parent 1-1",key:"0-0-1",child:[{key:"0-0-1-0",name:"zcvc"}]}]}];return Hn(I,()=>{console.log("expandedKeys",I)}),Hn(d,()=>{console.log("selectedKeys",d)}),Hn(u,()=>{console.log("checkedKeys",u)}),{expandedKeys:I,selectedKeys:d,checkedKeys:u,fieldNames:H,treeData:j(Z)}}}),hI={key:0,style:{color:"#1890ff"}};function yI(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Replace the title,key and children fields in treeNode with the corresponding fields in treeData.",cn:"\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Replace the title,key and children fields in treeNode with the corresponding fields in treeData.</p>
- `,order:9,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5B57\u6BB5","en-US":"ReplaceFields"},relativePath:"components/tree/demo/replaceFields.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgOmZpZWxkLW5hbWVzPSJmaWVsZE5hbWVzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgbmFtZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMSciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgbmFtZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBuYW1lIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IFRyZWVQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBjaGVja2VkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKCiAgICBjb25zdCBmaWVsZE5hbWVzOiBUcmVlUHJvcHNbJ2ZpZWxkTmFtZXMnXSA9IHsKICAgICAgY2hpbGRyZW46ICdjaGlsZCcsCiAgICAgIHRpdGxlOiAnbmFtZScsCiAgICB9OwoKICAgIGNvbnN0IHRyZWVEYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbCiAgICAgIHsKICAgICAgICBuYW1lOiAncGFyZW50IDEnLAogICAgICAgIGtleTogJzAtMCcsCiAgICAgICAgY2hpbGQ6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+W8oOaZqOaIkCcsCiAgICAgICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICAgICAgZGlzYWJsZWQ6IHRydWUsCiAgICAgICAgICAgIGNoaWxkOiBbCiAgICAgICAgICAgICAgeyBuYW1lOiAnbGVhZicsIGtleTogJzAtMC0wLTAnLCBkaXNhYmxlQ2hlY2tib3g6IHRydWUgfSwKICAgICAgICAgICAgICB7IG5hbWU6ICdsZWFmJywga2V5OiAnMC0wLTAtMScgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICdwYXJlbnQgMS0xJywKICAgICAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgICAgICBjaGlsZDogW3sga2V5OiAnMC0wLTEtMCcsIG5hbWU6ICd6Y3ZjJyB9XSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF07CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIGZpZWxkTmFtZXMsCiAgICAgIHRyZWVEYXRhOiByZWYodHJlZURhdGEpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgOmZpZWxkLW5hbWVzPSJmaWVsZE5hbWVzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgbmFtZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMSciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgbmFtZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBuYW1lIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IGZpZWxkTmFtZXMgPSB7CiAgICAgIGNoaWxkcmVuOiAnY2hpbGQnLAogICAgICB0aXRsZTogJ25hbWUnLAogICAgfTsKICAgIGNvbnN0IHRyZWVEYXRhID0gW3sKICAgICAgbmFtZTogJ3BhcmVudCAxJywKICAgICAga2V5OiAnMC0wJywKICAgICAgY2hpbGQ6IFt7CiAgICAgICAgbmFtZTogJ+W8oOaZqOaIkCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGRpc2FibGVkOiB0cnVlLAogICAgICAgIGNoaWxkOiBbewogICAgICAgICAgbmFtZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMCcsCiAgICAgICAgICBkaXNhYmxlQ2hlY2tib3g6IHRydWUsCiAgICAgICAgfSwgewogICAgICAgICAgbmFtZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMScsCiAgICAgICAgfV0sCiAgICAgIH0sIHsKICAgICAgICBuYW1lOiAncGFyZW50IDEtMScsCiAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgIGNoaWxkOiBbewogICAgICAgICAga2V5OiAnMC0wLTEtMCcsCiAgICAgICAgICBuYW1lOiAnemN2YycsCiAgICAgICAgfV0sCiAgICAgIH1dLAogICAgfV07CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIGZpZWxkTmFtZXMsCiAgICAgIHRyZWVEYXRhOiByZWYodHJlZURhdGEpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),checkedKeys:I.checkedKeys,"onUpdate:checkedKeys":d[2]||(d[2]=b=>I.checkedKeys=b),checkable:"","tree-data":I.treeData,"field-names":I.fieldNames},{title:G(({name:b,key:Y})=>[Y==="0-0-1"?(P(),mn("span",hI,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["expandedKeys","selectedKeys","checkedKeys","tree-data","field-names"])]),htmlCode:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"checkable"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("fieldNames"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ name, key }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-1'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"fieldNames"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'fieldNames'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'child'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u5F20\u6668\u6210'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'zcvc'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- checkedKeys`),n("span",{class:"token punctuation"},","),t(`
- fieldNames`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("treeData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[4]||(d[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},"checkable"),t(`
- `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("fieldNames"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ name, key }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '0-0-1'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" fieldNames "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'child'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u5F20\u6668\u6210'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'zcvc'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- selectedKeys`),n("span",{class:"token punctuation"},","),t(`
- checkedKeys`),n("span",{class:"token punctuation"},","),t(`
- fieldNames`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("treeData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const fI=bn(AI,[["render",yI]]),mI=[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]}]}],bI=Tn({setup(){const I=(u,H)=>{console.log(`treeKey: ${u}, menuKey: ${H}`)},d=j(["0-0-0","0-0-1"]);return Hn(d,()=>{console.log("expandedKeys",d)}),{treeData:mI,onContextMenuClick:I,expandedKeys:d}}});function wI(I,d,u,H,Z,X){const B=x("a-menu-item"),K=x("a-menu"),b=x("a-dropdown"),Y=x("a-tree"),rn=x("demo-box");return P(),un(rn,{jsfiddle:{us:"Custom display the context menu",cn:"\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Custom display the context menu</p>
- `,order:9,title:{"zh-CN":"\u53F3\u952E\u83DC\u5355","en-US":"Context Menu"},relativePath:"components/tree/demo/context-menu.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCB3YXRjaCwgcmVmIH0gZnJvbSAndnVlJzsKCmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAnMC0wJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICcwLTAtMCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMCcsIGtleTogJzAtMC0wLTAnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMScsIGtleTogJzAtMC0wLTEnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMicsIGtleTogJzAtMC0wLTInIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnMC0wLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTAnLCBrZXk6ICcwLTAtMS0wJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTEnLCBrZXk6ICcwLTAtMS0xJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTInLCBrZXk6ICcwLTAtMS0yJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNvbnRleHRNZW51Q2xpY2sgPSAodHJlZUtleTogc3RyaW5nLCBtZW51S2V5OiBzdHJpbmcgfCBudW1iZXIpID0+IHsKICAgICAgY29uc29sZS5sb2coYHRyZWVLZXk6ICR7dHJlZUtleX0sIG1lbnVLZXk6ICR7bWVudUtleX1gKTsKICAgIH07CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CgogICAgd2F0Y2goZXhwYW5kZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdleHBhbmRlZEtleXMnLCBleHBhbmRlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgb25Db250ZXh0TWVudUNsaWNrLAogICAgICBleHBhbmRlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHdhdGNoLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB0cmVlRGF0YSA9IFt7CiAgdGl0bGU6ICcwLTAnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJzAtMC0wJywKICAgIGtleTogJzAtMC0wJywKICAgIGNoaWxkcmVuOiBbewogICAgICB0aXRsZTogJzAtMC0wLTAnLAogICAgICBrZXk6ICcwLTAtMC0wJywKICAgIH0sIHsKICAgICAgdGl0bGU6ICcwLTAtMC0xJywKICAgICAga2V5OiAnMC0wLTAtMScsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnMC0wLTAtMicsCiAgICAgIGtleTogJzAtMC0wLTInLAogICAgfV0sCiAgfSwgewogICAgdGl0bGU6ICcwLTAtMScsCiAgICBrZXk6ICcwLTAtMScsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdGl0bGU6ICcwLTAtMS0wJywKICAgICAga2V5OiAnMC0wLTEtMCcsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnMC0wLTEtMScsCiAgICAgIGtleTogJzAtMC0xLTEnLAogICAgfSwgewogICAgICB0aXRsZTogJzAtMC0xLTInLAogICAgICBrZXk6ICcwLTAtMS0yJywKICAgIH1dLAogIH1dLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ29udGV4dE1lbnVDbGljayA9ICh0cmVlS2V5LCBtZW51S2V5KSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGB0cmVlS2V5OiAke3RyZWVLZXl9LCBtZW51S2V5OiAke21lbnVLZXl9YCk7CiAgICB9OwogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmKFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBvbkNvbnRleHRNZW51Q2xpY2ssCiAgICAgIGV4cGFuZGVkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGU+PC9zdHlsZT4="}},{default:G(()=>[E(Y,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=M=>I.expandedKeys=M),"tree-data":I.treeData},{title:G(({key:M,title:z})=>[E(b,{trigger:["contextmenu"]},{overlay:G(()=>[E(K,{onClick:({key:en})=>I.onContextMenuClick(M,en)},{default:G(()=>[E(B,{key:"1"},{default:G(()=>d[1]||(d[1]=[t("1st menu item")])),_:1,__:[1]}),E(B,{key:"2"},{default:G(()=>d[2]||(d[2]=[t("2nd menu item")])),_:1,__:[2]}),E(B,{key:"3"},{default:G(()=>d[3]||(d[3]=[t("3rd menu item")])),_:1,__:[3]})]),_:2},1032,["onClick"])]),default:G(()=>[n("span",null,Kn(z),1)]),_:2},1024)]),_:1},8,["expandedKeys","tree-data"])]),htmlCode:G(()=>d[4]||(d[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key: treeKey, title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),t(),n("span",{class:"token attr-name"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['contextmenu']"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" watch"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onContextMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"treeKey"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"menuKey"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"treeKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},", menuKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("menuKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- onContextMenuClick`),n("span",{class:"token punctuation"},","),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"}),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[5]||(d[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key: treeKey, title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),t(),n("span",{class:"token attr-name"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['contextmenu']"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" watch"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
- `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onContextMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("treeKey"),n("span",{class:"token punctuation"},","),t(" menuKey")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"treeKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},", menuKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("menuKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
- console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
- treeData`),n("span",{class:"token punctuation"},","),t(`
- onContextMenuClick`),n("span",{class:"token punctuation"},","),t(`
- expandedKeys`),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
- `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
- `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"}),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const ZI=bn(bI,[["render",wI]]);function xc(I="0",d=3){const u=[];for(let H=0;H<10;H+=1){const Z=`${I}-${H}`,X={title:Z,key:Z};d>0&&(X.children=xc(Z,d-1)),u.push(X)}return u}const vI=Tn({setup(){const I=j(["0-0-0","0-0-1"]),d=j(["0-0-0","0-0-1"]);return Hn(I,()=>{console.log("selectedKeys",I)}),Hn(d,()=>{console.log("checkedKeys",d)}),{treeData:xc(),selectedKeys:I,checkedKeys:d}}}),GI={key:0,style:{color:"#1890ff"}};function BI(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Use virtual list through `height` prop.",cn:"\u4F7F\u7528 `height` \u5C5E\u6027\u5219\u5207\u6362\u4E3A\u865A\u62DF\u6EDA\u52A8\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u4F7F\u7528 <code>height</code> \u5C5E\u6027\u5219\u5207\u6362\u4E3A\u865A\u62DF\u6EDA\u52A8\u3002</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Use virtual list through <code>height</code> prop.</p>
- `,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("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"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("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[3]||(d[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("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("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"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("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),_:1})}const KI=bn(vI,[["render",BI]]);var Je={exports:{}};/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * 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<U;){var cn=k[S];A(w,cn,C(cn),k)}return w}function Nn(k,A){for(var C=-1,w=k==null?0:k.length;++C<w&&A(k[C],C,k)!==!1;);return k}function ql(k,A){for(var C=k==null?0:k.length;C--&&A(k[C],C,k)!==!1;);return k}function Zo(k,A){for(var C=-1,w=k==null?0:k.length;++C<w;)if(!A(k[C],C,k))return!1;return!0}function At(k,A){for(var C=-1,w=k==null?0:k.length,S=0,U=[];++C<w;){var cn=k[C];A(cn,C,k)&&(U[S++]=cn)}return U}function Xs(k,A){var C=k==null?0:k.length;return!!C&&Jt(k,A,0)>-1}function Ya(k,A,C){for(var w=-1,S=k==null?0:k.length;++w<S;)if(C(A,k[w]))return!0;return!1}function tn(k,A){for(var C=-1,w=k==null?0:k.length,S=Array(w);++C<w;)S[C]=A(k[C],C,k);return S}function ht(k,A){for(var C=-1,w=A.length,S=k.length;++C<w;)k[S+C]=A[C];return k}function Na(k,A,C,w){var S=-1,U=k==null?0:k.length;for(w&&U&&(C=k[++S]);++S<U;)C=A(C,k[S],S,k);return C}function $l(k,A,C,w){var S=k==null?0:k.length;for(w&&S&&(C=k[--S]);S--;)C=A(C,k[S],S,k);return C}function Da(k,A){for(var C=-1,w=k==null?0:k.length;++C<w;)if(A(k[C],C,k))return!0;return!1}var nu=Fa("length");function tu(k){return k.split("")}function su(k){return k.match(rl)||[]}function vo(k,A,C){var w;return C(k,function(S,U,cn){if(A(S,U,cn))return w=U,!1}),w}function Ls(k,A,C,w){for(var S=k.length,U=C+(w?1:-1);w?U--:++U<S;)if(A(k[U],U,k))return U;return-1}function Jt(k,A,C){return A===A?gu(k,A,C):Ls(k,Go,C)}function au(k,A,C,w){for(var S=C-1,U=k.length;++S<U;)if(w(k[S],A))return S;return-1}function Go(k){return k!==k}function Bo(k,A){var C=k==null?0:k.length;return C?_a(k,A)/C:Gs}function Fa(k){return function(A){return A==null?u:A[k]}}function Ja(k){return function(A){return k==null?u:k[A]}}function Ko(k,A,C,w,S){return S(k,function(U,cn,q){C=w?(w=!1,U):A(C,U,cn,q)}),C}function eu(k,A){var C=k.length;for(k.sort(A);C--;)k[C]=k[C].value;return k}function _a(k,A){for(var C,w=-1,S=k.length;++w<S;){var U=A(k[w]);U!==u&&(C=C===u?U:C+U)}return C}function Ea(k,A){for(var C=-1,w=Array(k);++C<k;)w[C]=A(C);return w}function ou(k,A){return tn(A,function(C){return[C,k[C]]})}function Wo(k){return k&&k.slice(0,So(k)+1).replace(Ra,"")}function Vn(k){return function(A){return k(A)}}function Pa(k,A){return tn(A,function(C){return k[C]})}function us(k,A){return k.has(A)}function Ro(k,A){for(var C=-1,w=k.length;++C<w&&Jt(A,k[C],0)>-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<w;){var cn=k[C];(cn===A||cn===rn)&&(k[C]=rn,U[S++]=C)}return U}function Hs(k){var A=-1,C=Array(k.size);return k.forEach(function(w){C[++A]=w}),C}function du(k){var A=-1,C=Array(k.size);return k.forEach(function(w){C[++A]=[w,w]}),C}function gu(k,A,C){for(var w=C-1,S=k.length;++w<S;)if(k[w]===A)return w;return-1}function Cu(k,A,C){for(var w=C+1;w--;)if(k[w]===A)return w;return w}function Et(k){return _t(k)?Au(k):nu(k)}function Un(k){return _t(k)?hu(k):tu(k)}function So(k){for(var A=k.length;A--&&pl.test(k.charAt(A)););return A}var Iu=Ja(zl);function Au(k){for(var A=La.lastIndex=0;La.test(k);)++A;return A}function hu(k){return k.match(La)||[]}function yu(k){return k.match(Nl)||[]}var fu=function k(A){A=A==null?gn:Pt.defaults(gn.Object(),A,Pt.pick(gn,Jl));var C=A.Array,w=A.Date,S=A.Error,U=A.Function,cn=A.Math,q=A.Object,Ma=A.RegExp,mu=A.String,Dn=A.TypeError,Ts=C.prototype,bu=U.prototype,zt=q.prototype,Ys=A["__core-js_shared__"],Ns=bu.toString,Q=zt.hasOwnProperty,wu=0,Xo=function(){var s=/[^.]+$/.exec(Ys&&Ys.keys&&Ys.keys.IE_PROTO||"");return s?"Symbol(src)_1."+s:""}(),Ds=zt.toString,Zu=Ns.call(q),vu=gn._,Gu=Ma("^"+Ns.call(Q).replace(Wa,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Fs=Ao?A.Buffer:u,ft=A.Symbol,Js=A.Uint8Array,Lo=Fs?Fs.allocUnsafe:u,_s=xo(q.getPrototypeOf,q),Ho=q.create,To=zt.propertyIsEnumerable,Es=Ts.splice,Yo=ft?ft.isConcatSpreadable:u,rs=ft?ft.iterator:u,Kt=ft?ft.toStringTag:u,Ps=function(){try{var s=St(q,"defineProperty");return s({},"",{}),s}catch{}}(),Bu=A.clearTimeout!==gn.clearTimeout&&A.clearTimeout,Ku=w&&w.now!==gn.Date.now&&w.now,Wu=A.setTimeout!==gn.setTimeout&&A.setTimeout,zs=cn.ceil,Ms=cn.floor,Ua=q.getOwnPropertySymbols,Ru=Fs?Fs.isBuffer:u,No=A.isFinite,Vu=Ts.join,xu=xo(q.keys,q),ln=cn.max,In=cn.min,Su=w.now,Xu=A.parseInt,Do=cn.random,Lu=Ts.reverse,Oa=St(A,"DataView"),is=St(A,"Map"),ja=St(A,"Promise"),Mt=St(A,"Set"),ks=St(A,"WeakMap"),ds=St(q,"create"),Us=ks&&new ks,Ut={},Hu=Xt(Oa),Tu=Xt(is),Yu=Xt(ja),Nu=Xt(Mt),Du=Xt(ks),Os=ft?ft.prototype:u,gs=Os?Os.valueOf:u,Fo=Os?Os.toString:u;function c(s){if(an(s)&&!L(s)&&!(s instanceof J)){if(s instanceof Fn)return s;if(Q.call(s,"__wrapped__"))return Jp(s)}return new Fn(s)}var Ot=function(){function s(){}return function(a){if(!sn(a))return{};if(Ho)return Ho(a);s.prototype=a;var e=new s;return s.prototype=u,e}}();function js(){}function Fn(s,a){this.__wrapped__=s,this.__actions__=[],this.__chain__=!!a,this.__index__=0,this.__values__=u}c.templateSettings={escape:nl,evaluate:tl,interpolate:Oe,variable:"",imports:{_:c}},c.prototype=js.prototype,c.prototype.constructor=c,Fn.prototype=Ot(js.prototype),Fn.prototype.constructor=Fn;function J(s){this.__wrapped__=s,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=nt,this.__views__=[]}function Fu(){var s=new J(this.__wrapped__);return s.__actions__=Zn(this.__actions__),s.__dir__=this.__dir__,s.__filtered__=this.__filtered__,s.__iteratees__=Zn(this.__iteratees__),s.__takeCount__=this.__takeCount__,s.__views__=Zn(this.__views__),s}function Ju(){if(this.__filtered__){var s=new J(this);s.__dir__=-1,s.__filtered__=!0}else s=this.clone(),s.__dir__*=-1;return s}function _u(){var s=this.__wrapped__.value(),a=this.__dir__,e=L(s),o=a<0,p=e?s.length:0,l=ti(0,p,this.__views__),r=l.start,i=l.end,g=i-r,h=o?i:r-1,y=this.__iteratees__,f=y.length,m=0,v=In(g,this.__takeCount__);if(!e||!o&&p==g&&v==g)return ip(s,this.__actions__);var R=[];n:for(;g--&&m<v;){h+=a;for(var N=-1,V=s[h];++N<f;){var F=y[N],_=F.iteratee,Xn=F.type,fn=_(V);if(Xn==Tc)V=fn;else if(!fn){if(Xn==Ee)continue n;break n}}R[m++]=V}return R}J.prototype=Ot(js.prototype),J.prototype.constructor=J;function Wt(s){var a=-1,e=s==null?0:s.length;for(this.clear();++a<e;){var o=s[a];this.set(o[0],o[1])}}function Eu(){this.__data__=ds?ds(null):{},this.size=0}function Pu(s){var a=this.has(s)&&delete this.__data__[s];return this.size-=a?1:0,a}function zu(s){var a=this.__data__;if(ds){var e=a[s];return e===b?u:e}return Q.call(a,s)?a[s]:u}function Mu(s){var a=this.__data__;return ds?a[s]!==u:Q.call(a,s)}function Uu(s,a){var e=this.__data__;return this.size+=this.has(s)?0:1,e[s]=ds&&a===u?b:a,this}Wt.prototype.clear=Eu,Wt.prototype.delete=Pu,Wt.prototype.get=zu,Wt.prototype.has=Mu,Wt.prototype.set=Uu;function ct(s){var a=-1,e=s==null?0:s.length;for(this.clear();++a<e;){var o=s[a];this.set(o[0],o[1])}}function Ou(){this.__data__=[],this.size=0}function ju(s){var a=this.__data__,e=Qs(a,s);if(e<0)return!1;var o=a.length-1;return e==o?a.pop():Es.call(a,e,1),--this.size,!0}function Qu(s){var a=this.__data__,e=Qs(a,s);return e<0?u:a[e][1]}function qu(s){return Qs(this.__data__,s)>-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<e;){var o=s[a];this.set(o[0],o[1])}}function nr(){this.size=0,this.__data__={hash:new Wt,map:new(is||ct),string:new Wt}}function tr(s){var a=ua(this,s).delete(s);return this.size-=a?1:0,a}function sr(s){return ua(this,s).get(s)}function ar(s){return ua(this,s).has(s)}function er(s,a){var e=ua(this,s),o=e.size;return e.set(s,a),this.size+=e.size==o?0:1,this}lt.prototype.clear=nr,lt.prototype.delete=tr,lt.prototype.get=sr,lt.prototype.has=ar,lt.prototype.set=er;function Rt(s){var a=-1,e=s==null?0:s.length;for(this.__data__=new lt;++a<e;)this.add(s[a])}function or(s){return this.__data__.set(s,b),this}function pr(s){return this.__data__.has(s)}Rt.prototype.add=Rt.prototype.push=or,Rt.prototype.has=pr;function On(s){var a=this.__data__=new ct(s);this.size=a.size}function cr(){this.__data__=new ct,this.size=0}function lr(s){var a=this.__data__,e=a.delete(s);return this.size=a.size,e}function ur(s){return this.__data__.get(s)}function rr(s){return this.__data__.has(s)}function ir(s,a){var e=this.__data__;if(e instanceof ct){var o=e.__data__;if(!is||o.length<Z-1)return o.push([s,a]),this.size=++e.size,this;e=this.__data__=new lt(o)}return e.set(s,a),this.size=e.size,this}On.prototype.clear=cr,On.prototype.delete=lr,On.prototype.get=ur,On.prototype.has=rr,On.prototype.set=ir;function Jo(s,a){var e=L(s),o=!e&&Lt(s),p=!e&&!o&&vt(s),l=!e&&!o&&!p&&$t(s),r=e||o||p||l,i=r?Ea(s.length,mu):[],g=i.length;for(var h in s)(a||Q.call(s,h))&&!(r&&(h=="length"||p&&(h=="offset"||h=="parent")||l&&(h=="buffer"||h=="byteLength"||h=="byteOffset")||kt(h,g)))&&i.push(h);return i}function _o(s){var a=s.length;return a?s[ce(0,a-1)]:u}function kr(s,a){return ra(Zn(s),Vt(a,0,s.length))}function dr(s){return ra(Zn(s))}function Qa(s,a,e){(e!==u&&!jn(s[a],e)||e===u&&!(a in s))&&ut(s,a,e)}function Cs(s,a,e){var o=s[a];(!(Q.call(s,a)&&jn(o,e))||e===u&&!(a in s))&&ut(s,a,e)}function Qs(s,a){for(var e=s.length;e--;)if(jn(s[e][0],a))return e;return-1}function gr(s,a,e,o){return mt(s,function(p,l,r){a(o,p,e(p),r)}),o}function Eo(s,a){return s&&st(a,dn(a),s)}function Cr(s,a){return s&&st(a,Gn(a),s)}function ut(s,a,e){a=="__proto__"&&Ps?Ps(s,a,{configurable:!0,enumerable:!0,value:e,writable:!0}):s[a]=e}function qa(s,a){for(var e=-1,o=a.length,p=C(o),l=s==null;++e<o;)p[e]=l?u:xe(s,a[e]);return p}function Vt(s,a,e){return s===s&&(e!==u&&(s=s<=e?s:e),a!==u&&(s=s>=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(;++p<i;){var y=s[p],f=e==null?y:e(y);if(y=o||y!==0?y:0,r&&f===f){for(var m=h;m--;)if(a[m]===f)continue n;g.push(y)}else l(a,f,o)||g.push(y)}return g}var mt=yp(tt),Mo=yp(ne,!0);function Ar(s,a){var e=!0;return mt(s,function(o,p,l){return e=!!a(o,p,l),e}),e}function qs(s,a,e){for(var o=-1,p=s.length;++o<p;){var l=s[o],r=a(l);if(r!=null&&(i===u?r===r&&!Sn(r):e(r,i)))var i=r,g=l}return g}function hr(s,a,e,o){var p=s.length;for(e=T(e),e<0&&(e=-e>p?0:p+e),o=o===u||o>p?p:T(o),o<0&&(o+=p),o=e>o?0:rc(o);e<o;)s[e++]=a;return s}function Uo(s,a){var e=[];return mt(s,function(o,p,l){a(o,p,l)&&e.push(o)}),e}function Cn(s,a,e,o,p){var l=-1,r=s.length;for(e||(e=pi),p||(p=[]);++l<r;){var i=s[l];a>0&&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&&e<o;)s=s[at(a[e++])];return e&&e==o?s:u}function jo(s,a,e){var o=a(s);return L(s)?o:ht(o,e(s))}function hn(s){return s==null?s===u?Mc:Pc:Kt&&Kt in q(s)?ni(s):di(s)}function te(s,a){return s>a}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<ln(a,e)}function se(s,a,e){for(var o=e?Ya:Xs,p=s[0].length,l=s.length,r=l,i=C(l),g=1/0,h=[];r--;){var y=s[r];r&&a&&(y=tn(y,Vn(a))),g=In(y.length,g),i[r]=!e&&(a||p>=120&&y.length>=120)?new Rt(r&&y):u}y=s[0];var f=-1,m=i[0];n:for(;++f<p&&h.length<g;){var v=y[f],R=a?a(v):v;if(v=e||v!==0?v:0,!(m?us(m,R):o(h,R,e))){for(r=l;--r;){var N=i[r];if(!(N?us(N,R):o(s[r],R,e)))continue n}m&&m.push(R),h.push(v)}}return h}function br(s,a,e,o){return tt(s,function(p,l,r){a(o,e(p),l,r)}),o}function As(s,a,e){a=wt(a,s),s=Tp(s,a);var o=s==null?s:s[at(En(a))];return o==null?u:Rn(o,s,e)}function Qo(s){return an(s)&&hn(s)==Nt}function wr(s){return an(s)&&hn(s)==ls}function Zr(s){return an(s)&&hn(s)==as}function hs(s,a,e,o,p){return s===a?!0:s==null||a==null||!an(s)&&!an(a)?s!==s&&a!==a:vr(s,a,e,o,hs,p)}function vr(s,a,e,o,p,l){var r=L(s),i=L(a),g=r?Bs:An(s),h=i?Bs:An(a);g=g==Nt?pt:g,h=h==Nt?pt:h;var y=g==pt,f=h==pt,m=g==h;if(m&&vt(s)){if(!vt(a))return!1;r=!0,y=!1}if(m&&!y)return l||(l=new On),r||$t(s)?Rp(s,a,e,o,p,l):qr(s,a,g,e,o,p,l);if(!(e&wn)){var v=y&&Q.call(s,"__wrapped__"),R=f&&Q.call(a,"__wrapped__");if(v||R){var N=v?s.value():s,V=R?a.value():a;return l||(l=new On),p(N,V,e,o,l)}}return m?(l||(l=new On),$r(s,a,e,o,p,l)):!1}function Gr(s){return an(s)&&An(s)==zn}function ae(s,a,e,o){var p=e.length,l=p,r=!o;if(s==null)return!l;for(s=q(s);p--;){var i=e[p];if(r&&i[2]?i[1]!==s[i[0]]:!(i[0]in s))return!1}for(;++p<l;){i=e[p];var g=i[0],h=s[g],y=i[1];if(r&&i[2]){if(h===u&&!(g in s))return!1}else{var f=new On;if(o)var m=o(h,y,g,s,a,f);if(!(m===u?hs(y,h,wn|Wn,o,f):m))return!1}}return!0}function qo(s){if(!sn(s)||li(s))return!1;var a=dt(s)?Gu:Il;return a.test(Xt(s))}function Br(s){return an(s)&&hn(s)==os}function Kr(s){return an(s)&&An(s)==Mn}function Wr(s){return an(s)&&Ia(s.length)&&!!nn[hn(s)]}function $o(s){return typeof s=="function"?s:s==null?Bn:typeof s=="object"?L(s)?sp(s[0],s[1]):tp(s):mc(s)}function ee(s){if(!ms(s))return xu(s);var a=[];for(var e in q(s))Q.call(s,e)&&e!="constructor"&&a.push(e);return a}function Rr(s){if(!sn(s))return ki(s);var a=ms(s),e=[];for(var o in s)o=="constructor"&&(a||!Q.call(s,o))||e.push(o);return e}function oe(s,a){return s<a}function np(s,a){var e=-1,o=vn(s)?C(s.length):[];return mt(s,function(p,l,r){o[++e]=a(p,l,r)}),o}function tp(s){var a=fe(s);return a.length==1&&a[0][2]?Lp(a[0][0],a[0][1]):function(e){return e===s||ae(e,s,a)}}function sp(s,a){return be(s)&&Xp(a)?Lp(at(s),a):function(e){var o=xe(e,s);return o===u&&o===a?Se(e,s):hs(a,o,wn|Wn)}}function na(s,a,e,o,p){s!==a&&$a(a,function(l,r){if(p||(p=new On),sn(l))Vr(s,a,r,e,na,o,p);else{var i=o?o(Ze(s,r),l,r+"",s,a,p):u;i===u&&(i=l),Qa(s,r,i)}},Gn)}function Vr(s,a,e,o,p,l,r){var i=Ze(s,e),g=Ze(a,e),h=r.get(g);if(h){Qa(s,e,h);return}var y=l?l(i,g,e+"",s,a,r):u,f=y===u;if(f){var m=L(g),v=!m&&vt(g),R=!m&&!v&&$t(g);y=g,m||v||R?L(i)?y=i:on(i)?y=Zn(i):v?(f=!1,y=gp(g,!0)):R?(f=!1,y=Cp(g,!0)):y=[]:ws(g)||Lt(g)?(y=i,Lt(i)?y=ic(i):(!sn(i)||dt(i))&&(y=Sp(g))):f=!1}f&&(r.set(g,y),p(y,g,o,l,r),r.delete(g)),Qa(s,e,y)}function ap(s,a){var e=s.length;if(!!e)return a+=a<0?e:0,kt(a,e)?s[a]:u}function ep(s,a,e){a.length?a=tn(a,function(l){return L(l)?function(r){return xt(r,l.length===1?l[0]:l)}:l}):a=[Bn];var o=-1;a=tn(a,Vn(W()));var p=np(s,function(l,r,i){var g=tn(a,function(h){return h(l)});return{criteria:g,index:++o,value:l}});return eu(p,function(l,r){return Er(l,r,e)})}function xr(s,a){return op(s,a,function(e,o){return Se(s,o)})}function op(s,a,e){for(var o=-1,p=a.length,l={};++o<p;){var r=a[o],i=xt(s,r);e(i,r)&&ys(l,wt(r,s),i)}return l}function Sr(s){return function(a){return xt(a,s)}}function pe(s,a,e,o){var p=o?au:Jt,l=-1,r=a.length,i=s;for(s===a&&(a=Zn(a)),e&&(i=tn(s,Vn(e)));++l<r;)for(var g=0,h=a[l],y=e?e(h):h;(g=p(i,y,g,o))>-1;)i!==s&&Es.call(i,g,1),Es.call(s,g,1);return s}function pp(s,a){for(var e=s?a.length:0,o=e-1;e--;){var p=a[e];if(e==o||p!==l){var l=p;kt(p)?Es.call(s,p,1):re(s,p)}}return s}function ce(s,a){return s+Ms(Do()*(a-s+1))}function Xr(s,a,e,o){for(var p=-1,l=ln(zs((a-s)/(e||1)),0),r=C(l);l--;)r[o?l:++p]=s,s+=e;return r}function le(s,a){var e="";if(!s||a<1||a>It)return e;do a%2&&(e+=s),a=Ms(a/2),a&&(s+=s);while(a);return e}function D(s,a){return ve(Hp(s,a,Bn),s+"")}function Lr(s){return _o(ns(s))}function Hr(s,a){var e=ns(s);return ra(e,Vt(a,0,e.length))}function ys(s,a,e,o){if(!sn(s))return s;a=wt(a,s);for(var p=-1,l=a.length,r=l-1,i=s;i!=null&&++p<l;){var g=at(a[p]),h=e;if(g==="__proto__"||g==="constructor"||g==="prototype")return s;if(p!=r){var y=i[g];h=o?o(y,g,i):u,h===u&&(h=sn(y)?y:kt(a[p+1])?[]:{})}Cs(i,g,h),i=i[g]}return s}var cp=Us?function(s,a){return Us.set(s,a),s}:Bn,Tr=Ps?function(s,a){return Ps(s,"toString",{configurable:!0,enumerable:!1,value:Le(a),writable:!0})}:Bn;function Yr(s){return ra(ns(s))}function _n(s,a,e){var o=-1,p=s.length;a<0&&(a=-a>p?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<p;)l[o]=s[o+a];return l}function Nr(s,a){var e;return mt(s,function(o,p,l){return e=a(o,p,l),!e}),!!e}function ta(s,a,e){var o=0,p=s==null?o:s.length;if(typeof a=="number"&&a===a&&p<=Fc){for(;o<p;){var l=o+p>>>1,r=s[l];r!==null&&!Sn(r)&&(e?r<=a:r<a)?o=l+1:p=l}return p}return ue(s,a,Bn,e)}function ue(s,a,e,o){var p=0,l=s==null?0:s.length;if(l===0)return 0;a=e(a);for(var r=a!==a,i=a===null,g=Sn(a),h=a===u;p<l;){var y=Ms((p+l)/2),f=e(s[y]),m=f!==u,v=f===null,R=f===f,N=Sn(f);if(r)var V=o||R;else h?V=R&&(o||m):i?V=R&&m&&(o||!v):g?V=R&&m&&!v&&(o||!N):v||N?V=!1:V=o?f<=a:f<a;V?p=y+1:l=y}return In(l,Dc)}function lp(s,a){for(var e=-1,o=s.length,p=0,l=[];++e<o;){var r=s[e],i=a?a(r):r;if(!e||!jn(i,g)){var g=i;l[p++]=r===0?0:r}}return l}function up(s){return typeof s=="number"?s:Sn(s)?Gs:+s}function xn(s){if(typeof s=="string")return s;if(L(s))return tn(s,xn)+"";if(Sn(s))return Fo?Fo.call(s):"";var a=s+"";return a=="0"&&1/s==-Gt?"-0":a}function bt(s,a,e){var o=-1,p=Xs,l=s.length,r=!0,i=[],g=i;if(e)r=!1,p=Ya;else if(l>=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<l;){var y=s[o],f=a?a(y):y;if(y=e||y!==0?y:0,r&&f===f){for(var m=g.length;m--;)if(g[m]===f)continue n;a&&g.push(f),i.push(y)}else p(g,f,e)||(g!==i&&g.push(f),i.push(y))}return i}function re(s,a){return a=wt(a,s),s=Tp(s,a),s==null||delete s[at(En(a))]}function rp(s,a,e,o){return ys(s,a,e(xt(s,a)),o)}function sa(s,a,e,o){for(var p=s.length,l=o?p:-1;(o?l--:++l<p)&&a(s[l],l,s););return e?_n(s,o?0:l,o?l+1:p):_n(s,o?l+1:0,o?p:l)}function ip(s,a){var e=s;return e instanceof J&&(e=e.value()),Na(a,function(o,p){return p.func.apply(p.thisArg,ht([o],p.args))},e)}function ie(s,a,e){var o=s.length;if(o<2)return o?bt(s[0]):[];for(var p=-1,l=C(o);++p<o;)for(var r=s[p],i=-1;++i<o;)i!=p&&(l[p]=Is(l[p]||r,s[i],a,e));return bt(Cn(l,1),a,e)}function kp(s,a,e){for(var o=-1,p=s.length,l=a.length,r={};++o<p;){var i=o<l?a[o]:u;e(r,s[o],i)}return r}function ke(s){return on(s)?s:[]}function de(s){return typeof s=="function"?s:Bn}function wt(s,a){return L(s)?s:be(s,a)?[s]:Fp(O(s))}var Dr=D;function Zt(s,a,e){var o=s.length;return e=e===u?o:e,!a&&e>=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<a||h&&e&&p&&!o&&!l||i&&e&&p||!r&&p||!g)return-1}return 0}function Er(s,a,e){for(var o=-1,p=s.criteria,l=a.criteria,r=p.length,i=e.length;++o<r;){var g=Ip(p[o],l[o]);if(g){if(o>=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;++i<g;)y[i]=a[i];for(;++p<r;)(f||p<l)&&(y[e[p]]=s[p]);for(;h--;)y[i++]=s[p++];return y}function hp(s,a,e,o){for(var p=-1,l=s.length,r=-1,i=e.length,g=-1,h=a.length,y=ln(l-i,0),f=C(y+h),m=!o;++p<y;)f[p]=s[p];for(var v=p;++g<h;)f[v+g]=a[g];for(;++r<i;)(m||p<l)&&(f[v+e[r]]=s[p++]);return f}function Zn(s,a){var e=-1,o=s.length;for(a||(a=C(o));++e<o;)a[e]=s[e];return a}function st(s,a,e,o){var p=!e;e||(e={});for(var l=-1,r=a.length;++l<r;){var i=a[l],g=o?o(e[i],s[i],i,e,s):u;g===u&&(g=s[i]),p?ut(e,i,g):Cs(e,i,g)}return e}function Pr(s,a){return st(s,me(s),a)}function zr(s,a){return st(s,Vp(s),a)}function aa(s,a){return function(e,o){var p=L(e)?Ql:gr,l=a?a():{};return p(e,s,W(o,2),l)}}function jt(s){return D(function(a,e){var o=-1,p=e.length,l=p>1?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<p;){var i=e[o];i&&s(a,i,o,l)}return a})}function yp(s,a){return function(e,o){if(e==null)return e;if(!vn(e))return s(e,o);for(var p=e.length,l=a?p:-1,r=q(e);(a?l--:++l<p)&&o(r[l],l,r)!==!1;);return e}}function fp(s){return function(a,e,o){for(var p=-1,l=q(a),r=o(a),i=r.length;i--;){var g=r[s?i:++p];if(e(l[g],g,l)===!1)break}return a}}function Mr(s,a,e){var o=a&kn,p=fs(s);function l(){var r=this&&this!==gn&&this instanceof l?p:s;return r.apply(o?e:this,arguments)}return l}function mp(s){return function(a){a=O(a);var e=_t(a)?Un(a):u,o=e?e[0]:a.charAt(0),p=e?Zt(e,1).join(""):a.slice(1);return o[s]()+p}}function Qt(s){return function(a){return Na(yc(hc(a).replace(Tl,"")),s,"")}}function fs(s){return function(){var a=arguments;switch(a.length){case 0:return new s;case 1:return new s(a[0]);case 2:return new s(a[0],a[1]);case 3:return new s(a[0],a[1],a[2]);case 4:return new s(a[0],a[1],a[2],a[3]);case 5:return new s(a[0],a[1],a[2],a[3],a[4]);case 6:return new s(a[0],a[1],a[2],a[3],a[4],a[5]);case 7:return new s(a[0],a[1],a[2],a[3],a[4],a[5],a[6])}var e=Ot(s.prototype),o=s.apply(e,a);return sn(o)?o:e}}function Ur(s,a,e){var o=fs(s);function p(){for(var l=arguments.length,r=C(l),i=l,g=qt(p);i--;)r[i]=arguments[i];var h=l<3&&r[0]!==g&&r[l-1]!==g?[]:yt(r,g);if(l-=h.length,l<e)return Gp(s,a,ea,p.placeholder,u,r,h,u,u,e-l);var y=this&&this!==gn&&this instanceof p?o:s;return Rn(y,this,r)}return p}function bp(s){return function(a,e,o){var p=q(a);if(!vn(a)){var l=W(e,3);a=dn(a),e=function(i){return l(p[i],i,p)}}var r=s(a,e,o);return r>-1?p[l?a[r]:r]:u}}function wp(s){return it(function(a){var e=a.length,o=e,p=Fn.prototype.thru;for(s&&a.reverse();o--;){var l=a[o];if(typeof l!="function")throw new Dn(B);if(p&&!r&&la(l)=="wrapper")var r=new Fn([],!0)}for(o=r?o:e;++o<e;){l=a[o];var i=la(l),g=i=="wrapper"?ye(l):u;g&&we(g[0])&&g[1]==(ot|qn|$n|ts)&&!g[4].length&&g[9]==1?r=r[la(g[0])].apply(r,g[3]):r=l.length==1&&we(l)?r[i]():r.thru(l)}return function(){var h=arguments,y=h[0];if(r&&h.length==1&&L(y))return r.plant(y).value();for(var f=0,m=e?a[f].apply(this,h):y;++f<e;)m=a[f].call(this,m);return m}})}function ea(s,a,e,o,p,l,r,i,g,h){var y=a&ot,f=a&kn,m=a&et,v=a&(qn|Tt),R=a&ya,N=m?u:fs(s);function V(){for(var F=arguments.length,_=C(F),Xn=F;Xn--;)_[Xn]=arguments[Xn];if(v)var fn=qt(V),Ln=pu(_,fn);if(o&&(_=Ap(_,o,p,v)),l&&(_=hp(_,l,r,v)),F-=Ln,v&&F<h){var pn=yt(_,fn);return Gp(s,a,ea,V.placeholder,e,_,pn,i,g,h-F)}var Qn=f?e:this,Ct=m?Qn[s]:s;return F=_.length,i?_=gi(_,i):R&&F>1&&_.reverse(),y&&g<F&&(_.length=g),this&&this!==gn&&this instanceof V&&(Ct=N||fs(Ct)),Ct.apply(Qn,_)}return V}function Zp(s,a){return function(e,o){return br(e,s,a(o),{})}}function oa(s,a){return function(e,o){var p;if(e===u&&o===u)return a;if(e!==u&&(p=e),o!==u){if(p===u)return o;typeof e=="string"||typeof o=="string"?(e=xn(e),o=xn(o)):(e=up(e),o=up(o)),p=s(e,o)}return p}}function Ce(s){return it(function(a){return a=tn(a,Vn(W())),D(function(e){var o=this;return s(a,function(p){return Rn(p,o,e)})})})}function pa(s,a){a=a===u?" ":xn(a);var e=a.length;if(e<2)return e?le(a,s):a;var o=le(a,zs(s/Et(a)));return _t(a)?Zt(Un(o),0,s).join(""):o.slice(0,s)}function Or(s,a,e,o){var p=a&kn,l=fs(s);function r(){for(var i=-1,g=arguments.length,h=-1,y=o.length,f=C(y+g),m=this&&this!==gn&&this instanceof r?l:s;++h<y;)f[h]=o[h];for(;g--;)f[h++]=arguments[++i];return Rn(m,p?e:this,f)}return r}function vp(s){return function(a,e,o){return o&&typeof o!="number"&&yn(a,e,o)&&(e=o=u),a=gt(a),e===u?(e=a,a=0):e=gt(e),o=o===u?a<e?1:-1:gt(o),Xr(a,e,o,s)}}function ca(s){return function(a,e){return typeof a=="string"&&typeof e=="string"||(a=Pn(a),e=Pn(e)),s(a,e)}}function Gp(s,a,e,o,p,l,r,i,g,h){var y=a&qn,f=y?r:u,m=y?u:r,v=y?l:u,R=y?u:l;a|=y?$n:Yt,a&=~(y?Yt:$n),a&vs||(a&=~(kn|et));var N=[s,a,p,v,f,R,m,i,g,h],V=e.apply(u,N);return we(s)&&Yp(V,N),V.placeholder=o,Np(V,s,a)}function Ie(s){var a=cn[s];return function(e,o){if(e=Pn(e),o=o==null?0:In(T(o),292),o&&No(e)){var p=(O(e)+"e").split("e"),l=a(p[0]+"e"+(+p[1]+o));return p=(O(l)+"e").split("e"),+(p[0]+"e"+(+p[1]-o))}return a(e)}}var jr=Mt&&1/Hs(new Mt([,-0]))[1]==Gt?function(s){return new Mt(s)}:Ye;function Bp(s){return function(a){var e=An(a);return e==zn?za(a):e==Mn?du(a):ou(a,s(a))}}function rt(s,a,e,o,p,l,r,i){var g=a&et;if(!g&&typeof s!="function")throw new Dn(B);var h=o?o.length:0;if(h||(a&=~($n|Yt),o=p=u),r=r===u?r:ln(T(r),0),i=i===u?i:T(i),h-=p?p.length:0,a&Yt){var y=o,f=p;o=p=u}var m=g?u:ye(s),v=[s,a,e,o,p,y,f,l,r,i];if(m&&ii(v,m),s=v[0],a=v[1],e=v[2],o=v[3],p=v[4],i=v[9]=v[9]===u?g?0:s.length:ln(v[9]-h,0),!i&&a&(qn|Tt)&&(a&=~(qn|Tt)),!a||a==kn)var R=Mr(s,a,e);else a==qn||a==Tt?R=Ur(s,a,i):(a==$n||a==(kn|$n))&&!p.length?R=Or(s,a,e,o):R=ea.apply(u,v);var N=m?cp:Yp;return Np(N(R,v),s,a)}function Kp(s,a,e,o){return s===u||jn(s,zt[e])&&!Q.call(o,e)?a:s}function Wp(s,a,e,o,p,l){return sn(s)&&sn(a)&&(l.set(a,s),na(s,a,u,Wp,l),l.delete(a)),s}function Qr(s){return ws(s)?u:s}function Rp(s,a,e,o,p,l){var r=e&wn,i=s.length,g=a.length;if(i!=g&&!(r&&g>i))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);++f<i;){var R=s[f],N=a[f];if(o)var V=r?o(N,R,f,a,s,l):o(R,N,f,s,a,l);if(V!==u){if(V)continue;m=!1;break}if(v){if(!Da(a,function(F,_){if(!us(v,_)&&(R===F||p(R,F,e,o,l)))return v.push(_)})){m=!1;break}}else if(!(R===N||p(R,N,e,o,l))){m=!1;break}}return l.delete(s),l.delete(a),m}function qr(s,a,e,o,p,l,r){switch(e){case Dt:if(s.byteLength!=a.byteLength||s.byteOffset!=a.byteOffset)return!1;s=s.buffer,a=a.buffer;case ls:return!(s.byteLength!=a.byteLength||!l(new Js(s),new Js(a)));case ss:case as:case es:return jn(+s,+a);case Ks:return s.name==a.name&&s.message==a.message;case os:case ps:return s==a+"";case zn:var i=za;case Mn:var g=o&wn;if(i||(i=Hs),s.size!=a.size&&!g)return!1;var h=r.get(s);if(h)return h==a;o|=Wn,r.set(s,a);var y=Rp(i(s),i(a),o,p,l,r);return r.delete(s),y;case Rs:if(gs)return gs.call(s)==gs.call(a)}return!1}function $r(s,a,e,o,p,l){var r=e&wn,i=Ae(s),g=i.length,h=Ae(a),y=h.length;if(g!=y&&!r)return!1;for(var f=g;f--;){var m=i[f];if(!(r?m in a:Q.call(a,m)))return!1}var v=l.get(s),R=l.get(a);if(v&&R)return v==a&&R==s;var N=!0;l.set(s,a),l.set(a,s);for(var V=r;++f<g;){m=i[f];var F=s[m],_=a[m];if(o)var Xn=r?o(_,F,m,a,s,l):o(F,_,m,s,a,l);if(!(Xn===u?F===_||p(F,_,e,o,l):Xn)){N=!1;break}V||(V=m=="constructor")}if(N&&!V){var fn=s.constructor,Ln=a.constructor;fn!=Ln&&"constructor"in s&&"constructor"in a&&!(typeof fn=="function"&&fn instanceof fn&&typeof Ln=="function"&&Ln instanceof Ln)&&(N=!1)}return l.delete(s),l.delete(a),N}function it(s){return ve(Hp(s,u,Pp),s+"")}function Ae(s){return jo(s,dn,me)}function he(s){return jo(s,Gn,Vp)}var ye=Us?function(s){return Us.get(s)}:Ye;function la(s){for(var a=s.name+"",e=Ut[a],o=Q.call(Ut,a)?e.length:0;o--;){var p=e[o],l=p.func;if(l==null||l==s)return p.name}return a}function qt(s){var a=Q.call(c,"placeholder")?c:s;return a.placeholder}function W(){var s=c.iteratee||He;return s=s===He?$o:s,arguments.length?s(arguments[0],arguments[1]):s}function ua(s,a){var e=s.__data__;return ci(a)?e[typeof a=="string"?"string":"hash"]:e.map}function fe(s){for(var a=dn(s),e=a.length;e--;){var o=a[e],p=s[o];a[e]=[o,p,Xp(p)]}return a}function St(s,a){var e=ru(s,a);return qo(e)?e:u}function ni(s){var a=Q.call(s,Kt),e=s[Kt];try{s[Kt]=u;var o=!0}catch{}var p=Ds.call(s);return o&&(a?s[Kt]=e:delete s[Kt]),p}var me=Ua?function(s){return s==null?[]:(s=q(s),At(Ua(s),function(a){return To.call(s,a)}))}:Ne,Vp=Ua?function(s){for(var a=[];s;)ht(a,me(s)),s=_s(s);return a}:Ne,An=hn;(Oa&&An(new Oa(new ArrayBuffer(1)))!=Dt||is&&An(new is)!=zn||ja&&An(ja.resolve())!=ze||Mt&&An(new Mt)!=Mn||ks&&An(new ks)!=cs)&&(An=function(s){var a=hn(s),e=a==pt?s.constructor:u,o=e?Xt(e):"";if(o)switch(o){case Hu:return Dt;case Tu:return zn;case Yu:return ze;case Nu:return Mn;case Du:return cs}return a});function ti(s,a,e){for(var o=-1,p=e.length;++o<p;){var l=e[o],r=l.size;switch(l.type){case"drop":s+=r;break;case"dropRight":a-=r;break;case"take":a=In(a,s+r);break;case"takeRight":s=ln(s,a-r);break}}return{start:s,end:a}}function si(s){var a=s.match(ll);return a?a[1].split(ul):[]}function xp(s,a,e){a=wt(a,s);for(var o=-1,p=a.length,l=!1;++o<p;){var r=at(a[o]);if(!(l=s!=null&&e(s,r)))break;s=s[r]}return l||++o!=p?l:(p=s==null?0:s.length,!!p&&Ia(p)&&kt(r,p)&&(L(s)||Lt(s)))}function ai(s){var a=s.length,e=new s.constructor(a);return a&&typeof s[0]=="string"&&Q.call(s,"index")&&(e.index=s.index,e.input=s.input),e}function Sp(s){return typeof s.constructor=="function"&&!ms(s)?Ot(_s(s)):{}}function ei(s,a,e){var o=s.constructor;switch(a){case ls:return ge(s);case ss:case as:return new o(+s);case Dt:return Fr(s,e);case fa:case ma:case ba:case wa:case Za:case va:case Ga:case Ba:case Ka:return Cp(s,e);case zn:return new o;case es:case ps:return new o(s);case os:return Jr(s);case Mn:return new o;case Rs:return _r(s)}}function oi(s,a){var e=a.length;if(!e)return s;var o=e-1;return a[o]=(e>1?"& ":"")+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&&s<a}function yn(s,a,e){if(!sn(e))return!1;var o=typeof a;return(o=="number"?vn(e)&&kt(a,e.length):o=="string"&&a in e)?jn(e[a],s):!1}function be(s,a){if(L(s))return!1;var e=typeof s;return e=="number"||e=="symbol"||e=="boolean"||s==null||Sn(s)?!0:al.test(s)||!sl.test(s)||a!=null&&s in q(a)}function ci(s){var a=typeof s;return a=="string"||a=="number"||a=="symbol"||a=="boolean"?s!=="__proto__":s===null}function we(s){var a=la(s),e=c[a];if(typeof e!="function"||!(a in J.prototype))return!1;if(s===e)return!0;var o=ye(e);return!!o&&s===o[0]}function li(s){return!!Xo&&Xo in s}var ui=Ys?dt:De;function ms(s){var a=s&&s.constructor,e=typeof a=="function"&&a.prototype||zt;return s===e}function Xp(s){return s===s&&!sn(s)}function Lp(s,a){return function(e){return e==null?!1:e[s]===a&&(a!==u||s in q(e))}}function ri(s){var a=ga(s,function(o){return e.size===Y&&e.clear(),o}),e=a.cache;return a}function ii(s,a){var e=s[1],o=a[1],p=e|o,l=p<(kn|et|ot),r=o==ot&&e==qn||o==ot&&e==ts&&s[7].length<=a[8]||o==(ot|ts)&&a[7].length<=a[8]&&e==qn;if(!(l||r))return s;o&kn&&(s[2]=a[2],p|=e&kn?0:vs);var i=a[3];if(i){var g=s[3];s[3]=g?Ap(g,i,a[4]):i,s[4]=g?yt(s[3],rn):a[4]}return i=a[5],i&&(g=s[5],s[5]=g?hp(g,i,a[6]):i,s[6]=g?yt(s[5],rn):a[6]),i=a[7],i&&(s[7]=i),o&ot&&(s[8]=s[8]==null?a[8]:In(s[8],a[8])),s[9]==null&&(s[9]=a[9]),s[0]=a[0],s[1]=p,s}function ki(s){var a=[];if(s!=null)for(var e in q(s))a.push(e);return a}function di(s){return Ds.call(s)}function Hp(s,a,e){return a=ln(a===u?s.length-1:a,0),function(){for(var o=arguments,p=-1,l=ln(o.length-a,0),r=C(l);++p<l;)r[p]=o[a+p];p=-1;for(var i=C(a+1);++p<a;)i[p]=o[p];return i[a]=e(r),Rn(s,this,i)}}function Tp(s,a){return a.length<2?s:xt(s,_n(a,0,-1))}function gi(s,a){for(var e=s.length,o=In(a.length,e),p=Zn(s);o--;){var l=a[o];s[o]=kt(l,e)?p[l]:u}return s}function Ze(s,a){if(!(a==="constructor"&&typeof s[a]=="function")&&a!="__proto__")return s[a]}var Yp=Dp(cp),bs=Wu||function(s,a){return gn.setTimeout(s,a)},ve=Dp(Tr);function Np(s,a,e){var o=a+"";return ve(s,oi(o,Ci(si(o),e)))}function Dp(s){var a=0,e=0;return function(){var o=Su(),p=Hc-(o-e);if(e=o,p>0){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;++e<a;){var l=ce(e,p),r=s[l];s[l]=s[e],s[e]=r}return s.length=a,s}var Fp=ri(function(s){var a=[];return s.charCodeAt(0)===46&&a.push(""),s.replace(el,function(e,o,p,l){a.push(p?l.replace(kl,"$1"):o||e)}),a});function at(s){if(typeof s=="string"||Sn(s))return s;var a=s+"";return a=="0"&&1/s==-Gt?"-0":a}function Xt(s){if(s!=null){try{return Ns.call(s)}catch{}try{return s+""}catch{}}return""}function Ci(s,a){return Nn(Jc,function(e){var o="_."+e[0];a&e[1]&&!Xs(s,o)&&s.push(o)}),s.sort()}function Jp(s){if(s instanceof J)return s.clone();var a=new Fn(s.__wrapped__,s.__chain__);return a.__actions__=Zn(s.__actions__),a.__index__=s.__index__,a.__values__=s.__values__,a}function Ii(s,a,e){(e?yn(s,a,e):a===u)?a=1:a=ln(T(a),0);var o=s==null?0:s.length;if(!o||a<1)return[];for(var p=0,l=0,r=C(zs(o/a));p<o;)r[l++]=_n(s,p,p+=a);return r}function Ai(s){for(var a=-1,e=s==null?0:s.length,o=0,p=[];++a<e;){var l=s[a];l&&(p[o++]=l)}return p}function hi(){var s=arguments.length;if(!s)return[];for(var a=C(s-1),e=arguments[0],o=s;o--;)a[o-1]=arguments[o];return ht(L(e)?Zn(e):[e],Cn(a,1))}var yi=D(function(s,a){return on(s)?Is(s,Cn(a,1,on,!0)):[]}),fi=D(function(s,a){var e=En(a);return on(e)&&(e=u),on(s)?Is(s,Cn(a,1,on,!0),W(e,2)):[]}),mi=D(function(s,a){var e=En(a);return on(e)&&(e=u),on(s)?Is(s,Cn(a,1,on,!0),u,e):[]});function bi(s,a,e){var o=s==null?0:s.length;return o?(a=e||a===u?1:T(a),_n(s,a<0?0:a,o)):[]}function wi(s,a,e){var o=s==null?0:s.length;return o?(a=e||a===u?1:T(a),a=o-a,_n(s,0,a<0?0:a)):[]}function Zi(s,a){return s&&s.length?sa(s,W(a,3),!0,!0):[]}function vi(s,a){return s&&s.length?sa(s,W(a,3),!0):[]}function Gi(s,a,e,o){var p=s==null?0:s.length;return p?(e&&typeof e!="number"&&yn(s,a,e)&&(e=0,o=p),hr(s,a,e,o)):[]}function _p(s,a,e){var o=s==null?0:s.length;if(!o)return-1;var p=e==null?0:T(e);return p<0&&(p=ln(o+p,0)),Ls(s,W(a,3),p)}function Ep(s,a,e){var o=s==null?0:s.length;if(!o)return-1;var p=o-1;return e!==u&&(p=T(e),p=e<0?ln(o+p,0):In(p,o-1)),Ls(s,W(a,3),p,!0)}function Pp(s){var a=s==null?0:s.length;return a?Cn(s,1):[]}function Bi(s){var a=s==null?0:s.length;return a?Cn(s,Gt):[]}function Ki(s,a){var e=s==null?0:s.length;return e?(a=a===u?1:T(a),Cn(s,a)):[]}function Wi(s){for(var a=-1,e=s==null?0:s.length,o={};++a<e;){var p=s[a];o[p[0]]=p[1]}return o}function zp(s){return s&&s.length?s[0]:u}function Ri(s,a,e){var o=s==null?0:s.length;if(!o)return-1;var p=e==null?0:T(e);return p<0&&(p=ln(o+p,0)),Jt(s,a,p)}function Vi(s){var a=s==null?0:s.length;return a?_n(s,0,-1):[]}var xi=D(function(s){var a=tn(s,ke);return a.length&&a[0]===s[0]?se(a):[]}),Si=D(function(s){var a=En(s),e=tn(s,ke);return a===En(e)?a=u:e.pop(),e.length&&e[0]===s[0]?se(e,W(a,2)):[]}),Xi=D(function(s){var a=En(s),e=tn(s,ke);return a=typeof a=="function"?a:u,a&&e.pop(),e.length&&e[0]===s[0]?se(e,u,a):[]});function Li(s,a){return s==null?"":Vu.call(s,a)}function En(s){var a=s==null?0:s.length;return a?s[a-1]:u}function Hi(s,a,e){var o=s==null?0:s.length;if(!o)return-1;var p=o;return e!==u&&(p=T(e),p=p<0?ln(o+p,0):In(p,o-1)),a===a?Cu(s,a,p):Ls(s,Go,p,!0)}function Ti(s,a){return s&&s.length?ap(s,T(a)):u}var Yi=D(Mp);function Mp(s,a){return s&&s.length&&a&&a.length?pe(s,a):s}function Ni(s,a,e){return s&&s.length&&a&&a.length?pe(s,a,W(e,2)):s}function Di(s,a,e){return s&&s.length&&a&&a.length?pe(s,a,u,e):s}var Fi=it(function(s,a){var e=s==null?0:s.length,o=qa(s,a);return pp(s,tn(a,function(p){return kt(p,e)?+p:p}).sort(Ip)),o});function Ji(s,a){var e=[];if(!(s&&s.length))return e;var o=-1,p=[],l=s.length;for(a=W(a,3);++o<l;){var r=s[o];a(r,o,s)&&(e.push(r),p.push(o))}return pp(s,p),e}function Ge(s){return s==null?s:Lu.call(s)}function _i(s,a,e){var o=s==null?0:s.length;return o?(e&&typeof e!="number"&&yn(s,a,e)?(a=0,e=o):(a=a==null?0:T(a),e=e===u?o:T(e)),_n(s,a,e)):[]}function Ei(s,a){return ta(s,a)}function Pi(s,a,e){return ue(s,a,W(e,2))}function zi(s,a){var e=s==null?0:s.length;if(e){var o=ta(s,a);if(o<e&&jn(s[o],a))return o}return-1}function Mi(s,a){return ta(s,a,!0)}function Ui(s,a,e){return ue(s,a,W(e,2),!0)}function Oi(s,a){var e=s==null?0:s.length;if(e){var o=ta(s,a,!0)-1;if(jn(s[o],a))return o}return-1}function ji(s){return s&&s.length?lp(s):[]}function Qi(s,a){return s&&s.length?lp(s,W(a,2)):[]}function qi(s){var a=s==null?0:s.length;return a?_n(s,1,a):[]}function $i(s,a,e){return s&&s.length?(a=e||a===u?1:T(a),_n(s,0,a<0?0:a)):[]}function nk(s,a,e){var o=s==null?0:s.length;return o?(a=e||a===u?1:T(a),a=o-a,_n(s,a<0?0:a,o)):[]}function tk(s,a){return s&&s.length?sa(s,W(a,3),!1,!0):[]}function sk(s,a){return s&&s.length?sa(s,W(a,3)):[]}var ak=D(function(s){return bt(Cn(s,1,on,!0))}),ek=D(function(s){var a=En(s);return on(a)&&(a=u),bt(Cn(s,1,on,!0),W(a,2))}),ok=D(function(s){var a=En(s);return a=typeof a=="function"?a:u,bt(Cn(s,1,on,!0),u,a)});function pk(s){return s&&s.length?bt(s):[]}function ck(s,a){return s&&s.length?bt(s,W(a,2)):[]}function lk(s,a){return a=typeof a=="function"?a:u,s&&s.length?bt(s,u,a):[]}function Be(s){if(!(s&&s.length))return[];var a=0;return s=At(s,function(e){if(on(e))return a=ln(e.length,a),!0}),Ea(a,function(e){return tn(s,Fa(e))})}function Up(s,a){if(!(s&&s.length))return[];var e=Be(s);return a==null?e:tn(e,function(o){return Rn(a,u,o)})}var uk=D(function(s,a){return on(s)?Is(s,a):[]}),rk=D(function(s){return ie(At(s,on))}),ik=D(function(s){var a=En(s);return on(a)&&(a=u),ie(At(s,on),W(a,2))}),kk=D(function(s){var a=En(s);return a=typeof a=="function"?a:u,ie(At(s,on),u,a)}),dk=D(Be);function gk(s,a){return kp(s||[],a||[],Cs)}function Ck(s,a){return kp(s||[],a||[],ys)}var Ik=D(function(s){var a=s.length,e=a>1?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<l;)o[p]=a[p].call(this,o[p]);return Rn(s,this,o)})}),We=D(function(s,a){var e=yt(a,qt(We));return rt(s,$n,u,a,e)}),ec=D(function(s,a){var e=yt(a,qt(ec));return rt(s,Yt,u,a,e)}),td=it(function(s,a){return rt(s,ts,u,u,u,a)});function sd(s,a){if(typeof s!="function")throw new Dn(B);return a=a===u?a:T(a),D(s,a)}function ad(s,a){if(typeof s!="function")throw new Dn(B);return a=a==null?0:ln(T(a),0),D(function(e){var o=e[a],p=Zt(e,0,a);return o&&ht(p,o),Rn(s,this,p)})}function ed(s,a,e){var o=!0,p=!0;if(typeof s!="function")throw new Dn(B);return sn(e)&&(o="leading"in e?!!e.leading:o,p="trailing"in e?!!e.trailing:p),ac(s,a,{leading:o,maxWait:a,trailing:p})}function od(s){return qp(s,1)}function pd(s,a){return We(de(a),s)}function cd(){if(!arguments.length)return[];var s=arguments[0];return L(s)?s:[s]}function ld(s){return Jn(s,en)}function ud(s,a){return a=typeof a=="function"?a:u,Jn(s,en,a)}function rd(s){return Jn(s,M|en)}function id(s,a){return a=typeof a=="function"?a:u,Jn(s,M|en,a)}function kd(s,a){return a==null||Po(s,a,dn(a))}function jn(s,a){return s===a||s!==s&&a!==a}var dd=ca(te),gd=ca(function(s,a){return s>=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);++e<o;)for(var l=a[e],r=Gn(l),i=-1,g=r.length;++i<g;){var h=r[i],y=s[h];(y===u||jn(y,zt[h])&&!Q.call(s,h))&&(s[h]=l[h])}return s}),Fd=D(function(s){return s.push(u,Wp),Rn(dc,u,s)});function Jd(s,a){return vo(s,W(a,3),tt)}function _d(s,a){return vo(s,W(a,3),ne)}function Ed(s,a){return s==null?s:$a(s,W(a,3),Gn)}function Pd(s,a){return s==null?s:Oo(s,W(a,3),Gn)}function zd(s,a){return s&&tt(s,W(a,3))}function Md(s,a){return s&&ne(s,W(a,3))}function Ud(s){return s==null?[]:$s(s,dn(s))}function Od(s){return s==null?[]:$s(s,Gn(s))}function xe(s,a,e){var o=s==null?u:xt(s,a);return o===u?e:o}function jd(s,a){return s!=null&&xp(s,a,yr)}function Se(s,a){return s!=null&&xp(s,a,fr)}var Qd=Zp(function(s,a,e){a!=null&&typeof a.toString!="function"&&(a=Ds.call(a)),s[a]=e},Le(Bn)),qd=Zp(function(s,a,e){a!=null&&typeof a.toString!="function"&&(a=Ds.call(a)),Q.call(s,a)?s[a].push(e):s[a]=[e]},W),$d=D(As);function dn(s){return vn(s)?Jo(s):ee(s)}function Gn(s){return vn(s)?Jo(s,!0):Rr(s)}function ng(s,a){var e={};return a=W(a,3),tt(s,function(o,p,l){ut(e,a(o,p,l),o)}),e}function tg(s,a){var e={};return a=W(a,3),tt(s,function(o,p,l){ut(e,p,a(o,p,l))}),e}var sg=jt(function(s,a,e){na(s,a,e)}),dc=jt(function(s,a,e,o){na(s,a,e,o)}),ag=it(function(s,a){var e={};if(s==null)return e;var o=!1;a=tn(a,function(l){return l=wt(l,s),o||(o=l.length>1),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);++o<p;){var l=s==null?u:s[at(a[o])];l===u&&(o=p,l=e),s=dt(l)?l.call(s):l}return s}function cg(s,a,e){return s==null?s:ys(s,a,e)}function lg(s,a,e,o){return o=typeof o=="function"?o:u,s==null?s:ys(s,a,e,o)}var Cc=Bp(dn),Ic=Bp(Gn);function ug(s,a,e){var o=L(s),p=o||vt(s)||$t(s);if(a=W(a,4),e==null){var l=s&&s.constructor;p?e=o?new l:[]:sn(s)?e=dt(l)?Ot(_s(s)):{}:e={}}return(p?Nn:tt)(s,function(r,i,g){return a(e,r,i,g)}),e}function rg(s,a){return s==null?!0:re(s,a)}function ig(s,a,e){return s==null?s:rp(s,a,de(e))}function kg(s,a,e,o){return o=typeof o=="function"?o:u,s==null?s:rp(s,a,de(e),o)}function ns(s){return s==null?[]:Pa(s,dn(s))}function dg(s){return s==null?[]:Pa(s,Gn(s))}function gg(s,a,e){return e===u&&(e=a,a=u),e!==u&&(e=Pn(e),e=e===e?e:0),a!==u&&(a=Pn(a),a=a===a?a:0),Vt(Pn(s),a,e)}function Cg(s,a,e){return a=gt(a),e===u?(e=a,a=0):e=gt(e),s=Pn(s),mr(s,a,e)}function Ig(s,a,e){if(e&&typeof e!="boolean"&&yn(s,a,e)&&(a=e=u),e===u&&(typeof a=="boolean"?(e=a,a=u):typeof s=="boolean"&&(e=s,s=u)),s===u&&a===u?(s=0,a=1):(s=gt(s),a===u?(a=s,s=0):a=gt(a)),s>a){var o=s;s=a,a=o}if(e||s%1||a%1){var p=Do();return In(s+p*(a-s+Ul("1e-"+((p+"").length-1))),a)}return ce(s,a)}var Ag=Qt(function(s,a,e){return a=a.toLowerCase(),s+(e?Ac(a):a)});function Ac(s){return Xe(O(s).toLowerCase())}function hc(s){return s=O(s),s&&s.replace(yl,cu).replace(Yl,"")}function hg(s,a,e){s=O(s),a=xn(a);var o=s.length;e=e===u?o:Vt(T(e),0,o);var p=e;return e-=a.length,e>=0&&s.slice(e,p)==a}function yg(s){return s=O(s),s&&$c.test(s)?s.replace(Ue,lu):s}function fg(s){return s=O(s),s&&ol.test(s)?s.replace(Wa,"\\$&"):s}var mg=Qt(function(s,a,e){return s+(e?"-":"")+a.toLowerCase()}),bg=Qt(function(s,a,e){return s+(e?" ":"")+a.toLowerCase()}),wg=mp("toLowerCase");function Zg(s,a,e){s=O(s),a=T(a);var o=a?Et(s):0;if(!a||o>=a)return s;var p=(a-o)/2;return pa(Ms(p),e)+s+pa(zs(p),e)}function vg(s,a,e){s=O(s),a=T(a);var o=a?Et(s):0;return a&&o<a?s+pa(a-o,e):s}function Gg(s,a,e){s=O(s),a=T(a);var o=a?Et(s):0;return a&&o<a?pa(a-o,e)+s:s}function Bg(s,a,e){return e||a==null?a=0:a&&(a=+a),Xu(O(s).replace(Ra,""),a||0)}function Kg(s,a,e){return(e?yn(s,a,e):a===u)?a=1:a=T(a),le(O(s),a)}function Wg(){var s=arguments,a=O(s[0]);return s.length<3?a:a.replace(s[1],s[2])}var Rg=Qt(function(s,a,e){return s+(e?"_":"")+a.toLowerCase()});function Vg(s,a,e){return e&&typeof e!="number"&&yn(s,a,e)&&(a=e=u),e=e===u?nt:e>>>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;++p<a;){var l=s[p];if(Rn(l[0],this,o))return Rn(l[1],this,o)}})}function Pg(s){return Ir(Jn(s,M))}function Le(s){return function(){return s}}function zg(s,a){return s==null||s!==s?a:s}var Mg=wp(),Ug=wp(!0);function Bn(s){return s}function He(s){return $o(typeof s=="function"?s:Jn(s,M))}function Og(s){return tp(Jn(s,M))}function jg(s,a){return sp(s,Jn(a,M))}var Qg=D(function(s,a){return function(e){return As(e,s,a)}}),qg=D(function(s,a){return function(e){return As(s,e,a)}});function Te(s,a,e){var o=dn(a),p=$s(a,o);e==null&&!(sn(a)&&(p.length||!o.length))&&(e=a,a=s,s=this,p=$s(a,dn(a)));var l=!(sn(e)&&"chain"in e)||!!e.chain,r=dt(s);return Nn(p,function(i){var g=a[i];s[i]=g,r&&(s.prototype[i]=function(){var h=this.__chain__;if(l||h){var y=s(this.__wrapped__),f=y.__actions__=Zn(this.__actions__);return f.push({func:g,args:arguments,thisArg:s}),y.__chain__=h,y}return g.apply(s,ht([this.value()],arguments))})}),s}function $g(){return gn._===this&&(gn._=vu),this}function Ye(){}function nC(s){return s=T(s),D(function(a){return ap(a,s)})}var tC=Ce(tn),sC=Ce(Zo),aC=Ce(Da);function mc(s){return be(s)?Fa(at(s)):Sr(s)}function eC(s){return function(a){return s==null?u:xt(s,a)}}var oC=vp(),pC=vp(!0);function Ne(){return[]}function De(){return!1}function cC(){return{}}function lC(){return""}function uC(){return!0}function rC(s,a){if(s=T(s),s<1||s>It)return[];var e=nt,o=In(s,nt);a=W(a),s-=nt;for(var p=Ea(o,a);++e<s;)a(e);return p}function iC(s){return L(s)?tn(s,at):Sn(s)?[s]:Zn(Fp(O(s)))}function kC(s){var a=++wu;return O(s)+a}var dC=oa(function(s,a){return s+a},0),gC=Ie("ceil"),CC=oa(function(s,a){return s/a},1),IC=Ie("floor");function AC(s){return s&&s.length?qs(s,Bn,te):u}function hC(s,a){return s&&s.length?qs(s,W(a,2),te):u}function yC(s){return Bo(s,Bn)}function fC(s,a){return Bo(s,W(a,2))}function mC(s){return s&&s.length?qs(s,Bn,oe):u}function bC(s,a){return s&&s.length?qs(s,W(a,2),oe):u}var wC=oa(function(s,a){return s*a},1),ZC=Ie("round"),vC=oa(function(s,a){return s-a},0);function GC(s){return s&&s.length?_a(s,Bn):0}function BC(s,a){return s&&s.length?_a(s,W(a,2)):0}return c.after=Ok,c.ary=qp,c.assign=Hd,c.assignIn=kc,c.assignInWith=ha,c.assignWith=Td,c.at=Yd,c.before=$p,c.bind=Ke,c.bindAll=_g,c.bindKey=nc,c.castArray=cd,c.chain=Op,c.chunk=Ii,c.compact=Ai,c.concat=hi,c.cond=Eg,c.conforms=Pg,c.constant=Le,c.countBy=Gk,c.create=Nd,c.curry=tc,c.curryRight=sc,c.debounce=ac,c.defaults=Dd,c.defaultsDeep=Fd,c.defer=jk,c.delay=Qk,c.difference=yi,c.differenceBy=fi,c.differenceWith=mi,c.drop=bi,c.dropRight=wi,c.dropRightWhile=Zi,c.dropWhile=vi,c.fill=Gi,c.filter=Kk,c.flatMap=Vk,c.flatMapDeep=xk,c.flatMapDepth=Sk,c.flatten=Pp,c.flattenDeep=Bi,c.flattenDepth=Ki,c.flip=qk,c.flow=Mg,c.flowRight=Ug,c.fromPairs=Wi,c.functions=Ud,c.functionsIn=Od,c.groupBy=Xk,c.initial=Vi,c.intersection=xi,c.intersectionBy=Si,c.intersectionWith=Xi,c.invert=Qd,c.invertBy=qd,c.invokeMap=Hk,c.iteratee=He,c.keyBy=Tk,c.keys=dn,c.keysIn=Gn,c.map=ka,c.mapKeys=ng,c.mapValues=tg,c.matches=Og,c.matchesProperty=jg,c.memoize=ga,c.merge=sg,c.mergeWith=dc,c.method=Qg,c.methodOf=qg,c.mixin=Te,c.negate=Ca,c.nthArg=nC,c.omit=ag,c.omitBy=eg,c.once=$k,c.orderBy=Yk,c.over=tC,c.overArgs=nd,c.overEvery=sC,c.overSome=aC,c.partial=We,c.partialRight=ec,c.partition=Nk,c.pick=og,c.pickBy=gc,c.property=mc,c.propertyOf=eC,c.pull=Yi,c.pullAll=Mp,c.pullAllBy=Ni,c.pullAllWith=Di,c.pullAt=Fi,c.range=oC,c.rangeRight=pC,c.rearg=td,c.reject=Jk,c.remove=Ji,c.rest=sd,c.reverse=Ge,c.sampleSize=Ek,c.set=cg,c.setWith=lg,c.shuffle=Pk,c.slice=_i,c.sortBy=Uk,c.sortedUniq=ji,c.sortedUniqBy=Qi,c.split=Vg,c.spread=ad,c.tail=qi,c.take=$i,c.takeRight=nk,c.takeRightWhile=tk,c.takeWhile=sk,c.tap=Ak,c.throttle=ed,c.thru=ia,c.toArray=uc,c.toPairs=Cc,c.toPairsIn=Ic,c.toPath=iC,c.toPlainObject=ic,c.transform=ug,c.unary=od,c.union=ak,c.unionBy=ek,c.unionWith=ok,c.uniq=pk,c.uniqBy=ck,c.uniqWith=lk,c.unset=rg,c.unzip=Be,c.unzipWith=Up,c.update=ig,c.updateWith=kg,c.values=ns,c.valuesIn=dg,c.without=uk,c.words=yc,c.wrap=pd,c.xor=rk,c.xorBy=ik,c.xorWith=kk,c.zip=dk,c.zipObject=gk,c.zipObjectDeep=Ck,c.zipWith=Ik,c.entries=Cc,c.entriesIn=Ic,c.extend=kc,c.extendWith=ha,Te(c,c),c.add=dC,c.attempt=fc,c.camelCase=Ag,c.capitalize=Ac,c.ceil=gC,c.clamp=gg,c.clone=ld,c.cloneDeep=rd,c.cloneDeepWith=id,c.cloneWith=ud,c.conformsTo=kd,c.deburr=hc,c.defaultTo=zg,c.divide=CC,c.endsWith=hg,c.eq=jn,c.escape=yg,c.escapeRegExp=fg,c.every=Bk,c.find=Wk,c.findIndex=_p,c.findKey=Jd,c.findLast=Rk,c.findLastIndex=Ep,c.findLastKey=_d,c.floor=IC,c.forEach=jp,c.forEachRight=Qp,c.forIn=Ed,c.forInRight=Pd,c.forOwn=zd,c.forOwnRight=Md,c.get=xe,c.gt=dd,c.gte=gd,c.has=jd,c.hasIn=Se,c.head=zp,c.identity=Bn,c.includes=Lk,c.indexOf=Ri,c.inRange=Cg,c.invoke=$d,c.isArguments=Lt,c.isArray=L,c.isArrayBuffer=Cd,c.isArrayLike=vn,c.isArrayLikeObject=on,c.isBoolean=Id,c.isBuffer=vt,c.isDate=Ad,c.isElement=hd,c.isEmpty=yd,c.isEqual=fd,c.isEqualWith=md,c.isError=Re,c.isFinite=bd,c.isFunction=dt,c.isInteger=oc,c.isLength=Ia,c.isMap=pc,c.isMatch=wd,c.isMatchWith=Zd,c.isNaN=vd,c.isNative=Gd,c.isNil=Kd,c.isNull=Bd,c.isNumber=cc,c.isObject=sn,c.isObjectLike=an,c.isPlainObject=ws,c.isRegExp=Ve,c.isSafeInteger=Wd,c.isSet=lc,c.isString=Aa,c.isSymbol=Sn,c.isTypedArray=$t,c.isUndefined=Rd,c.isWeakMap=Vd,c.isWeakSet=xd,c.join=Li,c.kebabCase=mg,c.last=En,c.lastIndexOf=Hi,c.lowerCase=bg,c.lowerFirst=wg,c.lt=Sd,c.lte=Xd,c.max=AC,c.maxBy=hC,c.mean=yC,c.meanBy=fC,c.min=mC,c.minBy=bC,c.stubArray=Ne,c.stubFalse=De,c.stubObject=cC,c.stubString=lC,c.stubTrue=uC,c.multiply=wC,c.nth=Ti,c.noConflict=$g,c.noop=Ye,c.now=da,c.pad=Zg,c.padEnd=vg,c.padStart=Gg,c.parseInt=Bg,c.random=Ig,c.reduce=Dk,c.reduceRight=Fk,c.repeat=Kg,c.replace=Wg,c.result=pg,c.round=ZC,c.runInContext=k,c.sample=_k,c.size=zk,c.snakeCase=Rg,c.some=Mk,c.sortedIndex=Ei,c.sortedIndexBy=Pi,c.sortedIndexOf=zi,c.sortedLastIndex=Mi,c.sortedLastIndexBy=Ui,c.sortedLastIndexOf=Oi,c.startCase=xg,c.startsWith=Sg,c.subtract=vC,c.sum=GC,c.sumBy=BC,c.template=Xg,c.times=rC,c.toFinite=gt,c.toInteger=T,c.toLength=rc,c.toLower=Lg,c.toNumber=Pn,c.toSafeInteger=Ld,c.toString=O,c.toUpper=Hg,c.trim=Tg,c.trimEnd=Yg,c.trimStart=Ng,c.truncate=Dg,c.unescape=Fg,c.uniqueId=kC,c.upperCase=Jg,c.upperFirst=Xe,c.each=jp,c.eachRight=Qp,c.first=zp,Te(c,function(){var s={};return tt(c,function(a,e){Q.call(c.prototype,e)||(s[e]=a)}),s}(),{chain:!1}),c.VERSION=H,Nn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(s){c[s].placeholder=c}),Nn(["drop","take"],function(s,a){J.prototype[s]=function(e){e=e===u?1:ln(T(e),0);var o=this.__filtered__&&!a?new J(this):this.clone();return o.__filtered__?o.__takeCount__=In(e,o.__takeCount__):o.__views__.push({size:In(e,nt),type:s+(o.__dir__<0?"Right":"")}),o},J.prototype[s+"Right"]=function(e){return this.reverse()[s](e).reverse()}}),Nn(["filter","map","takeWhile"],function(s,a){var e=a+1,o=e==Ee||e==Yc;J.prototype[s]=function(p){var l=this.clone();return l.__iteratees__.push({iteratee:W(p,3),type:e}),l.__filtered__=l.__filtered__||o,l}}),Nn(["head","last"],function(s,a){var e="take"+(a?"Right":"");J.prototype[s]=function(){return this[e](1).value()[0]}}),Nn(["initial","tail"],function(s,a){var e="drop"+(a?"":"Right");J.prototype[s]=function(){return this.__filtered__?new J(this):this[e](1)}}),J.prototype.compact=function(){return this.filter(Bn)},J.prototype.find=function(s){return this.filter(s).head()},J.prototype.findLast=function(s){return this.reverse().find(s)},J.prototype.invokeMap=D(function(s,a){return typeof s=="function"?new J(this):this.map(function(e){return As(e,s,a)})}),J.prototype.reject=function(s){return this.filter(Ca(W(s)))},J.prototype.slice=function(s,a){s=T(s);var e=this;return e.__filtered__&&(s>0||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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u540C\u4E00\u7EA7\u7684\u8282\u70B9\uFF0C\u6BCF\u6B21\u53EA\u80FD\u5C55\u5F00\u4E00\u4E2A</p>
- <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Nodes of the same level can only be expanded one</p>
- `,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("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
- `),n("span",{class:"token keyword"},"import"),t(" _ "),n("span",{class:"token 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("script")]),n("span",{class:"token punctuation"},">")]),t(`
- `)])],-1)])),jsVersionHtml:G(()=>d[2]||(d[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
- `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
- `),n("span",{class:"token attr-name"},":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("span")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
- `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
- `),n("span",{class:"token keyword"},"import"),t(" _ "),n("span",{class:"token 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("script")]),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:`<p>\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002</p>
- <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528<code>\u6811\u63A7\u4EF6</code>\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\u3002</p>
- <h2 id="API">API <a class="header-anchor" href="#API">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <h3 id="Tree-props">Tree props <a class="header-anchor" href="#Tree-props">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>\u53C2\u6570</th>
- <th>\u8BF4\u660E</th>
- <th>\u7C7B\u578B</th>
- <th>\u9ED8\u8BA4\u503C</th>
- <th>\u7248\u672C</th>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>autoExpandParent</td>
- <td>\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>blockNode</td>
- <td>\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>checkable</td>
- <td>\u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>checkedKeys(v-model)</td>
- <td>\uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u590D\u9009\u6846\u7684\u6811\u8282\u70B9\uFF08\u6CE8\u610F\uFF1A\u7236\u5B50\u8282\u70B9\u6709\u5173\u8054\uFF0C\u5982\u679C\u4F20\u5165\u7236\u8282\u70B9 key\uFF0C\u5219\u5B50\u8282\u70B9\u81EA\u52A8\u9009\u4E2D\uFF1B\u76F8\u5E94\u5F53\u5B50\u8282\u70B9 key \u90FD\u4F20\u5165\uFF0C\u7236\u8282\u70B9\u4E5F\u81EA\u52A8\u9009\u4E2D\u3002\u5F53\u8BBE\u7F6E<code>checkable</code>\u548C<code>checkStrictly</code>\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709<code>checked</code>\u548C<code>halfChecked</code>\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054</td>
- <td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td>
- <td>[]</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>checkStrictly</td>
- <td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>defaultExpandAll</td>
- <td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if="data.length"\uFF1B\u5F53\u6709 expandedKeys \u65F6\uFF0CdefaultExpandAll \u5C06\u5931\u6548</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>disabled</td>
- <td>\u5C06\u6811\u7981\u7528</td>
- <td>bool</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>draggable</td>
- <td>\u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FD</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>expandedKeys(v-model)</td>
- <td>\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9</td>
- <td>string[] | number[]</td>
- <td>[]</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>fieldNames</td>
- <td>\u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</td>
- <td>object</td>
- <td>{children:'children', title:'title', key:'key' }</td>
- <td>3.0.0</td>
- <td></td>
- </tr>
- <tr>
- <td>filterTreeNode</td>
- <td>\u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE true</td>
- <td>function(node)</td>
- <td>-</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>loadData</td>
- <td>\u5F02\u6B65\u52A0\u8F7D\u6570\u636E</td>
- <td>function(node)</td>
- <td>-</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>loadedKeys</td>
- <td>\uFF08\u53D7\u63A7\uFF09\u5DF2\u7ECF\u52A0\u8F7D\u7684\u8282\u70B9\uFF0C\u9700\u8981\u914D\u5408 <code>loadData</code> \u4F7F\u7528</td>
- <td>string[] | number[]</td>
- <td>[]</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>multiple</td>
- <td>\u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>selectable</td>
- <td>\u662F\u5426\u53EF\u9009\u4E2D</td>
- <td>boolean</td>
- <td>true</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>selectedKeys(v-model)</td>
- <td>\uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9</td>
- <td>string[] | number[]</td>
- <td>-</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>showIcon</td>
- <td>\u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>showLine</td>
- <td>\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF</td>
- <td>boolean | {showLeafIcon: boolean}(3.0+)</td>
- <td>false</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>switcherIcon</td>
- <td>\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807</td>
- <td>v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"</td>
- <td>-</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>title</td>
- <td>\u81EA\u5B9A\u4E49\u6807\u9898</td>
- <td>slot</td>
- <td></td>
- <td>2.0.0</td>
- <td></td>
- </tr>
- <tr>
- <td>treeData</td>
- <td>treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08key \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td>
- <td><a href="#TreeNode">TreeNode[]</a></td>
- <td>--</td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>virtual</td>
- <td>\u8BBE\u7F6E false \u65F6\u5173\u95ED\u865A\u62DF\u6EDA\u52A8</td>
- <td>boolean</td>
- <td>true</td>
- <td>3.0</td>
- <td></td>
- </tr>
- </tbody>
- </table>
- <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>\u4E8B\u4EF6\u540D\u79F0</th>
- <th>\u8BF4\u660E</th>
- <th>\u56DE\u8C03\u53C2\u6570</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>check</td>
- <td>\u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1</td>
- <td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td>
- </tr>
- <tr>
- <td>dragend</td>
- <td>dragend \u89E6\u53D1\u65F6\u8C03\u7528</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragenter</td>
- <td>dragenter \u89E6\u53D1\u65F6\u8C03\u7528</td>
- <td>function({event, node, expandedKeys})</td>
- </tr>
- <tr>
- <td>dragleave</td>
- <td>dragleave \u89E6\u53D1\u65F6\u8C03\u7528</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragover</td>
- <td>dragover \u89E6\u53D1\u65F6\u8C03\u7528</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragstart</td>
- <td>\u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>drop</td>
- <td>drop \u89E6\u53D1\u65F6\u8C03\u7528</td>
- <td>function({event, node, dragNode, dragNodesKeys})</td>
- </tr>
- <tr>
- <td>expand</td>
- <td>\u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1</td>
- <td>function(expandedKeys, {expanded: bool, node})</td>
- </tr>
- <tr>
- <td>load</td>
- <td>\u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1</td>
- <td>function(loadedKeys, {event, node})</td>
- </tr>
- <tr>
- <td>rightClick</td>
- <td>\u54CD\u5E94\u53F3\u952E\u70B9\u51FB</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>select</td>
- <td>\u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1</td>
- <td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td>
- </tr>
- </tbody>
- </table>
- <h3 id="Tree-\u65B9\u6CD5">Tree \u65B9\u6CD5 <a class="header-anchor" href="#Tree-\u65B9\u6CD5">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>\u540D\u79F0</th>
- <th>\u8BF4\u660E</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })</td>
- <td>\u865A\u62DF\u6EDA\u52A8\u4E0B\uFF0C\u6EDA\u52A8\u5230\u6307\u5B9A key \u6761\u76EE</td>
- </tr>
- </tbody>
- </table>
- <h3 id="TreeNode">TreeNode <a class="header-anchor" href="#TreeNode">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>\u53C2\u6570</th>
- <th>\u8BF4\u660E</th>
- <th>\u7C7B\u578B</th>
- <th>\u9ED8\u8BA4\u503C</th>
- <th>\u7248\u672C</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>checkable</td>
- <td>\u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox</td>
- <td>boolean</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>class</td>
- <td>\u8282\u70B9\u7684 class</td>
- <td>string</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>disableCheckbox</td>
- <td>\u7981\u6389 checkbox</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>disabled</td>
- <td>\u7981\u6389\u54CD\u5E94</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>icon</td>
- <td>\u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 props</td>
- <td>slot|slot-scope</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>isLeaf</td>
- <td>\u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86<code>loadData</code>\u65F6\u6709\u6548)</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>key</td>
- <td>\u88AB\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5C5E\u6027\u6240\u7528\u3002\u6CE8\u610F\uFF1A\u6574\u4E2A\u6811\u8303\u56F4\u5185\u7684\u6240\u6709\u8282\u70B9\u7684 key \u503C\u4E0D\u80FD\u91CD\u590D\uFF01</td>
- <td>string | number</td>
- <td>\u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E</td>
- <td></td>
- </tr>
- <tr>
- <td>selectable</td>
- <td>\u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2D</td>
- <td>boolean</td>
- <td>true</td>
- <td></td>
- </tr>
- <tr>
- <td>style</td>
- <td>\u8282\u70B9\u7684 style</td>
- <td>string|object</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>title</td>
- <td>\u6807\u9898</td>
- <td>string</td>
- <td>'---'</td>
- <td></td>
- </tr>
- </tbody>
- </table>
- <h3 id="DirectoryTree-props">DirectoryTree props <a class="header-anchor" href="#DirectoryTree-props">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>\u53C2\u6570</th>
- <th>\u8BF4\u660E</th>
- <th>\u7C7B\u578B</th>
- <th>\u9ED8\u8BA4\u503C</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>expandAction</td>
- <td>\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 <code>false</code> <code>'click'</code> <code>'dblclick'</code></td>
- <td>string</td>
- <td>click</td>
- </tr>
- </tbody>
- </table>
- <h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <h3 id="\u5728-showLine-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F">\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F <a class="header-anchor" href="#\u5728-showLine-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <p>\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F</p>
- `,lastUpdated:1748060301492}},LI={class:"markdown"};function HI(I,d,u,H,Z,X){return P(),mn("article",LI,d[0]||(d[0]=[Gc('<p>\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528<code>\u6811\u63A7\u4EF6</code>\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\u3002</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Tree-props">Tree props <a class="header-anchor" href="#Tree-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th><th></th></tr></thead><tbody><tr><td>autoExpandParent</td><td>\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>blockNode</td><td>\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>checkable</td><td>\u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>checkedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u590D\u9009\u6846\u7684\u6811\u8282\u70B9\uFF08\u6CE8\u610F\uFF1A\u7236\u5B50\u8282\u70B9\u6709\u5173\u8054\uFF0C\u5982\u679C\u4F20\u5165\u7236\u8282\u70B9 key\uFF0C\u5219\u5B50\u8282\u70B9\u81EA\u52A8\u9009\u4E2D\uFF1B\u76F8\u5E94\u5F53\u5B50\u8282\u70B9 key \u90FD\u4F20\u5165\uFF0C\u7236\u8282\u70B9\u4E5F\u81EA\u52A8\u9009\u4E2D\u3002\u5F53\u8BBE\u7F6E<code>checkable</code>\u548C<code>checkStrictly</code>\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709<code>checked</code>\u548C<code>halfChecked</code>\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054</td><td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td><td>[]</td><td></td><td></td></tr><tr><td>checkStrictly</td><td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>defaultExpandAll</td><td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if="data.length"\uFF1B\u5F53\u6709 expandedKeys \u65F6\uFF0CdefaultExpandAll \u5C06\u5931\u6548</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>disabled</td><td>\u5C06\u6811\u7981\u7528</td><td>bool</td><td>false</td><td></td><td></td></tr><tr><td>draggable</td><td>\u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FD</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>expandedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>[]</td><td></td><td></td></tr><tr><td>fieldNames</td><td>\u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</td><td>object</td><td>{children:'children', title:'title', key:'key' }</td><td>3.0.0</td><td></td></tr><tr><td>filterTreeNode</td><td>\u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE true</td><td>function(node)</td><td>-</td><td></td><td></td></tr><tr><td>loadData</td><td>\u5F02\u6B65\u52A0\u8F7D\u6570\u636E</td><td>function(node)</td><td>-</td><td></td><td></td></tr><tr><td>loadedKeys</td><td>\uFF08\u53D7\u63A7\uFF09\u5DF2\u7ECF\u52A0\u8F7D\u7684\u8282\u70B9\uFF0C\u9700\u8981\u914D\u5408 <code>loadData</code> \u4F7F\u7528</td><td>string[] | number[]</td><td>[]</td><td></td><td></td></tr><tr><td>multiple</td><td>\u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>selectable</td><td>\u662F\u5426\u53EF\u9009\u4E2D</td><td>boolean</td><td>true</td><td></td><td></td></tr><tr><td>selectedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>-</td><td></td><td></td></tr><tr><td>showIcon</td><td>\u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F</td><td>boolean</td><td>false</td><td></td><td></td></tr><tr><td>showLine</td><td>\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF</td><td>boolean | {showLeafIcon: boolean}(3.0+)</td><td>false</td><td></td><td></td></tr><tr><td>switcherIcon</td><td>\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807</td><td>v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"</td><td>-</td><td></td><td></td></tr><tr><td>title</td><td>\u81EA\u5B9A\u4E49\u6807\u9898</td><td>slot</td><td></td><td>2.0.0</td><td></td></tr><tr><td>treeData</td><td>treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08key \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td><td><a href="#TreeNode">TreeNode[]</a></td><td>--</td><td></td><td></td></tr><tr><td>virtual</td><td>\u8BBE\u7F6E false \u65F6\u5173\u95ED\u865A\u62DF\u6EDA\u52A8</td><td>boolean</td><td>true</td><td>3.0</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>check</td><td>\u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1</td><td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td></tr><tr><td>dragend</td><td>dragend \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragenter</td><td>dragenter \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node, expandedKeys})</td></tr><tr><td>dragleave</td><td>dragleave \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragover</td><td>dragover \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragstart</td><td>\u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>drop</td><td>drop \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node, dragNode, dragNodesKeys})</td></tr><tr><td>expand</td><td>\u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1</td><td>function(expandedKeys, {expanded: bool, node})</td></tr><tr><td>load</td><td>\u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1</td><td>function(loadedKeys, {event, node})</td></tr><tr><td>rightClick</td><td>\u54CD\u5E94\u53F3\u952E\u70B9\u51FB</td><td>function({event, node})</td></tr><tr><td>select</td><td>\u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1</td><td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td></tr></tbody></table><h3 id="Tree-\u65B9\u6CD5">Tree \u65B9\u6CD5 <a class="header-anchor" href="#Tree-\u65B9\u6CD5"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u540D\u79F0</th><th>\u8BF4\u660E</th></tr></thead><tbody><tr><td>scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })</td><td>\u865A\u62DF\u6EDA\u52A8\u4E0B\uFF0C\u6EDA\u52A8\u5230\u6307\u5B9A key \u6761\u76EE</td></tr></tbody></table><h3 id="TreeNode">TreeNode <a class="header-anchor" href="#TreeNode"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>checkable</td><td>\u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox</td><td>boolean</td><td>-</td><td></td></tr><tr><td>class</td><td>\u8282\u70B9\u7684 class</td><td>string</td><td>-</td><td></td></tr><tr><td>disableCheckbox</td><td>\u7981\u6389 checkbox</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>\u7981\u6389\u54CD\u5E94</td><td>boolean</td><td>false</td><td></td></tr><tr><td>icon</td><td>\u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 props</td><td>slot|slot-scope</td><td>-</td><td></td></tr><tr><td>isLeaf</td><td>\u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86<code>loadData</code>\u65F6\u6709\u6548)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>\u88AB\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5C5E\u6027\u6240\u7528\u3002\u6CE8\u610F\uFF1A\u6574\u4E2A\u6811\u8303\u56F4\u5185\u7684\u6240\u6709\u8282\u70B9\u7684 key \u503C\u4E0D\u80FD\u91CD\u590D\uFF01</td><td>string | number</td><td>\u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E</td><td></td></tr><tr><td>selectable</td><td>\u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2D</td><td>boolean</td><td>true</td><td></td></tr><tr><td>style</td><td>\u8282\u70B9\u7684 style</td><td>string|object</td><td>-</td><td></td></tr><tr><td>title</td><td>\u6807\u9898</td><td>string</td><td>'---'</td><td></td></tr></tbody></table><h3 id="DirectoryTree-props">DirectoryTree props <a class="header-anchor" href="#DirectoryTree-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>expandAction</td><td>\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 <code>false</code> <code>'click'</code> <code>'dblclick'</code></td><td>string</td><td>click</td></tr></tbody></table><h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="\u5728-showLine-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F">\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F <a class="header-anchor" href="#\u5728-showLine-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F</p>',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:`<p>A hierarchical list structure component.</p>
- <h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <p>Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The <code>Tree</code> component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a <code>Tree</code>.</p>
- <h2 id="API">API <a class="header-anchor" href="#API">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <h3 id="Tree-props">Tree props <a class="header-anchor" href="#Tree-props">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>Property</th>
- <th>Description</th>
- <th>Type</th>
- <th>Default</th>
- <th>Version</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>autoExpandParent</td>
- <td>Whether to automatically expand a parent treeNode</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>blockNode</td>
- <td>Whether treeNode fill remaining horizontal space</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>checkable</td>
- <td>Adds a <code>Checkbox</code> before the treeNodes</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>checkedKeys(v-model)</td>
- <td>(Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When <code>checkable</code> and <code>checkStrictly</code> is true, its object has <code>checked</code> and <code>halfChecked</code> property. Regardless of whether the child or parent treeNode is checked, they won't impact each other.</td>
- <td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td>
- <td>[]</td>
- <td></td>
- </tr>
- <tr>
- <td>checkStrictly</td>
- <td>Check treeNode precisely; parent treeNode and children treeNodes are not associated</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>defaultExpandAll</td>
- <td>Whether to expand all treeNodes by default</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>disabled</td>
- <td>whether disabled the tree</td>
- <td>bool</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>draggable</td>
- <td>Specifies whether this Tree is draggable (IE > 8)</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>expandedKeys(v-model)</td>
- <td>(Controlled) Specifies the keys of the expanded treeNodes</td>
- <td>string[] | number[]</td>
- <td>[]</td>
- <td></td>
- </tr>
- <tr>
- <td>fieldNames</td>
- <td>Replace the title,key and children fields in treeNode with the corresponding fields in treeData</td>
- <td>object</td>
- <td>{ children:'children', title:'title', key:'key' }</td>
- <td>3.0.0</td>
- </tr>
- <tr>
- <td>filterTreeNode</td>
- <td>Defines a function to filter (highlight) treeNodes. When the function returns <code>true</code>, the corresponding treeNode will be highlighted</td>
- <td>function(node)</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>loadData</td>
- <td>Load data asynchronously</td>
- <td>function(node)</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>loadedKeys</td>
- <td>(Controlled) Set loaded tree nodes. Need work with <code>loadData</code></td>
- <td>string[] | number[]</td>
- <td>[]</td>
- <td></td>
- </tr>
- <tr>
- <td>multiple</td>
- <td>Allows selecting multiple treeNodes</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>selectable</td>
- <td>whether can be selected</td>
- <td>boolean</td>
- <td>true</td>
- <td></td>
- </tr>
- <tr>
- <td>selectedKeys(v-model)</td>
- <td>(Controlled) Specifies the keys of the selected treeNodes</td>
- <td>string[] | number[]</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>showIcon</td>
- <td>Shows the icon before a TreeNode's title. There is no default style; you must set a custom style for it if set to <code>true</code></td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>showLine</td>
- <td>Shows a connecting line</td>
- <td>boolean | {showLeafIcon: boolean}(3.0+)</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>switcherIcon</td>
- <td>customize collapse/expand icon of tree node</td>
- <td>v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>title</td>
- <td>custom title</td>
- <td>slot</td>
- <td></td>
- <td>2.0.0</td>
- </tr>
- <tr>
- <td>treeData</td>
- <td>treeNode of tree, please use <code>treeNodes</code> before v1.1.4</td>
- <td><a href="#TreeNode">TreeNode[]</a></td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>virtual</td>
- <td>Disable virtual scroll when set to false</td>
- <td>boolean</td>
- <td>true</td>
- <td>3.0</td>
- </tr>
- </tbody>
- </table>
- <h3 id="Events">Events <a class="header-anchor" href="#Events">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>Events Name</th>
- <th>Description</th>
- <th>Arguments</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>check</td>
- <td>Callback function for when the onCheck event occurs</td>
- <td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td>
- </tr>
- <tr>
- <td>dragend</td>
- <td>Callback function for when the onDragEnd event occurs</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragenter</td>
- <td>Callback function for when the onDragEnter event occurs</td>
- <td>function({event, node, expandedKeys})</td>
- </tr>
- <tr>
- <td>dragleave</td>
- <td>Callback function for when the onDragLeave event occurs</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragover</td>
- <td>Callback function for when the onDragOver event occurs</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>dragstart</td>
- <td>Callback function for when the onDragStart event occurs</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>drop</td>
- <td>Callback function for when the onDrop event occurs</td>
- <td>function({event, node, dragNode, dragNodesKeys})</td>
- </tr>
- <tr>
- <td>expand</td>
- <td>Callback function for when a treeNode is expanded or collapsed</td>
- <td>function(expandedKeys, {expanded: bool, node})</td>
- </tr>
- <tr>
- <td>load</td>
- <td>Callback function for when a treeNode is loaded</td>
- <td>function(loadedKeys, {event, node})</td>
- </tr>
- <tr>
- <td>rightClick</td>
- <td>Callback function for when the user right clicks a treeNode</td>
- <td>function({event, node})</td>
- </tr>
- <tr>
- <td>select</td>
- <td>Callback function for when the user clicks a treeNode</td>
- <td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td>
- </tr>
- </tbody>
- </table>
- <h3 id="Tree-Methods">Tree Methods <a class="header-anchor" href="#Tree-Methods">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })</td>
- <td>Scroll to key item in virtual scroll</td>
- </tr>
- </tbody>
- </table>
- <h3 id="TreeNode">TreeNode <a class="header-anchor" href="#TreeNode">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>Property</th>
- <th>Description</th>
- <th>Type</th>
- <th>Default</th>
- <th>Version</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>checkable</td>
- <td>When Tree is checkable, set TreeNode display Checkbox or not</td>
- <td>boolean</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>class</td>
- <td>className</td>
- <td>string</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>disableCheckbox</td>
- <td>Disables the checkbox of the treeNode</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>disabled</td>
- <td>Disables the treeNode</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>icon</td>
- <td>customize icon. When you pass component, whose render will receive full TreeNode props as component props</td>
- <td>slot|slot-scope</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>isLeaf</td>
- <td>Determines if this is a leaf node(effective when <code>loadData</code> is specified)</td>
- <td>boolean</td>
- <td>false</td>
- <td></td>
- </tr>
- <tr>
- <td>key</td>
- <td>Used with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree!</td>
- <td>string | number</td>
- <td>internal calculated position of treeNode</td>
- <td></td>
- </tr>
- <tr>
- <td>selectable</td>
- <td>Set whether the treeNode can be selected</td>
- <td>boolean</td>
- <td>true</td>
- <td></td>
- </tr>
- <tr>
- <td>style</td>
- <td>style</td>
- <td>string|object</td>
- <td>-</td>
- <td></td>
- </tr>
- <tr>
- <td>title</td>
- <td>Title</td>
- <td>string</td>
- <td>'---'</td>
- <td></td>
- </tr>
- </tbody>
- </table>
- <h3 id="DirectoryTree-props">DirectoryTree props <a class="header-anchor" href="#DirectoryTree-props">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <table>
- <thead>
- <tr>
- <th>Property</th>
- <th>Description</th>
- <th>Type</th>
- <th>Default</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>expandAction</td>
- <td>Directory open logic, optional <code>false</code> <code>'click'</code> <code>'dblclick'</code></td>
- <td>string</td>
- <td>click</td>
- </tr>
- </tbody>
- </table>
- <h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h2>
- <h3 id="How-to-hide-file-icon-when-use-showLine">How to hide file icon when use showLine? <a class="header-anchor" href="#How-to-hide-file-icon-when-use-showLine">
- <span aria-hidden="true" class="anchor">#</span>
- </a></h3>
- <p>File icon realize by using switcherIcon. You can overwrite the style to hide it</p>
- `,lastUpdated:1748060301492}},NI={class:"markdown"};function DI(I,d,u,H,Z,X){return P(),mn("article",NI,d[0]||(d[0]=[Gc('<p>A hierarchical list structure component.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The <code>Tree</code> component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a <code>Tree</code>.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Tree-props">Tree props <a class="header-anchor" href="#Tree-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>autoExpandParent</td><td>Whether to automatically expand a parent treeNode</td><td>boolean</td><td>false</td><td></td></tr><tr><td>blockNode</td><td>Whether treeNode fill remaining horizontal space</td><td>boolean</td><td>false</td><td></td></tr><tr><td>checkable</td><td>Adds a <code>Checkbox</code> before the treeNodes</td><td>boolean</td><td>false</td><td></td></tr><tr><td>checkedKeys(v-model)</td><td>(Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When <code>checkable</code> and <code>checkStrictly</code> is true, its object has <code>checked</code> and <code>halfChecked</code> property. Regardless of whether the child or parent treeNode is checked, they won't impact each other.</td><td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td><td>[]</td><td></td></tr><tr><td>checkStrictly</td><td>Check treeNode precisely; parent treeNode and children treeNodes are not associated</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultExpandAll</td><td>Whether to expand all treeNodes by default</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>whether disabled the tree</td><td>bool</td><td>false</td><td></td></tr><tr><td>draggable</td><td>Specifies whether this Tree is draggable (IE > 8)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>expandedKeys(v-model)</td><td>(Controlled) Specifies the keys of the expanded treeNodes</td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>fieldNames</td><td>Replace the title,key and children fields in treeNode with the corresponding fields in treeData</td><td>object</td><td>{ children:'children', title:'title', key:'key' }</td><td>3.0.0</td></tr><tr><td>filterTreeNode</td><td>Defines a function to filter (highlight) treeNodes. When the function returns <code>true</code>, the corresponding treeNode will be highlighted</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>loadData</td><td>Load data asynchronously</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>loadedKeys</td><td>(Controlled) Set loaded tree nodes. Need work with <code>loadData</code></td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>multiple</td><td>Allows selecting multiple treeNodes</td><td>boolean</td><td>false</td><td></td></tr><tr><td>selectable</td><td>whether can be selected</td><td>boolean</td><td>true</td><td></td></tr><tr><td>selectedKeys(v-model)</td><td>(Controlled) Specifies the keys of the selected treeNodes</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>showIcon</td><td>Shows the icon before a TreeNode's title. There is no default style; you must set a custom style for it if set to <code>true</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>showLine</td><td>Shows a connecting line</td><td>boolean | {showLeafIcon: boolean}(3.0+)</td><td>false</td><td></td></tr><tr><td>switcherIcon</td><td>customize collapse/expand icon of tree node</td><td>v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"</td><td>-</td><td></td></tr><tr><td>title</td><td>custom title</td><td>slot</td><td></td><td>2.0.0</td></tr><tr><td>treeData</td><td>treeNode of tree, please use <code>treeNodes</code> before v1.1.4</td><td><a href="#TreeNode">TreeNode[]</a></td><td>-</td><td></td></tr><tr><td>virtual</td><td>Disable virtual scroll when set to false</td><td>boolean</td><td>true</td><td>3.0</td></tr></tbody></table><h3 id="Events">Events <a class="header-anchor" href="#Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>check</td><td>Callback function for when the onCheck event occurs</td><td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td></tr><tr><td>dragend</td><td>Callback function for when the onDragEnd event occurs</td><td>function({event, node})</td></tr><tr><td>dragenter</td><td>Callback function for when the onDragEnter event occurs</td><td>function({event, node, expandedKeys})</td></tr><tr><td>dragleave</td><td>Callback function for when the onDragLeave event occurs</td><td>function({event, node})</td></tr><tr><td>dragover</td><td>Callback function for when the onDragOver event occurs</td><td>function({event, node})</td></tr><tr><td>dragstart</td><td>Callback function for when the onDragStart event occurs</td><td>function({event, node})</td></tr><tr><td>drop</td><td>Callback function for when the onDrop event occurs</td><td>function({event, node, dragNode, dragNodesKeys})</td></tr><tr><td>expand</td><td>Callback function for when a treeNode is expanded or collapsed</td><td>function(expandedKeys, {expanded: bool, node})</td></tr><tr><td>load</td><td>Callback function for when a treeNode is loaded</td><td>function(loadedKeys, {event, node})</td></tr><tr><td>rightClick</td><td>Callback function for when the user right clicks a treeNode</td><td>function({event, node})</td></tr><tr><td>select</td><td>Callback function for when the user clicks a treeNode</td><td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td></tr></tbody></table><h3 id="Tree-Methods">Tree Methods <a class="header-anchor" href="#Tree-Methods"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })</td><td>Scroll to key item in virtual scroll</td></tr></tbody></table><h3 id="TreeNode">TreeNode <a class="header-anchor" href="#TreeNode"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>checkable</td><td>When Tree is checkable, set TreeNode display Checkbox or not</td><td>boolean</td><td>-</td><td></td></tr><tr><td>class</td><td>className</td><td>string</td><td>-</td><td></td></tr><tr><td>disableCheckbox</td><td>Disables the checkbox of the treeNode</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>Disables the treeNode</td><td>boolean</td><td>false</td><td></td></tr><tr><td>icon</td><td>customize icon. When you pass component, whose render will receive full TreeNode props as component props</td><td>slot|slot-scope</td><td>-</td><td></td></tr><tr><td>isLeaf</td><td>Determines if this is a leaf node(effective when <code>loadData</code> is specified)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>Used with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree!</td><td>string | number</td><td>internal calculated position of treeNode</td><td></td></tr><tr><td>selectable</td><td>Set whether the treeNode can be selected</td><td>boolean</td><td>true</td><td></td></tr><tr><td>style</td><td>style</td><td>string|object</td><td>-</td><td></td></tr><tr><td>title</td><td>Title</td><td>string</td><td>'---'</td><td></td></tr></tbody></table><h3 id="DirectoryTree-props">DirectoryTree props <a class="header-anchor" href="#DirectoryTree-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>expandAction</td><td>Directory open logic, optional <code>false</code> <code>'click'</code> <code>'dblclick'</code></td><td>string</td><td>click</td></tr></tbody></table><h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="How-to-hide-file-icon-when-use-showLine">How to hide file icon when use showLine? <a class="header-anchor" href="#How-to-hide-file-icon-when-use-showLine"><span aria-hidden="true" class="anchor">#</span></a></h3><p>File icon realize by using switcherIcon. You can overwrite the style to hide it</p>',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};
|