vexip-ui/lib/components/tree/tree.vue2.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";const t=require("vue");require("../collapse-transition/index.cjs");require("../renderer/index.cjs");require("../virtual-list/index.cjs");require("./tree-node.vue.cjs");const b=require("@vexip-ui/config"),Te=require("@vexip-ui/hooks"),h=require("@vexip-ui/utils"),Et=require("./props.cjs"),St=require("./hooks.cjs"),K=require("./symbol.cjs"),Lt=require("../virtual-list/virtual-list.cjs"),C=require("../renderer/renderer.cjs"),Tt=require("../collapse/collapse-transition.cjs"),Re=require("./tree-node.vue2.cjs"),Rt=t.defineComponent({name:"Tree",__name:"tree",props:Et.treeProps,setup(Fe,{expose:Ke}){const Ie=Fe,a=b.useProps("tree",Ie,{arrow:{default:"auto",validator:e=>typeof e=="boolean"||e==="auto"},data:{default:()=>[],static:!0},noBuildTree:!1,emptyText:null,disabled:!1,readonly:!1,checkbox:!1,suffixCheckbox:!1,renderer:{default:null,isFunc:!0},prefixRenderer:{default:null,isFunc:!0},suffixRenderer:{default:null,isFunc:!0},multiple:!1,indent:"16px",accordion:!1,draggable:!1,appear:!1,floorSelect:!1,onAsyncLoad:{default:null,isFunc:!0},cacheNode:!1,rootId:null,keyConfig:()=>({}),noCascaded:!1,filter:"",ignoreCase:!1,nodeProps:null,linkLine:!1,postCreate:{default:null,isFunc:!0},virtual:!1,nodeMinHeight:{default:26,validator:e=>e>0},useYBar:!1,noTransition:!1,arrowIcon:b.createIconProp(),blockEffect:!1,filterLeaf:!1,slots:()=>({})}),E=t.useSlots(),S=b.useNameHelper("tree"),Me=b.useLocale("tree",t.toRef(a,"locale")),g=new Map,M=new Map,y=t.ref([]),f=t.ref([]),U=t.ref(!1),X=t.ref(!1),m=t.reactive({...K.defaultKeyConfig}),Pe=t.reactive(new Map),H=t.ref(!1),ve=t.ref([]),Z=t.ref(new Set),{timer:be}=Te.useSetTimeout(),{isMounted:Be}=Te.useMounted(),G=t.ref(),J=t.ref(),O=t.ref(),P=t.computed(()=>{var e;return(e=G.value)==null?void 0:e.wrapper});let L=[];const _e={visible:!0,selected:!1,expanded:!1,disabled:!1,checked:!1,loading:!1,loaded:!1,loadFail:!1,readonly:!1,arrow:"auto",checkbox:null,selectDisabled:!1,expandDisabled:!1,checkDisabled:!1,isLeaf:"auto"},ee=t.computed(()=>typeof a.onAsyncLoad=="function"),xe=t.computed(()=>a.linkLine===!0?"dashed":a.linkLine==="none"?!1:a.linkLine),Ae=t.computed(()=>({[S.cv("indent-width")]:typeof a.indent=="number"?`${a.indent}px`:a.indent,[S.cv("link-line-type")]:xe.value||void 0})),$e=t.computed(()=>le(y.value)),qe=t.computed(()=>H.value?ve.value:$e.value),ye=t.computed(()=>typeof a.nodeProps=="function"?a.nodeProps:()=>a.nodeProps);function ze(e){const r=a.ignoreCase?String(e).toLocaleLowerCase():e;return l=>{const i=l[m.label];return a.ignoreCase?String(i).toLocaleLowerCase().includes(r):String(i).includes(r)}}const B=h.debounce(()=>{P.value&&(L=h.queryAll(`.${S.be("node")}`,P.value))},300);let te=!1;function Ve(){te=!0,t.nextTick(()=>{te=!1})}t.watchEffect(()=>{const e=f.value;if(Ve(),a.filter){const r=typeof a.filter=="function"?a.filter:ze(a.filter),n=a.filterLeaf;for(let l=0,i=e.length;l<i;++l){const d=e[l];if(n&&!ae(d)){d.matched=!1,d.childMatched=!1,d.upperMatched=!1;continue}const s=d.parent?g.get(d.parent):void 0;if(d.matched=r(d.data,d),d.childMatched=!1,d.upperMatched=!!s&&(s.matched||s.upperMatched),d.matched){let c=s;for(;c&&!c.childMatched;)c.childMatched=!0,c.expanded=!0,c=c.parent?g.get(c.parent):void 0}}}else for(let r=0,n=e.length;r<n;++r){const l=e[r];l.matched=!0,l.childMatched=!1,l.upperMatched=!1}A()}),t.watchEffect(()=>Object.assign(m,a.keyConfig)),t.watchEffect(()=>{const e=Z.value,r=new Set;let n=!1;for(const l of f.value)l.expanded&&(r.add(l.id),!n&&!e.has(l.id)&&(n=!0));(n||r.size!==e.size)&&(Z.value=r)}),t.watch([()=>a.data,()=>a.data.length,()=>m.id,()=>m.children,()=>m.parent,()=>a.rootId],we,{immediate:!0}),t.watch([y,()=>a.rootId],()=>{f.value=h.flatTree(y.value,{keyField:"id",parentField:"parent",childField:"children",rootId:a.rootId,injectId:!1,depthFirst:!0})},{immediate:!0}),t.watch(Z,(e,r)=>{var T,$,q,z;if(a.noTransition&&B(),a.noTransition||te||!P.value)return;let n,l;for(const N of e)if(!r.has(N)){if(n!=null)return;n=N}for(const N of r)if(!e.has(N)){if(l!=null)return;l=N}if(n==null&&l==null||n&&!(($=(T=g.get(n))==null?void 0:T.children)!=null&&$.length)||l&&!((z=(q=g.get(l))==null?void 0:q.children)!=null&&z.length))return;clearTimeout(be.expand),Q.value=!1,H.value=!0;let i;n!=null&&(i=r),l!=null&&(i?(i=new Set(i),i.delete(l)):i=e);const d=le(y.value,i),s=a.virtual,c=P.value.offsetHeight,p=a.nodeMinHeight||1,u=Math.ceil(c/p)+1,k=[n!=null&&{id:n,type:"expand"},l!=null&&{id:l,type:"reduce"}];for(const N of k){if(!N)continue;const{id:Y,type:V}=N,o=d.findIndex(x=>x.id===Y);if(~o){const x=d[o].children;if(x!=null&&x.length){const w=le(x,e);d.splice(o+1,0,{id:Symbol("TreeNodePlaceholder"),collapse:!0,type:V,height:s?w.length*p:void 0,nodes:s?w.slice(0,u):w})}}}ve.value=d}),t.provide(K.TREE_STATE,t.reactive({arrow:t.toRef(a,"arrow"),checkbox:t.toRef(a,"checkbox"),suffixCheckbox:t.toRef(a,"suffixCheckbox"),noCascaded:t.toRef(a,"noCascaded"),linkLine:xe,virtual:t.toRef(a,"virtual"),labelKey:t.toRef(m,"label"),draggable:t.toRef(a,"draggable"),floorSelect:t.toRef(a,"floorSelect"),renderer:t.toRef(a,"renderer"),prefixRenderer:t.toRef(a,"prefixRenderer"),suffixRenderer:t.toRef(a,"suffixRenderer"),arrowIcon:t.toRef(a,"arrowIcon"),blockEffect:t.toRef(a,"blockEffect"),dragging:U,boundAsyncLoad:ee,nodeStates:Pe,expanding:H,getParentNode:D,updateVisibleNodeEls:B,computeCheckedState:Ye,handleNodeClick:Ue,handleNodeSelect:Je,handleNodeCancel:Qe,handleNodeExpand:We,handleNodeReduce:Xe,handleNodeContextmenu:Ze,handleAsyncLoad:et,handleNodeDragStart:tt,handleNodeDragOver:rt,handleNodeDrop:at,handleNodeDragEnd:lt,handleHittingChange:it,handleNodeHitting:dt,handleLabelClick:Ge})),t.provide(K.TREE_NODE_STATE,t.reactive({depth:-1,disabled:t.toRef(a,"disabled"),readonly:t.toRef(a,"readonly")})),Ke({treeNodes:y,flattedNodes:f,dragging:U,expanding:H,virtualList:G,trap:J,indicator:O,refreshScroll:ct,isLeafNode:ae,parseAndTransformData:we,forceUpdateData:Oe,syncNodeStateIntoData:je,getCheckedNodes:De,getCheckedNodeData:ft,getSelectedNodes:Ce,getSelectedNodeData:pt,getExpandedNodes:ht,getDisabledNodes:gt,getParentNode:D,getNodeChildren:vt,getSiblingNodes:Ee,getPrevSiblingNode:bt,getNextSiblingNode:xt,getNodeByData:j,expandNodeByData:yt,selectNodeByData:mt,checkNodeByData:kt,toggleNodeLoadingByData:Nt,toggleAllExpanded:wt,getTreeData:Dt,getFlattedData:Ct,updateVisibleNodeEls:B}),t.onMounted(B);const{updateCheckedUpward:re,updateCheckedDown:ne}=St.useCascadedChecked({getNode:e=>g.get(e),disableNode:e=>e.disabled});function me(){return`__vxp-tree-key-${h.getGlobalCount()}`}function ae(e){var i;const r=e.isLeaf;let n="auto",l=!1;return h.isNull(r)||r==="auto"?(n="auto",l=ee.value):n=r,n==="auto"?!((i=e.children)!=null&&i.length||l&&!e.loaded):!!n}function le(e,r){const n=new Set(e);return h.flatTree(e,{keyField:"id",parentField:"parent",childField:"children",injectId:!1,depthFirst:!0,cascaded:!0,filter:l=>{if(n.has(l))return l.matched||l.childMatched||l.upperMatched;const i=D(l);return l.visible&&(l.matched||l.childMatched||l.upperMatched)&&(!i||(r?r.has(i.id):i.expanded))}})}function He(e){return e.collapse}function ke(){h.walkTree(y.value,(e,r)=>{if(e.depth=r,e.lineIndexes=[0],e.parent&&g.has(e.parent)){const n=g.get(e.parent);e.last=h.getLast(n.children)===e,e.upstreamLast=[n.last,...n.upstreamLast]}else e.last=h.getLast(y.value)===e,e.upstreamLast=[];for(let n=1;n<r;++n)e.upstreamLast[n-1]||e.lineIndexes.push(n)})}function Ne(e){y.value=h.transformTree(e,{keyField:"id",parentField:"parent",childField:"children",rootId:a.rootId}),ke()}function we(){const e=m.id,r=new Map,n=new Map;for(const i of g.values())r.set(i.data,i),n.set(i.data[e],i);g.clear(),M.clear();const l=[];if(a.noBuildTree)h.walkTree(a.data,(i,d,s)=>{var k;const c=r.get(i),p=(c==null?void 0:c.id)??me(),u=a.cacheNode?c??_(i):_(i,c);u.id=p,u.parent=s?(k=M.get(s))==null?void 0:k.id:void 0,g.set(u.id,u),l.push(u),M.set(i,u)},{childField:m.children,depthFirst:!0});else{const i=a.data;for(let d=0,s=i.length;d<s;++d){const c=i[d],p=r.get(c)??n.get(c[e]),u=a.cacheNode?p??_(c):_(c,p);g.set(u.id,u),l.push(u),M.set(c,u)}}if(Ne(l),!a.noCascaded){const i=f.value.filter(d=>d.checked);for(let d=0,s=i.length;d<s;++d){const c=i[d],p=c.parent;ne(c.id),p&&g.has(p)&&(g.get(p).checked||re(c.id))}}A()}function Oe(){const e=[],{id:r,visible:n,selected:l,expanded:i,disabled:d,checked:s,loading:c,loaded:p,loadFail:u,readonly:k,arrow:T,checkbox:$,selectDisabled:q,expandDisabled:z,checkDisabled:N,isLeaf:Y}=m,V=(o,x)=>{const{[n]:w=o.visible,[l]:v=o.selected,[i]:R=o.expanded,[d]:F=o.disabled,[s]:ie=o.checked,[c]:de=o.loading,[p]:oe=o.loaded,[u]:se=o.loadFail,[k]:ce=o.readonly,[T]:ue=o.arrow,[$]:fe=o.checkbox,[q]:pe=o.selectDisabled,[z]:he=o.expandDisabled,[N]:ge=o.checkDisabled,[Y]:W=o.isLeaf}=x;o.visible=w,o.selected=v,o.expanded=R,o.disabled=F,o.checked=ie,o.loading=de,o.loaded=oe,o.loadFail=se,o.readonly=ce,o.arrow=ue,o.checkbox=fe,o.selectDisabled=pe,o.expandDisabled=he,o.checkDisabled=ge,o.isLeaf=W};if(a.noBuildTree)h.walkTree(a.data,(o,x,w)=>{var R;let v=M.get(o);v?V(v,o):(v=_(o),v.id=me(),v.parent=w?(R=M.get(w))==null?void 0:R.id:void 0,g.set(v.id,v),M.set(o,v)),e.push(v)},{childField:m.children,depthFirst:!0});else{const o=a.data;for(let x=0,w=o.length;x<w;++x){const v=o[x],R=v[r];let F=g.get(R);F?V(F,v):(F=_(v),g.set(R,F)),e.push(F)}}Ne(e),A()}function je(){f.value.forEach(e=>{if(!e.data)return;const{data:r,visible:n,selected:l,expanded:i,disabled:d,checked:s,loading:c,readonly:p}=e;r.visible=n,r.selected=l,r.expanded=i,r.disabled=d,r.checked=s,r.loading=c,r.readonly=p}),A()}function _(e,r=_e){const{id:n,parent:l,visible:i,selected:d,expanded:s,disabled:c,checked:p,loading:u,loaded:k,loadFail:T,readonly:$,arrow:q,checkbox:z,selectDisabled:N,expandDisabled:Y,checkDisabled:V,isLeaf:o}=m,{[i]:x=r.visible,[d]:w=r.selected,[s]:v=r.expanded,[c]:R=r.disabled,[p]:F=r.checked,[u]:ie=r.loading,[k]:de=r.loaded,[T]:oe=r.loadFail,[$]:se=r.readonly,[q]:ce=r.arrow,[z]:ue=r.checkbox,[N]:fe=r.selectDisabled,[Y]:pe=r.expandDisabled,[V]:he=r.checkDisabled,[o]:ge=r.isLeaf}=e,W=a.noBuildTree?null:e[n],Se=a.noBuildTree?null:e[l],Le={id:W,parent:Se,data:e,visible:x,selected:w,expanded:v,disabled:R,checked:F,loading:ie,loaded:de,loadFail:oe,readonly:se,arrow:ce,checkbox:ue,selectDisabled:fe,expandDisabled:pe,checkDisabled:he,isLeaf:ge};return typeof a.postCreate=="function"&&a.postCreate(Le),t.reactive({...Le,id:W,parent:Se,children:[],partial:!1,matched:!1,childMatched:!1,upperMatched:!1,depth:-1,last:!1,upstreamLast:[],lineIndexes:[]})}function Ye(e,r){if(!a.noCascaded){const n=[e].concat(f.value.filter(l=>(l.disabled||l.checkDisabled)&&l.checked));for(let l=0,i=n.length;l<i;++l){const d=n[l];re(d.id),ne(d.id)}}b.emitEvent(a.onNodeChange,e.data,e,r)}function Ue(e){b.emitEvent(a.onNodeClick,e.data,e)}function Ge(e){b.emitEvent(a.onLabelClick,e.data,e)}function Je(e){const r=f.value.filter(n=>n.selected);if(a.multiple)b.emitEvent(a.onNodeSelect,r.map(n=>n.data),r);else{const n=e.id;for(let l=0,i=r.length;l<i;++l){const d=r[l];d.selected=d.id===n}b.emitEvent(a.onNodeSelect,e.data,e)}}function Qe(e){b.emitEvent(a.onNodeCancel,e.data,e)}function We(e){if(a.accordion){const r=Ee(e);for(let n=0,l=r.length;n<l;++n)r[n].expanded=!1}b.emitEvent(a.onNodeExpand,e.data,e)}function Xe(e){b.emitEvent(a.onNodeReduce,e.data,e)}function Ze(e,r){b.emitEvent(a.onNodeContextmenu,e,r.data,r)}async function et(e){if(!ee.value)return!1;let r=a.onAsyncLoad(e.data,e);return h.isPromise(r)&&(r=await r),r!==!1}let I=null;function tt(e){P.value&&(I={draggingNode:e.node,treeRect:P.value.getBoundingClientRect(),willDropNode:null,dropType:K.DropType.BEFORE},U.value=!0,b.emitEvent(a.onDragStart,e.node.data,e.node))}function rt(e,r){if(!I||!e.el||!e.arrow)return;const n=e.el.getBoundingClientRect(),l=I.treeRect,i=e.arrow.getBoundingClientRect(),d=.25,s=.75,c=r.clientY-n.top,p=i.height;let u,k=-9999,T=!0;c<p*d?(u=K.DropType.BEFORE,k=i.top-l.top):c>p*s?(u=K.DropType.AFTER,k=i.bottom-l.top):(u=K.DropType.INNER,T=!1),O.value&&(O.value.style.top=`${k}px`,O.value.style.insetInlineStart=`${i.right-l.left}px`),I.willDropNode=e.node,I.dropType=u,X.value=T,b.emitEvent(a.onDragOver,e.node.data,e.node)}function nt(e,r){if(!e||!r)return!0;for(;e;){if(e===r||e.id===r.id)return!0;e=D(e)}return!1}function at(e){if(!I)return;const{draggingNode:r,willDropNode:n,dropType:l}=I;if(!n||nt(n,r))return;let i,d;if(r&&(d=D(r),d||(d={children:y.value}),i=r.id,h.removeArrayItem(d.children,s=>s.id===i)),l===K.DropType.INNER){Array.isArray(n.children)||(n.children=[]);const s=Array.from(n.children);s.push(r),n.children=s,r.parent=n.id}else{d=D(n),d||(d={parent:void 0,children:y.value}),i=n.id;const s=d.children.findIndex(c=>c.id===i);~s&&(d.children.splice(+(l===K.DropType.AFTER)+s,0,r),r.parent=d.id)}ke(),b.emitEvent(a.onDrop,e.node.data,e.node,l)}function lt(e){U.value=!0,X.value=!1,I=null,b.emitEvent(a.onDragEnd,e.node.data,e.node)}function it(e){var l;const r=document.activeElement;if(!L.length||!r)return;const n=L.findIndex(i=>i===r);~n&&((l=L[(n+(e==="up"?-1:1)+L.length)%L.length])==null||l.focus())}function dt(e){!e||!L.length||L.includes(e)&&e.focus()}function ot(){B()}function st(e){const r=e.target;!L.length||!r||!J.value||r===J.value&&L[0].focus()}function ct(){var e;(e=G.value)==null||e.refresh()}function A(){H.value=!1,Be.value&&B()}function ut(){if(a.virtual){A();return}Q.value=!0,requestAnimationFrame(()=>{A(),be.expand=setTimeout(()=>{Q.value=!1},300)})}function De(e=!1){return f.value.filter(r=>r.checked||e&&r.partial)}function ft(e=!1){return De(e).map(r=>r.data)}function Ce(){return f.value.filter(e=>e.selected)}function pt(){return Ce().map(e=>e.data)}function ht(){return f.value.filter(e=>e.expanded)}function gt(){return f.value.filter(e=>e.disabled)}function D(e){return e.parent?g.get(e.parent)??null:null}function vt(e){return e.children}function Ee(e,r=!1){const n=D(e),l=e.id,i=n?n.id:null;return f.value.filter(d=>{const s=i===null?!d.parent:d.parent===i;return s&&!r?d.id!==l:s})}function bt(e){const r=D(e);if(!r)return null;const n=e.id,l=r.id,i=f.value.filter(d=>d.parent===l);if(i&&i.length){const d=i.findIndex(s=>s.id===n);if(d>0)return i[d-1]}return null}function xt(e){const r=D(e);if(!r)return null;const n=e.id,l=r.id,i=f.value.filter(d=>d.parent===l);if(i&&i.length){const d=i.findIndex(s=>s.id===n);if(!~d&&d<i.length-1)return i[d+1]}return null}function j(e){if(a.noBuildTree)return f.value.find(n=>n.data===e)??null;const r=m.id;return f.value.find(n=>n.data===e||n.data[r]===e[r])??null}function yt(e,r,n=!1){const l=j(e);if(l&&(l.expanded=h.isNull(r)?!l.expanded:!!r,n)){let i=D(l);for(;i;)i.expanded=l.expanded,i=D(i)}}function mt(e,r){const n=j(e);n&&(n.selected=h.isNull(r)?!n.selected:!!r)}function kt(e,r){const n=j(e);if(n&&(n.checked=h.isNull(r)?!n.checked:!!r,!a.noCascaded)){const l=[n].concat(f.value.filter(i=>i.disabled&&i.checked));for(let i=0,d=l.length;i<d;++i){const s=l[i];re(s.id),ne(s.id)}}}function Nt(e,r){const n=j(e);n&&(n.checked=h.isNull(r)?!n.loading:!!r)}function wt(e){var r;for(const n of f.value)!n.disabled&&!n.expandDisabled&&!n.loading&&((r=n.children)!=null&&r.length)&&(n.expanded=e)}function Dt(e=!1){return h.mapTree(e?h.filterTree(y.value,r=>r.matched,{childField:"children",leafOnly:a.filterLeaf,isLeaf:ae}):y.value,r=>({...r.data}))}function Ct(e=!1){return(e?f.value.filter(r=>r.matched||r.childMatched||r.upperMatched):f.value).map(r=>({...r.data}))}const Q=t.ref(!1);return(e,r)=>(t.openBlock(),t.createBlock(t.unref(Lt),{ref_key:"virtualList",ref:G,class:t.normalizeClass([t.unref(S).b(),t.unref(S).bs("vars"),t.unref(a).inherit&&t.unref(S).bm("inherit")]),inherit:t.unref(a).inherit,items:qe.value,"item-size":t.unref(a).nodeMinHeight,"items-tag":"ul","items-attrs":{class:t.unref(S).be("list")},"hide-bar":!t.unref(a).useYBar,"ignore-resize":Q.value,disabled:!t.unref(a).virtual,role:"tree",tabindex:"-1","aria-disabled":t.unref(a).disabled,"aria-readonly":t.unref(a).readonly,style:t.normalizeStyle(Ae.value),onScroll:ot},{"prefix-trap":t.withCtx(()=>[t.createElementVNode("div",{ref_key:"trap",ref:J,tabindex:"0",role:"none",style:{width:"0",height:"0",overflow:"hidden",outline:"none"},onFocus:st},null,544)]),default:t.withCtx(({item:n})=>[He(n)?(t.openBlock(),t.createBlock(t.unref(Tt),{key:0,appear:"",reverse:n.type==="reduce",onAfterEnter:ut},{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(t.unref(S).be("collapse")),style:t.normalizeStyle({height:`${n.height}px`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.nodes,(l,i)=>(t.openBlock(),t.createBlock(Re,t.mergeProps({key:l.id??i},{ref_for:!0},ye.value(l.data,l),{node:l}),t.createSlots({_:2},[E.node||t.unref(a).slots.node?{name:"default",fn:t.withCtx(d=>[t.renderSlot(e.$slots,"node",t.mergeProps({ref_for:!0},d),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.node,data:d},null,8,["renderer","data"])])]),key:"0"}:void 0,E.arrow||t.unref(a).slots.arrow?{name:"arrow",fn:t.withCtx(d=>[t.renderSlot(e.$slots,"arrow",t.mergeProps({ref_for:!0},d),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.arrow,data:d},null,8,["renderer","data"])])]),key:"1"}:void 0,E.label||t.unref(a).slots.label?{name:"label",fn:t.withCtx(d=>[t.renderSlot(e.$slots,"label",t.mergeProps({ref_for:!0},d),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.label,data:d},null,8,["renderer","data"])])]),key:"2"}:void 0,E.prefix||t.unref(a).slots.prefix?{name:"prefix",fn:t.withCtx(d=>[t.renderSlot(e.$slots,"prefix",t.mergeProps({ref_for:!0},d),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.prefix,data:d},null,8,["renderer","data"])])]),key:"3"}:void 0,E.suffix||t.unref(a).slots.suffix?{name:"suffix",fn:t.withCtx(d=>[t.renderSlot(e.$slots,"suffix",t.mergeProps({ref_for:!0},d),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.suffix,data:d},null,8,["renderer","data"])])]),key:"4"}:void 0]),1040,["node"]))),128))],6)]),_:2},1032,["reverse"])):(t.openBlock(),t.createBlock(Re,t.mergeProps({key:1},ye.value(n.data,n),{node:n}),t.createSlots({_:2},[E.node||t.unref(a).slots.node?{name:"default",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"node",t.normalizeProps(t.guardReactiveProps(l)),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.node,data:l},null,8,["renderer","data"])])]),key:"0"}:void 0,E.arrow||t.unref(a).slots.arrow?{name:"arrow",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"arrow",t.normalizeProps(t.guardReactiveProps(l)),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.arrow,data:l},null,8,["renderer","data"])])]),key:"1"}:void 0,E.label||t.unref(a).slots.label?{name:"label",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"label",t.normalizeProps(t.guardReactiveProps(l)),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.label,data:l},null,8,["renderer","data"])])]),key:"2"}:void 0,E.prefix||t.unref(a).slots.prefix?{name:"prefix",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"prefix",t.normalizeProps(t.guardReactiveProps(l)),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.prefix,data:l},null,8,["renderer","data"])])]),key:"3"}:void 0,E.suffix||t.unref(a).slots.suffix?{name:"suffix",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"suffix",t.normalizeProps(t.guardReactiveProps(l)),()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.suffix,data:l},null,8,["renderer","data"])])]),key:"4"}:void 0]),1040,["node"]))]),empty:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(t.unref(S).be("empty-tip"))},[t.renderSlot(e.$slots,"empty",{},()=>[t.createVNode(t.unref(C),{renderer:t.unref(a).slots.empty},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(t.unref(a).emptyText??t.unref(Me).empty),1)]),_:1},8,["renderer"])])],2)]),"suffix-trap":t.withCtx(()=>[t.unref(a).draggable?t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"indicator",ref:O,class:t.normalizeClass(t.unref(S).be("indicator"))},null,2)),[[t.vShow,X.value]]):t.createCommentVNode("",!0)]),_:3},8,["class","inherit","items","item-size","items-attrs","hide-bar","ignore-resize","disabled","aria-disabled","aria-readonly","style"]))}});module.exports=Rt;
//# sourceMappingURL=tree.vue2.cjs.map