UNPKG

vexip-ui

Version:

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

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