@transsionfe/semi-ui-vue 0.0.3 → 0.0.5

package/lib/cjs/components/tree/Tree.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),z=require("classnames"),Ve=require("@douyinfe/semi-foundation/tree/foundation"),c=require("@douyinfe/semi-foundation/tree/treeUtil"),Be=require("@douyinfe/semi-foundation/tree/constants"),g=require("lodash"),D=require("./treeUtil.cjs"),Fe=require("../input/index.cjs"),_e=require("./treeContext.cjs"),P=require("./TreeNode.vue.cjs"),we=require("./NodeList.vue.cjs"),j=require("../locale/LocaleConsumer.vue.cjs"),Ie=require("../checkbox/CheckboxGroup.vue.cjs"),Le=require("../_utils/useBaseComponent.cjs"),ze=require("../icons/icons/IconSearch.cjs"),Pe=["aria-label"],T=28,C=270,Ae=2,Me=n.defineComponent({name:"SemiTree",__name:"Tree",props:{children:{},defaultValue:{},emptyContent:{},filterTreeNode:{type:[Boolean,Function],default:!1},searchRender:{type:[Function,Boolean]},searchStyle:{},style:{},treeData:{},value:{},icon:{},keyMaps:{},loadData:{},onChange:{},onDoubleClick:{},onDragEnd:{},onDragLeave:{},onDragOver:{},onDragStart:{},onDragEnter:{},onDrop:{},onExpand:{},onLoad:{},onContextMenu:{},onSelect:{},renderDraggingNode:{},renderFullLabel:{},renderLabel:{},autoMergeValue:{type:Boolean,default:!0},expandIcon:{},autoExpandParent:{type:Boolean,default:!1},autoExpandWhenDragEnter:{type:Boolean,default:!0},blockNode:{type:Boolean,default:!0},className:{},expandAll:{type:Boolean,default:!1},defaultExpandAll:{type:Boolean,default:!1},defaultExpandedKeys:{},directory:{type:Boolean},disabled:{type:Boolean,default:!1},disableStrictly:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},expandAction:{type:[Boolean,String],default:!1},expandedKeys:{},hideDraggingNode:{type:Boolean},labelEllipsis:{type:Boolean},leafOnly:{type:Boolean,default:!1},loadedKeys:{},motion:{type:Boolean,default:!0},multiple:{type:Boolean,default:!1},onChangeWithObject:{type:Boolean,default:!1},onSearch:{},preventScroll:{type:Boolean},searchClassName:{},searchPlaceholder:{},showClear:{type:Boolean,default:!0},showFilteredOnly:{type:Boolean,default:!1},showLine:{type:Boolean,default:!1},treeDataSimpleJson:{},treeNodeFilterProp:{default:"label"},virtualize:{},checkRelation:{default:"related"},"aria-label":{}},emits:["expand","select","change","search","contextMenu","doubleClick","load"],setup(v,{expose:$,emit:H}){const t=v,N=H,E=Be.cssClasses.PREFIX,V=n.ref(),S=n.ref(null),b=n.ref(),A=n.ref(0),o=n.ref({inputValue:"",keyEntities:{},treeData:[],flattenNodes:[],selectedKeys:[],checkedKeys:new Set,halfCheckedKeys:new Set,realCheckedKeys:new Set([]),motionKeys:new Set([]),motionType:"hide",expandedKeys:new Set(t.expandedKeys),filteredKeys:new Set,filteredExpandedKeys:new Set,filteredShownKeys:new Set,prevProps:null,loadedKeys:new Set,loadingKeys:new Set,cachedFlattenNodes:void 0,cachedKeyValuePairs:{},disabledKeys:new Set,dragging:!1,dragNodesKeys:new Set,dragOverNodeKey:null,dropPosition:null}),{adapter:W,getDataAttr:G}=Le.useBaseComponent(t,o),y=new Ve({...W,updateInputValue:e=>{o.value.inputValue=e},focusInput:()=>{const{preventScroll:e}=t;V.value&&V.value.focus({preventScroll:e})},updateState:e=>{Object.assign(o.value,e)},notifyExpand:(e,{expanded:a,node:r})=>{N("expand",[...e],{expanded:a,node:r}),a&&t.loadData&&U(r)},notifySelect:(e,a,r)=>{N("select",e,a,r)},notifyChange:e=>{N("change",e)},notifySearch:(e,a)=>{N("search",e,a)},notifyRightClick:(e,a)=>{N("contextMenu",e,a)},notifyDoubleClick:(e,a)=>{N("doubleClick",e,a)},cacheFlattenNodes:e=>{o.value.cachedFlattenNodes=e?D.cloneDeep(o.value.flattenNodes):void 0},setDragNode:e=>{S.value=e}}),M=y._isControlledComponent;M&&typeof M=="function"&&(y._isControlledComponent=function(e="value"){const a=this.getProps();return e==="value"?"value"in a&&a.value!==void 0:e in a});let K=null;n.watch(()=>t.treeData,()=>{B()},{immediate:!0,deep:!0}),n.watch(()=>t.treeDataSimpleJson,()=>{B()},{immediate:!0,deep:!0}),n.watch(()=>[t.expandedKeys,t.value,t.defaultValue,t.loadedKeys,t.autoExpandParent,t.expandAll,t.defaultExpandAll,t.defaultExpandedKeys,t.draggable,t.disableStrictly,t.checkRelation,t.multiple,t.onChangeWithObject,t.keyMaps,o.value.inputValue],()=>{B()},{immediate:!0,deep:!0});function m(e,a){if(!a&&e in t)return!0;if(!a)return!1;const l=a[e],d=t[e];return l===d?!1:typeof l=="object"&&typeof d=="object"&&l!==null&&d!==null?!g.isEqual(l,d):!0}function Y(e){const a=!e&&"treeData"in t,r=e&&e.treeData!==t.treeData;return a||r}function Z(e,a,r){let l,d=o.value.keyEntities||{},i=o.value.cachedKeyValuePairs||{};const u=m("treeData",a),s=m("treeDataSimpleJson",a);if(u||t.draggable&&Y(a)){l=t.treeData,e.treeData=l;const p=c.convertDataToEntities(l,r);e.keyEntities={...p.keyEntities},d=e.keyEntities,e.cachedKeyValuePairs={...p.valueEntities},i=e.cachedKeyValuePairs}else if(s){l=c.convertJsonToData(t.treeDataSimpleJson),e.treeData=l;const p=c.convertDataToEntities(l,r);e.keyEntities={...p.keyEntities},d=e.keyEntities,e.cachedKeyValuePairs={...p.valueEntities},i=e.cachedKeyValuePairs}return l&&t.motion&&a&&t.motion&&(e.motionKeys=new Set([]),e.motionType=null),{treeData:l,keyEntities:d,valueEntities:i}}function X(e,a,r,l,d,i,u){var h;const s=u&&t.expandAll,p=m("expandedKeys",a),f=a&&m("autoExpandParent",a);if(!a&&!t.expandedKeys&&(t.defaultExpandAll||t.expandAll))e.expandedKeys=new Set(Object.keys(l));else if(s)e.expandedKeys=new Set(Object.keys(l));else if(p||f){if(e.expandedKeys=c.calcExpandedKeys(t.expandedKeys,l,t.autoExpandParent||!a),a&&t.motion&&!r){const{motionKeys:x,motionType:k}=c.calcMotionKeys(o.value.expandedKeys,e.expandedKeys,l);e.motionKeys=new Set(x),e.motionType=k,k==="hide"&&(e.cachedFlattenNodes=D.cloneDeep(o.value.flattenNodes))}}else!a&&t.defaultExpandedKeys?e.expandedKeys=c.calcExpandedKeys(t.defaultExpandedKeys,l):!a&&t.defaultValue?e.expandedKeys=c.calcExpandedKeysForValues(t.defaultValue,l,t.multiple,d):!a&&t.value?e.expandedKeys=c.calcExpandedKeysForValues(t.value,l,t.multiple,d):!i&&u&&t.value&&(o.value.treeData&&((h=o.value.treeData)==null?void 0:h.length)>0&&t.loadData||(e.expandedKeys=c.calcExpandedKeysForValues(t.value,l,t.multiple,d)));e.expandedKeys||delete e.expandedKeys}function Q(e,a,r,l,d){let i;if(r&&(i=c.filterTreeData({treeData:r,inputValue:o.value.inputValue,filterTreeNode:t.filterTreeNode,filterProps:t.treeNodeFilterProp,showFilteredOnly:t.showFilteredOnly,keyEntities:e.keyEntities,prevExpandedKeys:[...o.value.filteredExpandedKeys],keyMaps:d}),e.flattenNodes=i.flattenNodes,e.motionKeys=new Set([]),e.filteredKeys=i.filteredKeys,e.filteredShownKeys=i.filteredShownKeys,e.filteredExpandedKeys=i.filteredExpandedKeys),t.expandedKeys){if(e.filteredExpandedKeys=c.calcExpandedKeys(t.expandedKeys,l,t.autoExpandParent||!a),a&&t.motion){const u=o.value?o.value.filteredExpandedKeys:new Set([]);if(!r){const s=c.calcMotionKeys(u,e.filteredExpandedKeys,l);let{motionKeys:p}=s;const{motionType:f}=s;t.showFilteredOnly&&(p=p.filter(h=>o.value.filteredShownKeys.has(h))),f==="hide"&&(e.cachedFlattenNodes=D.cloneDeep(o.value.flattenNodes)),e.motionKeys=new Set(p),e.motionType=f}}e.flattenNodes=c.flattenTreeData(r||o.value.treeData,e.filteredExpandedKeys||o.value.filteredExpandedKeys,d,t.showFilteredOnly&&o.value.filteredShownKeys)}}function ee(e,a,r,l,d){const i=t.onChangeWithObject,u=t.multiple;if(!u)m("value",a)?e.selectedKeys=c.findKeysForValues(c.normalizeValue(t.value,i,t.keyMaps),d,u):!a&&t.defaultValue?e.selectedKeys=c.findKeysForValues(c.normalizeValue(t.defaultValue,i,t.keyMaps),d,u):r&&t.value&&(e.selectedKeys=c.findKeysForValues(c.normalizeValue(t.value,i,t.keyMaps)||"",d,u));else{let s;if(m("value",a)?s=c.findKeysForValues(c.normalizeValue(t.value,i,t.keyMaps),d,u):!a&&t.defaultValue?s=c.findKeysForValues(c.normalizeValue(t.defaultValue,i,t.keyMaps),d,u):r&&(t.value?s=c.findKeysForValues(c.normalizeValue(t.value,i,t.keyMaps)||[],d,u):s=c.updateKeys(t.checkRelation==="related"?o.value.checkedKeys:o.value.realCheckedKeys,l)),s){if(t.checkRelation==="unRelated")e.realCheckedKeys=new Set(s);else if(t.checkRelation==="related"){const{checkedKeys:p,halfCheckedKeys:f}=c.calcCheckedKeys(s,l);e.checkedKeys=p,e.halfCheckedKeys=f}}}}function te(){const e=o.value.prevProps,{keyMaps:a}=t,r=!!(t.filterTreeNode&&o.value.inputValue&&o.value.inputValue.length);if(e){const f=m("treeData",e),h=m("treeDataSimpleJson",e);Object.assign(e,t),f&&t.treeData&&(e.treeData=D.cloneDeep(t.treeData)),h&&t.treeDataSimpleJson&&(e.treeDataSimpleJson=D.cloneDeep(t.treeDataSimpleJson))}else{const f={...t};t.treeData&&(f.treeData=D.cloneDeep(t.treeData)),t.treeDataSimpleJson&&(f.treeDataSimpleJson=D.cloneDeep(t.treeDataSimpleJson)),o.value.prevProps=f}const l={},d="expandedKeys"in t,{treeData:i,keyEntities:u,valueEntities:s}=Z(l,e,a),p=m("treeDataSimpleJson",e)||m("treeData",e);if(r)Q(l,e,i,u,a);else if(X(l,e,i,u,s,d,p),i||l.expandedKeys){const f=c.flattenTreeData(i||o.value.treeData,l.expandedKeys||o.value.expandedKeys,a);l.flattenNodes=f}ee(l,e,i,u,s),m("loadedKeys",e)&&(l.loadedKeys=new Set(t.loadedKeys)),i&&t.disableStrictly&&t.checkRelation==="related"&&(l.disabledKeys=c.calcDisabledKeys(u,a)),Object.assign(o.value,l)}function B(){K&&clearTimeout(K),K=setTimeout(()=>{K=null,te()},0)}function ae(e){y.handleInputChange(e)}function O(e,a){var l;const r=typeof e=="string"?e:((l=e.target)==null?void 0:l.value)||"";y.handleInputChange(r)}function ne(e){if(!e||!e.key){console.warn("[Tree] scrollTo: key is required");return}const{key:a,align:r="center"}=e,{flattenNodes:l}=o.value;if(!(!l||l.length===0)&&a){const d=l.findIndex(i=>i&&i.key===a);if(d>=0&&t.virtualize&&b.value){const i=Number(t.virtualize.itemSize||T);let u;typeof t.virtualize.height=="string"?u=b.value.offsetHeight||C:u=Number(t.virtualize.height||C);let s=d*i;r==="center"?s=s-u/2+i/2:r==="end"&&(s=s-u+i),b.value.scrollTop=Math.max(0,s)}}}const le=n.computed(()=>{var r;const{flattenNodes:e}=o.value,a=((r=t.virtualize)==null?void 0:r.itemSize)||T;return e.length*a}),F=n.computed(()=>{var e;return((e=t.virtualize)==null?void 0:e.itemSize)||T}),R=n.computed(()=>{var e;return((e=t.virtualize)==null?void 0:e.height)||C}),oe=n.computed(()=>{var r;let e;typeof R.value=="string"?e=((r=b.value)==null?void 0:r.offsetHeight)||C:e=Number(R.value)||C;const a=Number(F.value);return Math.ceil(e/a)+Ae}),_=n.computed(()=>Math.max(0,Math.floor(A.value/F.value)-1)),re=n.computed(()=>{const{flattenNodes:e}=o.value;return Math.min(e.length,_.value+oe.value)}),ie=n.computed(()=>{const e=[];for(let a=_.value;a<re.value;a++)e.push(a);return e}),se=n.computed(()=>_.value*F.value);function de(e){const a=e.target;A.value=a.scrollTop}function ue(e,a){y.handleNodeSelect(e,a)}function U(e){return new Promise(a=>{const{loadedKeys:r=new Set([]),loadingKeys:l=new Set([])}=o.value,d=y.handleNodeLoad(r,l,e,a);Object.assign(o.value,d)})}function ce(e,a){y.handleNodeSelect(e,a)}function pe(e){if(!Array.isArray(e)){console.warn("[Tree] handleCheckboxGroupChange: newValue must be an array");return}const{checkRelation:a}=t,{keyEntities:r}=o.value;if(!r)return;const l=a==="related"?o.value.checkedKeys||new Set:o.value.realCheckedKeys||new Set,d=Array.from(l),i=new Set(d),u=new Set(e);let s=null;for(const p of e)if(!i.has(p)){s=p;break}if(!s){for(const p of d)if(!u.has(p)){s=p;break}}if(s&&r[s]){const p=r[s],f=i.has(s),h={eventKey:s,checked:f,data:p.data,pos:p.pos},x={stopPropagation:()=>{},preventDefault:()=>{},target:{},currentTarget:{},nativeEvent:{stopImmediatePropagation:()=>{}}};y.handleNodeSelect(x,h)}}function fe(e,a){y.handleNodeExpand(e,a)}function ye(e,a){y.handleNodeRightClick(e,a)}function he(e,a){y.handleNodeDoubleClick(e,a)}function me(e,a){y.handleNodeDragStart(e,a)}function ve(e,a){y.handleNodeDragEnter(e,a,S.value)}function ge(e,a){y.handleNodeDragOver(e,a,S.value)}function Ke(e,a){y.handleNodeDragLeave(e,a)}function xe(e,a){y.handleNodeDragEnd(e,a)}function ke(e,a){y.handleNodeDrop(e,a,S.value)}function w(e,a,r){if(!e||!e.key)return console.warn("[Tree] Invalid tree node:",e),null;const{data:l,key:d}=e,i=y.getTreeNodeProps(d);if(!i)return null;const{keyMaps:u,showLine:s,expandIcon:p}=t,f=g.pick(e,["label","disabled","icon","isEnd"]),h=l[g.get(u,"children","children")];f.children=h||[];const x=!!(h&&h.length>0),k=l==null?void 0:l.isLeaf;k===!0?f.isLeaf=!0:k===!1&&x&&(f.isLeaf=!1);const{isLeaf:I,...Te}=l||{},L={...i,...Te,...f,showLine:s,data:l,expandIcon:p,style:g.isEmpty(r)?{}:r};return t.multiple||(L.active=L.selected),n.h(P.default,L)}const q=n.computed(()=>{const{flattenNodes:e,cachedFlattenNodes:a,motionKeys:r,motionType:l,checkedKeys:d,realCheckedKeys:i}=o.value,{virtualize:u,motion:s}=t;if(g.isEmpty(e))return;if(!u||g.isEmpty(u))return n.h(we.default,{flattenNodes:e,flattenList:a,motionKeys:s?r:new Set([]),motionType:l,renderTreeNode:w});const p=u.itemSize||T,f=u.height||C,h=u.width||"100%",x=typeof f=="string"?f:`${f}px`,k=typeof h=="string"?h:`${h}px`;return n.h("div",{ref:b,class:`${E}-virtual-list`,style:{height:x,width:k,overflow:"auto",position:"relative"},onScroll:de},[n.h("div",{style:{height:`${le.value}px`,position:"relative"}},[n.h("div",{style:{transform:`translateY(${se.value}px)`}},ie.value.map(I=>w(e[I],I,{height:`${p}px`})))])])}),De=n.reactive({get treeDisabled(){return t.disabled},get treeIcon(){return t.icon},get motion(){return t.motion},get motionKeys(){return o.value.motionKeys},get motionType(){return o.value.motionType},get filterTreeNode(){return t.filterTreeNode},get keyEntities(){return o.value.keyEntities},onNodeClick:null,onNodeExpand:fe,onNodeSelect:ue,onNodeCheck:ce,onNodeRightClick:ye,onNodeDoubleClick:he,renderTreeNode:w,onNodeDragStart:me,onNodeDragEnter:ve,onNodeDragOver:ge,onNodeDragLeave:Ke,onNodeDragEnd:xe,onNodeDrop:ke,get expandAction(){return t.expandAction},get directory(){return t.directory},get multiple(){return t.multiple},get showFilteredOnly(){return t.showFilteredOnly},get isSearching(){return!!o.value.inputValue},get loadData(){return t.loadData},onNodeLoad:U,get renderLabel(){return t.renderLabel},get draggable(){return t.draggable},get renderFullLabel(){return t.renderFullLabel},get dragOverNodeKey(){return o.value.dragOverNodeKey},get dropPosition(){return o.value.dropPosition},get labelEllipsis(){return typeof t.labelEllipsis>"u"?t.virtualize:t.labelEllipsis}});n.provide(_e.TreeContextKey,De);const Ne=n.computed(()=>z(`${E}-wrapper`,t.className)),Ce=n.computed(()=>z(`${E}-search-wrapper`,t.searchClassName)),Ee=n.computed(()=>z(`${E}-option-list`,{[`${E}-option-list-block`]:t.blockNode})),J=n.computed(()=>{const e=!!o.value.inputValue&&!o.value.filteredKeys.size;return g.isEmpty(o.value.keyEntities)||t.showFilteredOnly&&e}),be=n.computed(()=>{if(!o.value)return[];const e=t.checkRelation==="related"?o.value.checkedKeys:o.value.realCheckedKeys;return Array.from(e||new Set)}),Se=n.computed(()=>{const e={role:J.value?"none":"tree"};return e.role==="tree"&&(e["aria-multiselectable"]=!!t.multiple),e});return n.onUnmounted(()=>{K&&(clearTimeout(K),K=null)}),$({search:ae,scrollTo:ne}),(e,a)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({"aria-label":e.$attrs["aria-label"]||void 0,class:Ne.value,style:t.style},n.unref(G)()),[v.filterTreeNode&&v.searchRender!==!1?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(Ce.value),style:n.normalizeStyle(v.searchStyle)},[n.createVNode(n.unref(j.default),{componentName:"Tree"},{default:n.withCtx(r=>[n.createVNode(n.unref(Fe.Input),{ref_key:"inputRef",ref:V,"aria-label":"Filter Tree",value:o.value.inputValue,class:"semi-tree-input",placeholder:v.searchPlaceholder||n.unref(g.get)(r,"searchPlaceholder"),showClear:v.showClear,onChange:O,onInput:O},{prefix:n.withCtx(()=>[n.createVNode(n.unref(ze.default))]),_:1},8,["value","placeholder","showClear"])]),_:1})],6)):n.createCommentVNode("",!0),n.createElementVNode("div",n.mergeProps({class:Ee.value},Se.value),[J.value?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[v.emptyContent?(n.openBlock(),n.createBlock(P.default,{key:0,empty:"",emptyContent:v.emptyContent},null,8,["emptyContent"])):(n.openBlock(),n.createBlock(n.unref(j.default),{key:1,componentName:"Tree"},{default:n.withCtx(r=>[n.createVNode(P.default,{empty:"",emptyContent:r.emptyText},null,8,["emptyContent"])]),_:1}))],64)):v.multiple?(n.openBlock(),n.createBlock(Ie.default,{key:1,value:be.value,disabled:t.disabled,onChange:pe},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(q.value)))]),_:1},8,["value","disabled"])):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(q.value),{key:2}))],16)],16,Pe))}});exports.default=Me;
-//# sourceMappingURL=Tree.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),O=require("classnames"),_e=require("@douyinfe/semi-foundation/tree/foundation"),u=require("@douyinfe/semi-foundation/tree/treeUtil"),ze=require("@douyinfe/semi-foundation/tree/constants"),v=require("lodash"),D=require("./treeUtil.cjs"),Ie=require("../input/index.cjs"),Le=require("./treeContext.cjs"),P=require("./TreeNode.vue.cjs"),Me=require("./NodeList.vue.cjs"),W=require("../locale/LocaleConsumer.vue.cjs"),Ae=require("../_utils/useBaseComponent.cjs"),we=require("../icons/icons/IconSearch.vue.cjs"),Oe=["aria-label"],F=28,k=270,Pe=2,Re=n.defineComponent({name:"SemiTree",__name:"Tree",props:{children:{},defaultValue:{},emptyContent:{},filterTreeNode:{type:[Boolean,Function],default:!1},searchRender:{type:[Function,Boolean],default:void 0},searchStyle:{},style:{},treeData:{},treeDataSimpleJson:{},value:{},icon:{},keyMaps:{},loadData:{},onChange:{},onDoubleClick:{},onDragEnd:{},onDragLeave:{},onDragOver:{},onDragStart:{},onDragEnter:{},onDrop:{},onExpand:{},onLoad:{},onContextMenu:{},onSelect:{},renderDraggingNode:{},renderFullLabel:{},renderLabel:{},autoMergeValue:{type:Boolean,default:!0},expandIcon:{},autoExpandParent:{type:Boolean,default:!1},autoExpandWhenDragEnter:{type:Boolean,default:!0},blockNode:{type:Boolean,default:!0},className:{},expandAll:{type:Boolean,default:!1},defaultExpandAll:{type:Boolean,default:!1},defaultExpandedKeys:{},directory:{type:Boolean},disabled:{type:Boolean,default:!1},disableStrictly:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},expandAction:{type:[Boolean,String],default:!1},expandedKeys:{},hideDraggingNode:{type:Boolean},labelEllipsis:{type:Boolean},leafOnly:{type:Boolean,default:!1},loadedKeys:{},motion:{type:Boolean,default:!0},multiple:{type:Boolean,default:!1},onChangeWithObject:{type:Boolean,default:!1},onSearch:{},preventScroll:{type:Boolean},searchClassName:{},searchPlaceholder:{},showClear:{type:Boolean,default:!0},showFilteredOnly:{type:Boolean,default:!1},showLine:{type:Boolean,default:!1},treeNodeFilterProp:{default:"label"},virtualize:{},checkRelation:{default:"related"},"aria-label":{}},emits:["expand","select","change","search","contextMenu","doubleClick","load"],setup(g,{expose:Y,emit:Z}){function C(e){return Array.isArray(e)?e.map(a=>{if(!a||typeof a!="object")return a;const l={...a};return l.children!==void 0&&(Array.isArray(l.children)?l.children=C(l.children):delete l.children),l}):[]}const t=g,N=Z,b=ze.cssClasses.PREFIX,_=n.ref(),B=n.ref(null),S=n.ref(),R=n.ref(0);function z(e){return e.map(a=>{if(!a||typeof a!="object")return a;const l={...a};return l.value&&typeof l.value=="object"&&delete l.value,l.children&&Array.isArray(l.children)&&(l.children=z(l.children)),l})}const T=t.treeDataSimpleJson?z(C(u.convertJsonToData(t.treeDataSimpleJson))):C(t.treeData||[]),J=T.length>0?u.convertDataToEntities(T,{}):{keyEntities:{},valueEntities:{}},G=T.length>0?u.flattenTreeData(T,new Set(t.expandedKeys),t.keyMaps||{}):[],i=n.ref({inputValue:"",keyEntities:J.keyEntities,treeData:T,flattenNodes:G,selectedKeys:[],checkedKeys:new Set,halfCheckedKeys:new Set,realCheckedKeys:new Set([]),motionKeys:new Set([]),motionType:"hide",expandedKeys:new Set(t.expandedKeys),filteredKeys:new Set,filteredExpandedKeys:new Set,filteredShownKeys:new Set,prevProps:null,loadedKeys:new Set,loadingKeys:new Set,cachedFlattenNodes:void 0,cachedKeyValuePairs:J.valueEntities,disabledKeys:new Set,dragging:!1,dragNodesKeys:new Set,dragOverNodeKey:null,dropPosition:null}),{adapter:X,getDataAttr:Q}=Ae.useBaseComponent(t,i),y=new _e({...X,updateInputValue:e=>{i.value.inputValue=e},focusInput:()=>{const{preventScroll:e}=t;_.value&&_.value.focus({preventScroll:e})},updateState:e=>{Object.assign(i.value,e)},notifyExpand:(e,{expanded:a,node:l})=>{N("expand",[...e],{expanded:a,node:l}),a&&t.loadData&&$(l)},notifySelect:(e,a,l)=>{N("select",e,a,l)},notifyChange:e=>{N("change",e)},notifySearch:(e,a)=>{N("search",e,a)},notifyRightClick:(e,a)=>{N("contextMenu",e,a)},notifyDoubleClick:(e,a)=>{N("doubleClick",e,a)},cacheFlattenNodes:e=>{i.value.cachedFlattenNodes=e?D.cloneDeep(i.value.flattenNodes):void 0},setDragNode:e=>{B.value=e}}),U=y._isControlledComponent;U&&typeof U=="function"&&(y._isControlledComponent=function(e="value"){const a=this.getProps();return e==="value"?"value"in a&&a.value!==void 0:e in a});let K=null;n.watch(()=>t.treeData,()=>{E()},{immediate:!0,deep:!0}),n.watch(()=>t.treeDataSimpleJson,()=>{E()},{immediate:!0,deep:!0}),n.watch(()=>t.treeData,()=>{E()},{immediate:!0,deep:!0}),n.watch(()=>[t.expandedKeys,t.value,t.defaultValue,t.loadedKeys,t.autoExpandParent,t.expandAll,t.defaultExpandAll,t.defaultExpandedKeys,t.draggable,t.disableStrictly,t.checkRelation,t.multiple,t.onChangeWithObject,t.keyMaps,i.value.inputValue],()=>{E()},{immediate:!0,deep:!0});function m(e,a){if(!a&&e in t)return!0;if(!a)return!1;const o=a[e],s=t[e];return o===s?!1:typeof o=="object"&&typeof s=="object"&&o!==null&&s!==null?!v.isEqual(o,s):!0}function ee(e){const a=!e&&"treeData"in t,l=e&&e.treeData!==t.treeData;return a||l}function te(e,a,l){let o,s=i.value.keyEntities||{},r=i.value.cachedKeyValuePairs||{};const d=m("treeData",a),c=m("treeDataSimpleJson",a);if(d||t.draggable&&ee(a)){o=C(t.treeData),e.treeData=o;const f=u.convertDataToEntities(o,l);e.keyEntities={...f.keyEntities},s=e.keyEntities,e.cachedKeyValuePairs={...f.valueEntities},r=e.cachedKeyValuePairs}else if(c){o=z(C(u.convertJsonToData(t.treeDataSimpleJson))),e.treeData=o;const f=u.convertDataToEntities(o,l);e.keyEntities={...f.keyEntities},s=e.keyEntities,e.cachedKeyValuePairs={...f.valueEntities},r=e.cachedKeyValuePairs}return o&&t.motion&&a&&t.motion&&(e.motionKeys=new Set([]),e.motionType=null),{treeData:o,keyEntities:s,valueEntities:r}}function ae(e,a,l,o,s,r,d){var h;const c=d&&t.expandAll,f=m("expandedKeys",a),p=a&&m("autoExpandParent",a);if(!a&&!t.expandedKeys&&(t.defaultExpandAll||t.expandAll))e.expandedKeys=new Set(Object.keys(o));else if(c)e.expandedKeys=new Set(Object.keys(o));else if(f||p){if(e.expandedKeys=u.calcExpandedKeys(t.expandedKeys,o,t.autoExpandParent||!a),a&&t.motion&&!l){const{motionKeys:V,motionType:x}=u.calcMotionKeys(i.value.expandedKeys,e.expandedKeys,o);e.motionKeys=new Set(V),e.motionType=x,x==="hide"&&(e.cachedFlattenNodes=D.cloneDeep(i.value.flattenNodes))}}else!a&&t.defaultExpandedKeys?e.expandedKeys=u.calcExpandedKeys(t.defaultExpandedKeys,o):!a&&t.defaultValue?e.expandedKeys=u.calcExpandedKeysForValues(t.defaultValue,o,t.multiple,s):!a&&t.value?e.expandedKeys=u.calcExpandedKeysForValues(t.value,o,t.multiple,s):!r&&d&&t.value&&(i.value.treeData&&((h=i.value.treeData)==null?void 0:h.length)>0&&t.loadData||(e.expandedKeys=u.calcExpandedKeysForValues(t.value,o,t.multiple,s)));e.expandedKeys||delete e.expandedKeys}function ne(e,a,l,o,s){let r;if(l&&(r=u.filterTreeData({treeData:l,inputValue:i.value.inputValue,filterTreeNode:t.filterTreeNode,filterProps:t.treeNodeFilterProp,showFilteredOnly:t.showFilteredOnly,keyEntities:e.keyEntities,prevExpandedKeys:[...i.value.filteredExpandedKeys],keyMaps:s}),e.flattenNodes=r.flattenNodes,e.motionKeys=new Set([]),e.filteredKeys=r.filteredKeys,e.filteredShownKeys=r.filteredShownKeys,e.filteredExpandedKeys=r.filteredExpandedKeys),t.expandedKeys){if(e.filteredExpandedKeys=u.calcExpandedKeys(t.expandedKeys,o,t.autoExpandParent||!a),a&&t.motion){const d=i.value?i.value.filteredExpandedKeys:new Set([]);if(!l){const c=u.calcMotionKeys(d,e.filteredExpandedKeys,o);let{motionKeys:f}=c;const{motionType:p}=c;t.showFilteredOnly&&(f=f.filter(h=>i.value.filteredShownKeys.has(h))),p==="hide"&&(e.cachedFlattenNodes=D.cloneDeep(i.value.flattenNodes)),e.motionKeys=new Set(f),e.motionType=p}}e.flattenNodes=u.flattenTreeData(l||i.value.treeData,e.filteredExpandedKeys||i.value.filteredExpandedKeys,s,t.showFilteredOnly&&i.value.filteredShownKeys)}}function le(e,a,l,o,s){const r=t.onChangeWithObject,d=t.multiple;if(!d)m("value",a)?e.selectedKeys=u.findKeysForValues(u.normalizeValue(t.value,r,t.keyMaps),s,d):!a&&t.defaultValue?e.selectedKeys=u.findKeysForValues(u.normalizeValue(t.defaultValue,r,t.keyMaps),s,d):l&&t.value&&(e.selectedKeys=u.findKeysForValues(u.normalizeValue(t.value,r,t.keyMaps)||"",s,d));else{let c;if(m("value",a)?c=u.findKeysForValues(u.normalizeValue(t.value,r,t.keyMaps),s,d):!a&&t.defaultValue?c=u.findKeysForValues(u.normalizeValue(t.defaultValue,r,t.keyMaps),s,d):l&&(t.value?c=u.findKeysForValues(u.normalizeValue(t.value,r,t.keyMaps)||[],s,d):c=u.updateKeys(t.checkRelation==="related"?i.value.checkedKeys:i.value.realCheckedKeys,o)),c){if(t.checkRelation==="unRelated")e.realCheckedKeys=new Set(c);else if(t.checkRelation==="related"){const{checkedKeys:f,halfCheckedKeys:p}=u.calcCheckedKeys(c,o);e.checkedKeys=f,e.halfCheckedKeys=p}}}}function oe(){const e=i.value.prevProps,{keyMaps:a}=t,l=!!(t.filterTreeNode&&i.value.inputValue&&i.value.inputValue.length);if(e){const p=m("treeData",e),h=m("treeDataSimpleJson",e);Object.assign(e,t),p&&t.treeData&&(e.treeData=D.cloneDeep(t.treeData)),h&&t.treeDataSimpleJson&&(e.treeDataSimpleJson=D.cloneDeep(t.treeDataSimpleJson))}else{const p={...t};t.treeData&&(p.treeData=D.cloneDeep(t.treeData)),t.treeDataSimpleJson&&(p.treeDataSimpleJson=D.cloneDeep(t.treeDataSimpleJson)),i.value.prevProps=p}const o={},s="expandedKeys"in t,{treeData:r,keyEntities:d,valueEntities:c}=te(o,e,a),f=m("treeDataSimpleJson",e)||m("treeData",e);if(l)ne(o,e,r,d,a);else if(ae(o,e,r,d,c,s,f),r||o.expandedKeys){const p=u.flattenTreeData(r||i.value.treeData,o.expandedKeys||i.value.expandedKeys,a);o.flattenNodes=p}le(o,e,r,d,c),m("loadedKeys",e)&&(o.loadedKeys=new Set(t.loadedKeys)),r&&t.disableStrictly&&t.checkRelation==="related"&&(o.disabledKeys=u.calcDisabledKeys(d,a)),Object.assign(i.value,o)}function E(){K&&clearTimeout(K),K=setTimeout(()=>{K=null,oe()},0)}function ie(e){const a=typeof e=="string"?e:String(e);y.handleInputChange(a)}function j(e,a){var o;const l=typeof e=="string"?e:((o=e.target)==null?void 0:o.value)||"";y.handleInputChange(l)}function re(e){if(!e||!e.key){console.warn("[Tree] scrollTo: key is required");return}const{key:a,align:l="center"}=e,{flattenNodes:o}=i.value;if(!(!o||o.length===0)&&a){const s=o.findIndex(r=>r&&r.key===a);if(s>=0&&t.virtualize&&S.value){const r=Number(t.virtualize.itemSize||F);let d;typeof t.virtualize.height=="string"?d=S.value.offsetHeight||k:d=Number(t.virtualize.height||k);let c=s*r;l==="center"?c=c-d/2+r/2:l==="end"&&(c=c-d+r),S.value.scrollTop=Math.max(0,c)}}}const se=n.computed(()=>{var l;const{flattenNodes:e}=i.value,a=((l=t.virtualize)==null?void 0:l.itemSize)||F;return e.length*a}),I=n.computed(()=>{var e;return((e=t.virtualize)==null?void 0:e.itemSize)||F}),q=n.computed(()=>{var e;return((e=t.virtualize)==null?void 0:e.height)||k}),de=n.computed(()=>{var l;let e;typeof q.value=="string"?e=((l=S.value)==null?void 0:l.offsetHeight)||k:e=Number(q.value)||k;const a=Number(I.value);return Math.ceil(e/a)+Pe}),L=n.computed(()=>Math.max(0,Math.floor(R.value/I.value)-1)),ue=n.computed(()=>{const{flattenNodes:e}=i.value;return Math.min(e.length,L.value+de.value)}),ce=n.computed(()=>{const e=[];for(let a=L.value;a<ue.value;a++)e.push(a);return e}),pe=n.computed(()=>L.value*I.value);function fe(e){const a=e.target;R.value=a.scrollTop}function ye(e,a){y.handleNodeSelect(e,a)}function $(e){return new Promise(a=>{const{loadedKeys:l=new Set([]),loadingKeys:o=new Set([])}=i.value,s=y.handleNodeLoad(l,o,e,a);Object.assign(i.value,s)})}function he(e,a){y.handleNodeSelect(e,a)}function me(e,a){y.handleNodeExpand(e,a)}function ve(e,a){y.handleNodeRightClick(e,a)}function ge(e,a){y.handleNodeDoubleClick(e,a)}function Ke(e,a){y.handleNodeDragStart(e,a)}function xe(e,a){y.handleNodeDragEnter(e,a,B.value)}function De(e,a){y.handleNodeDragOver(e,a,B.value)}function Ne(e,a){y.handleNodeDragLeave(e,a)}function Ee(e,a){y.handleNodeDragEnd(e,a)}function ke(e,a){y.handleNodeDrop(e,a,B.value)}function M(e,a,l){if(!e||!e.key)return console.warn("[Tree] Invalid tree node:",e),null;const{data:o,key:s}=e,r=y.getTreeNodeProps(s);if(!r)return null;const{keyMaps:d,showLine:c,expandIcon:f}=t,p=v.pick(e,["label","disabled","icon","isEnd"]),h=o[v.get(d,"children","children")];p.children=h||[];const V=!!(h&&h.length>0),x=o==null?void 0:o.isLeaf;x===!0?p.isLeaf=!0:x===!1&&V&&(p.isLeaf=!1);const{isLeaf:A,...Fe}=o||{},w={...r,...Fe,...p,showLine:c,data:o,expandIcon:f,style:v.isEmpty(l)?{}:l};return t.multiple||(w.active=w.selected),n.h(P.default,w)}const Ce=n.computed(()=>{const{flattenNodes:e,cachedFlattenNodes:a,motionKeys:l,motionType:o,checkedKeys:s,realCheckedKeys:r}=i.value,{virtualize:d,motion:c}=t;if(v.isEmpty(e))return;if(!d||v.isEmpty(d))return n.h(Me.default,{flattenNodes:e,flattenList:a,motionKeys:c?l:new Set([]),motionType:o,renderTreeNode:M});const f=d.itemSize||F,p=d.height||k,h=d.width||"100%",V=typeof p=="string"?p:`${p}px`,x=typeof h=="string"?h:`${h}px`;return n.h("div",{ref:S,class:`${b}-virtual-list`,style:{height:V,width:x,overflow:"auto",position:"relative"},onScroll:fe},[n.h("div",{style:{height:`${se.value}px`,position:"relative"}},[n.h("div",{style:{transform:`translateY(${pe.value}px)`}},ce.value.map(A=>M(e[A],A,{height:`${f}px`})))])])}),be=n.reactive({get treeDisabled(){return t.disabled},get treeIcon(){return t.icon},get motion(){return t.motion},get motionKeys(){return i.value.motionKeys},get motionType(){return i.value.motionType},get filterTreeNode(){return t.filterTreeNode},get keyEntities(){return i.value.keyEntities},onNodeClick:null,onNodeExpand:me,onNodeSelect:ye,onNodeCheck:he,onNodeRightClick:ve,onNodeDoubleClick:ge,renderTreeNode:M,onNodeDragStart:Ke,onNodeDragEnter:xe,onNodeDragOver:De,onNodeDragLeave:Ne,onNodeDragEnd:Ee,onNodeDrop:ke,get expandAction(){return t.expandAction},get directory(){return t.directory},get multiple(){return t.multiple},get showFilteredOnly(){return t.showFilteredOnly},get isSearching(){return!!i.value.inputValue},get loadData(){return t.loadData},onNodeLoad:$,get renderLabel(){return t.renderLabel},get draggable(){return t.draggable},get renderFullLabel(){return t.renderFullLabel},get dragOverNodeKey(){return i.value.dragOverNodeKey},get dropPosition(){return i.value.dropPosition},get labelEllipsis(){return typeof t.labelEllipsis>"u"?t.virtualize:t.labelEllipsis}});n.provide(Le.TreeContextKey,be);const Se=n.computed(()=>O(`${b}-wrapper`,t.className)),Te=n.computed(()=>O(`${b}-search-wrapper`,t.searchClassName)),Ve=n.computed(()=>O(`${b}-option-list`,{[`${b}-option-list-block`]:t.blockNode})),H=n.computed(()=>{const e=!!i.value.inputValue&&!i.value.filteredKeys.size;return!((t.treeDataSimpleJson||t.treeData)&&v.isEmpty(i.value.keyEntities))&&v.isEmpty(i.value.keyEntities)||t.showFilteredOnly&&e}),Be=n.computed(()=>{const e={role:H.value?"none":"tree"};return e.role==="tree"&&(e["aria-multiselectable"]=!!t.multiple),e});return n.onMounted(()=>{n.nextTick(()=>{E()}),t.treeDataSimpleJson&&setTimeout(()=>{E()},10)}),n.onUnmounted(()=>{K&&(clearTimeout(K),K=null)}),Y({search:ie,scrollTo:re}),(e,a)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({"aria-label":e.$attrs["aria-label"]||void 0,class:Se.value,style:t.style},n.unref(Q)()),[g.filterTreeNode&&g.searchRender!==!1?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(Te.value),style:n.normalizeStyle(g.searchStyle)},[n.createVNode(n.unref(W.default),{componentName:"Tree"},{default:n.withCtx(l=>[n.createVNode(n.unref(Ie.Input),{ref_key:"inputRef",ref:_,"aria-label":"Filter Tree",value:i.value.inputValue,class:"semi-tree-input",placeholder:g.searchPlaceholder||n.unref(v.get)(l,"searchPlaceholder"),showClear:g.showClear,onChange:j,onInput:j},{prefix:n.withCtx(()=>[n.createVNode(n.unref(we.default))]),_:1},8,["value","placeholder","showClear"])]),_:1})],6)):n.createCommentVNode("",!0),n.createElementVNode("div",n.mergeProps({class:Ve.value},Be.value),[H.value?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[g.emptyContent?(n.openBlock(),n.createBlock(P.default,{key:0,empty:"",emptyContent:g.emptyContent},null,8,["emptyContent"])):(n.openBlock(),n.createBlock(n.unref(W.default),{key:1,componentName:"Tree"},{default:n.withCtx(l=>[n.createVNode(P.default,{empty:"",emptyContent:l.emptyText},null,8,["emptyContent"])]),_:1}))],64)):n.createCommentVNode("",!0),(n.openBlock(),n.createBlock(n.resolveDynamicComponent(Ce.value)))],16)],16,Oe))}});exports.default=Re;

package/lib/cjs/components/tree/Tree.vue.d.ts

@@ -0,0 +1,59 @@
+import { TreeProps, ScrollData, TreeNodeData } from './interface';
+/**
+ * Search tree nodes by input value
+ * @param value - Search keyword
+ * @public
+ */
+declare function search(value: string): void;
+/**
+ * Scroll to a specific tree node
+ * @param scrollData - Scroll configuration
+ * @param scrollData.key - Node key to scroll to
+ * @param scrollData.align - Alignment option: 'center' | 'start' | 'end' | 'smart' | 'auto' (default: 'center')
+ * @public
+ */
+declare function scrollTo(scrollData: ScrollData): void;
+declare const __VLS_export: import("vue").DefineComponent<TreeProps, {
+    search: typeof search;
+    scrollTo: typeof scrollTo;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: (input: string, filteredExpandedKeys: string[]) => any;
+    contextMenu: (event: MouseEvent, node: any) => any;
+    change: (value: any) => any;
+    select: (selectedKey: string, selected: boolean, selectedNode: any) => any;
+    load: (loadedKeys: Set<string>, treeNode: any) => any;
+    expand: (expandedKeys: string[], expandedOtherProps: any) => any;
+    doubleClick: (event: MouseEvent, node: any) => any;
+}, string, import("vue").PublicProps, Readonly<TreeProps> & Readonly<{
+    onSearch?: (input: string, filteredExpandedKeys: string[]) => any;
+    onContextMenu?: (event: MouseEvent, node: any) => any;
+    onChange?: (value: any) => any;
+    onSelect?: (selectedKey: string, selected: boolean, selectedNode: any) => any;
+    onLoad?: (loadedKeys: Set<string>, treeNode: any) => any;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: any) => any;
+    onDoubleClick?: (event: MouseEvent, node: any) => any;
+}>, {
+    multiple: boolean;
+    disabled: boolean;
+    motion: boolean;
+    draggable: boolean;
+    showClear: boolean;
+    onChangeWithObject: boolean;
+    leafOnly: boolean;
+    autoMergeValue: boolean;
+    showFilteredOnly: boolean;
+    filterTreeNode: boolean | ((inputValue: string, treeNodeString: string, data?: TreeNodeData) => boolean);
+    checkRelation: import("@douyinfe/semi-foundation/tree/foundation").CheckRelation;
+    disableStrictly: boolean;
+    treeNodeFilterProp: string;
+    showLine: boolean;
+    autoExpandWhenDragEnter: boolean;
+    expandAction: import("@douyinfe/semi-foundation/tree/foundation").ExpandAction;
+    searchRender: ((searchRenderProps: import("./interface").SearchRenderProps) => import("vue").VNode | string) | false;
+    autoExpandParent: boolean;
+    blockNode: boolean;
+    expandAll: boolean;
+    defaultExpandAll: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/cjs/components/tree/Tree.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tree.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Tree.vue2.cjs.map

package/lib/cjs/components/tree/TreeNode.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),h=require("classnames"),ee=require("@douyinfe/semi-foundation/tree/constants"),ne=require("@douyinfe/semi-foundation/utils/isEnterPress"),f=require("lodash"),ae=require("../checkbox/index.cjs"),re=require("../spin/Spin.vue.cjs"),te=require("../highlight/Highlight.vue.cjs"),oe=require("./Indent.vue.cjs"),le=require("./treeContext.cjs"),ie=require("../icons/icons/IconTreeTriangleDown.cjs"),se=require("../icons/icons/IconFile.cjs"),de=require("../icons/icons/IconFolderOpen.cjs"),ue=require("../icons/icons/IconFolder.cjs"),ce=["aria-disabled","aria-checked","aria-selected","aria-setsize","aria-posinset","aria-expanded","aria-level","data-key","draggable"],pe=r.defineComponent({name:"SemiTreeNode",__name:"TreeNode",props:{children:{},icon:{},isEnd:{},expandIcon:{},level:{default:0},empty:{type:Boolean,default:!1},style:{default:()=>({})},data:{},emptyContent:{},label:{},value:{},filtered:{type:Boolean},keyword:{},treeNodeFilterProp:{},expanded:{type:Boolean},selected:{type:Boolean},checked:{type:Boolean},halfChecked:{type:Boolean},active:{type:Boolean},disabled:{type:Boolean},loaded:{type:Boolean},loading:{type:Boolean},isLeaf:{type:Boolean},pos:{},directory:{type:Boolean},selectedKey:{},motionKey:{},eventKey:{},showLine:{type:Boolean}},setup(d){const y=r.defineComponent({props:{renderFn:{type:Function,default:null}},render(){if(!this.renderFn)return null;const e=this.renderFn();return e==null?null:typeof e=="string"||typeof e=="number"?String(e):e}}),l=d,t=ee.cssClasses.PREFIX_OPTION,n=r.inject(le.TreeContextKey),u=r.ref(),B=r.computed(()=>n==null?void 0:n.multiple),I=f.debounce(k,500,{leading:!0,trailing:!1});function k(e){var a;(a=n==null?void 0:n.onNodeSelect)==null||a.call(n,e,l)}function m(e){var a,o,i,s;(a=e==null?void 0:e.stopPropagation)==null||a.call(e),(i=(o=e.nativeEvent)==null?void 0:o.stopImmediatePropagation)==null||i.call(o),(s=n==null?void 0:n.onNodeExpand)==null||s.call(n,e,l)}function P(e){var a,o,i;c.value||(e.stopPropagation(),(o=(a=e.nativeEvent)==null?void 0:a.stopImmediatePropagation)==null||o.call(a),(i=n==null?void 0:n.onNodeCheck)==null||i.call(n,e,l))}function L(e){var a;(a=n==null?void 0:n.onNodeRightClick)==null||a.call(n,e,l)}function $(e){const{expandAction:a}=n||{};if(a==="doubleClick"){I(e);return}k(e),a==="click"&&m(e)}function w(e){ne(e)&&$(e)}function S(e){var i,s;const{expandAction:a,onNodeDoubleClick:o}=n||{};e.stopPropagation(),(s=(i=e.nativeEvent)==null?void 0:i.stopImmediatePropagation)==null||s.call(i),f.isFunction(o)&&o(e,l),a==="doubleClick"&&m(e)}function q(e){var a,o;(a=n==null?void 0:n.onNodeDragStart)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation();try{(o=e.dataTransfer)==null||o.setData("text/plain","")}catch{}}function F(e){var a;(a=n==null?void 0:n.onNodeDragEnter)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function O(e){var a;(a=n==null?void 0:n.onNodeDragOver)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function K(e){var a;(a=n==null?void 0:n.onNodeDragLeave)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation()}function T(e){var a;(a=n==null?void 0:n.onNodeDragEnd)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation()}function z(e){var a;(a=n==null?void 0:n.onNodeDrop)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function V(){const{children:e}=l;return e||[]}const b=r.computed(()=>{const{isLeaf:e,loaded:a}=l,{loadData:o}=n||{},s=V().length!==0;return e===!0?!0:e===!1?!(o||s):o&&!a&&!s?!1:!o&&!s||o&&a&&!s}),c=r.computed(()=>{const{disabled:e}=l,{treeDisabled:a}=n||{};return e===!1?!1:!!(a||e)});function _(){const e=!b.value,{loading:a,expanded:o,showLine:i,expandIcon:s}=l;return a?r.h(re.default,{wrapperClassName:`${t}-spin-icon`}):e?s?typeof s=="function"?s({onClick:m,className:`${t}-expand-icon`,expanded:o}):s:r.h(ie.default,{role:"button","aria-label":`${o?"Expand":"Collapse"} the tree item`,class:`${t}-expand-icon`,size:"small",onClick:m}):i?b.value?r.h("span",{class:h(`${t}-switcher`)},[r.h("span",{class:`${t}-switcher-leaf-line`})]):null:r.h("span",{class:`${t}-empty-icon`})}function A(){const{directory:e,treeIcon:a}=n||{},{expanded:o,icon:i,data:s}=l;return i||(a?typeof a=="function"?a(l):a:e?b.value?r.h(se.default,{class:`${t}-item-icon`}):o?r.h(de.default,{class:`${t}-item-icon`}):r.h(ue.default,{class:`${t}-item-icon`}):null)}function G(){const{renderLabel:e}=n||{},{label:a,keyword:o,data:i,filtered:s,treeNodeFilterProp:g}=l;return f.isFunction(e)?e(a,i,o):f.isString(a)&&s&&o?r.h(te.default,{highlightClassName:`${t}-highlight`,component:"span",sourceString:a,searchWords:[o]}):a}const M=r.computed(()=>h(t,{[`${t}-empty`]:!0})),R=r.computed(()=>{var E;const{eventKey:e,expanded:a,selected:o,checked:i,level:s,active:g}=l,{multiple:J,draggable:D,renderFullLabel:v,dragOverNodeKey:C,dropPosition:N,labelEllipsis:Q}=n||{},U=((E=l.isEnd)==null?void 0:E.length)>0?l.isEnd[l.isEnd.length-1]:!1,p=c.value,Y=C===e&&N===0,Z=C===e&&N===-1,x=C===e&&N===1;return h(t,{[`${t}-level-${s+1}`]:!0,[`${t}-fullLabel-level-${s+1}`]:v,[`${t}-collapsed`]:!a,[`${t}-disabled`]:!!p,[`${t}-selected`]:o,[`${t}-active`]:!J&&g,[`${t}-ellipsis`]:Q,[`${t}-drag-over`]:!p&&Y,[`${t}-draggable`]:!p&&D&&!v,[`${t}-fullLabel-draggable`]:!p&&D&&v,[`${t}-fullLabel-drag-over-gap-top`]:!p&&Z&&v,[`${t}-fullLabel-drag-over-gap-bottom`]:!p&&x&&v,[`${t}-tree-node-last-leaf`]:U})}),j=r.computed(()=>{const{eventKey:e}=l,{dragOverNodeKey:a,dropPosition:o}=n||{},i=c.value,s=a===e&&o===-1,g=a===e&&o===1;return h(`${t}-label`,{[`${t}-drag-over-gap-top`]:!i&&s,[`${t}-drag-over-gap-bottom`]:!i&&g})}),H=r.computed(()=>f.get(l,["data","children","length"])),W=r.computed(()=>f.isString(l.pos)?Number(l.pos.split("-")[l.level+1])+1:1),X=r.computed(()=>{const{draggable:e}=n||{};return!c.value&&e||void 0});return(e,a)=>d.empty?(r.openBlock(),r.createElementBlock("ul",{key:0,class:r.normalizeClass(M.value)},[r.createElementVNode("li",{class:r.normalizeClass(`${r.unref(t)}-label ${r.unref(t)}-label-empty`),"x-semi-prop":"emptyContent"},r.toDisplayString(d.emptyContent),3)],2)):(r.openBlock(),r.createElementBlock("li",{key:1,ref_key:"refNode",ref:u,class:r.normalizeClass(R.value),role:"treeitem","aria-disabled":c.value,"aria-checked":d.checked,"aria-selected":d.selected,"aria-setsize":H.value,"aria-posinset":W.value,"aria-expanded":d.expanded,"aria-level":d.level+1,"data-key":d.eventKey,style:r.normalizeStyle(d.style),draggable:X.value,onClick:$,onKeypress:w,onContextmenu:L,onDblclick:S,onDragstart:q,onDragenter:F,onDragover:O,onDragleave:K,onDrop:z,onDragend:T},[r.createVNode(oe.default,{showLine:d.showLine,prefixcls:r.unref(t),level:d.level,isEnd:d.isEnd},null,8,["showLine","prefixcls","level","isEnd"]),r.createVNode(r.unref(y),{"render-fn":_}),r.createElementVNode("span",{class:r.normalizeClass(j.value)},[B.value?(r.openBlock(),r.createElementBlock("div",{key:0,role:"none",onClick:r.withModifiers(P,["stop"])},[r.createVNode(r.unref(ae.default),{"aria-label":"Toggle the checked state of checkbox",value:d.eventKey,indeterminate:d.halfChecked,disabled:!!c.value},null,8,["value","indeterminate","disabled"])])):r.createCommentVNode("",!0),r.createVNode(r.unref(y),{"render-fn":A}),r.createElementVNode("span",{class:r.normalizeClass(`${r.unref(t)}-label-text`)},[r.createVNode(r.unref(y),{"render-fn":G})],2)],2)],46,ce))}});exports.default=pe;
-//# sourceMappingURL=TreeNode.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("classnames"),ee=require("@douyinfe/semi-foundation/tree/constants"),ne=require("@douyinfe/semi-foundation/utils/isEnterPress"),f=require("lodash"),ae=require("../checkbox/index.cjs"),te=require("../spin/Spin.vue.cjs");require("../spin/spin.css");const re=require("../highlight/Highlight.vue.cjs");require("../highlight/highlight.css");const oe=require("./Indent.vue.cjs"),le=require("./treeContext.cjs"),ie=require("../icons/icons/IconTreeTriangleDown.vue.cjs"),se=require("../icons/icons/IconFile.vue.cjs"),de=require("../icons/icons/IconFolderOpen.vue.cjs"),ue=require("../icons/icons/IconFolder.vue.cjs"),ce=["aria-disabled","aria-checked","aria-selected","aria-setsize","aria-posinset","aria-expanded","aria-level","data-key","draggable"],pe=t.defineComponent({name:"SemiTreeNode",__name:"TreeNode",props:{children:{},icon:{},isEnd:{},expandIcon:{},level:{default:0},empty:{type:Boolean,default:!1},style:{default:()=>({})},data:{},emptyContent:{},label:{},value:{},filtered:{type:Boolean},keyword:{},treeNodeFilterProp:{},expanded:{type:Boolean},selected:{type:Boolean},checked:{type:Boolean},halfChecked:{type:Boolean},active:{type:Boolean},disabled:{type:Boolean},loaded:{type:Boolean},loading:{type:Boolean},isLeaf:{type:Boolean},pos:{},directory:{type:Boolean},selectedKey:{},motionKey:{},eventKey:{},showLine:{type:Boolean}},setup(d){const y=t.defineComponent({props:{renderFn:{type:Function,default:null}},render(){if(!this.renderFn)return null;const e=this.renderFn();return e==null?null:typeof e=="string"||typeof e=="number"?String(e):e}}),l=d,r=ee.cssClasses.PREFIX_OPTION,n=t.inject(le.TreeContextKey),u=t.ref(),E=t.computed(()=>n==null?void 0:n.multiple),B=f.debounce(N,500,{leading:!0,trailing:!1});function N(e){var a;(a=n==null?void 0:n.onNodeSelect)==null||a.call(n,e,l)}function m(e){var a,o,i,s;(a=e==null?void 0:e.stopPropagation)==null||a.call(e),(i=(o=e.nativeEvent)==null?void 0:o.stopImmediatePropagation)==null||i.call(o),(s=n==null?void 0:n.onNodeExpand)==null||s.call(n,e,l)}function I(e){var a,o,i;c.value||(e.stopPropagation(),(o=(a=e.nativeEvent)==null?void 0:a.stopImmediatePropagation)==null||o.call(a),(i=n==null?void 0:n.onNodeCheck)==null||i.call(n,e,l))}function P(e){var a;(a=n==null?void 0:n.onNodeRightClick)==null||a.call(n,e,l)}function _(e){const{expandAction:a}=n||{};if(a==="doubleClick"){B(e);return}N(e),a==="click"&&m(e)}function L(e){ne(e)&&_(e)}function q(e){var i,s;const{expandAction:a,onNodeDoubleClick:o}=n||{};e.stopPropagation(),(s=(i=e.nativeEvent)==null?void 0:i.stopImmediatePropagation)==null||s.call(i),f.isFunction(o)&&o(e,l),a==="doubleClick"&&m(e)}function w(e){var a,o;(a=n==null?void 0:n.onNodeDragStart)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation();try{(o=e.dataTransfer)==null||o.setData("text/plain","")}catch{}}function S(e){var a;(a=n==null?void 0:n.onNodeDragEnter)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function F(e){var a;(a=n==null?void 0:n.onNodeDragOver)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function O(e){var a;(a=n==null?void 0:n.onNodeDragLeave)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation()}function K(e){var a;(a=n==null?void 0:n.onNodeDragEnd)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.stopPropagation()}function T(e){var a;(a=n==null?void 0:n.onNodeDrop)==null||a.call(n,e,{...l,nodeInstance:u.value}),e.preventDefault(),e.stopPropagation()}function z(){const{children:e}=l;return e||[]}const b=t.computed(()=>{const{isLeaf:e,loaded:a}=l,{loadData:o}=n||{},s=z().length!==0;return e===!0?!0:e===!1?!(o||s):o&&!a&&!s?!1:!o&&!s||o&&a&&!s}),c=t.computed(()=>{const{disabled:e}=l,{treeDisabled:a}=n||{};return e===!1?!1:!!(a||e)});function V(){const e=!b.value,{loading:a,expanded:o,showLine:i,expandIcon:s}=l;return a?t.h(te.default,{wrapperClassName:`${r}-spin-icon`}):e?s?typeof s=="function"?s({onClick:m,className:`${r}-expand-icon`,expanded:o}):s:t.h(ie.default,{role:"button","aria-label":`${o?"Expand":"Collapse"} the tree item`,class:`${r}-expand-icon`,size:"small",onClick:m}):i?b.value?t.h("span",{class:h(`${r}-switcher`)},[t.h("span",{class:`${r}-switcher-leaf-line`})]):null:t.h("span",{class:`${r}-empty-icon`})}function A(){const{directory:e,treeIcon:a}=n||{},{expanded:o,icon:i,data:s}=l;return i||(a?typeof a=="function"?a(l):a:e?b.value?t.h(se.default,{class:`${r}-item-icon`}):o?t.h(de.default,{class:`${r}-item-icon`}):t.h(ue.default,{class:`${r}-item-icon`}):null)}function G(){const{renderLabel:e}=n||{},{label:a,keyword:o,data:i,filtered:s,treeNodeFilterProp:g}=l;return f.isFunction(e)?e(a,i,o):f.isString(a)&&s&&o?t.h(re.default,{highlightClassName:`${r}-highlight`,component:"span",sourceString:a,searchWords:[o]}):a}const M=t.computed(()=>h(r,{[`${r}-empty`]:!0})),R=t.computed(()=>{var D;const{eventKey:e,expanded:a,selected:o,checked:i,level:s,active:g}=l,{multiple:J,draggable:$,renderFullLabel:v,dragOverNodeKey:C,dropPosition:k,labelEllipsis:Q}=n||{},U=((D=l.isEnd)==null?void 0:D.length)>0?l.isEnd[l.isEnd.length-1]:!1,p=c.value,Y=C===e&&k===0,Z=C===e&&k===-1,x=C===e&&k===1;return h(r,{[`${r}-level-${s+1}`]:!0,[`${r}-fullLabel-level-${s+1}`]:v,[`${r}-collapsed`]:!a,[`${r}-disabled`]:!!p,[`${r}-selected`]:o,[`${r}-active`]:!J&&g,[`${r}-ellipsis`]:Q,[`${r}-drag-over`]:!p&&Y,[`${r}-draggable`]:!p&&$&&!v,[`${r}-fullLabel-draggable`]:!p&&$&&v,[`${r}-fullLabel-drag-over-gap-top`]:!p&&Z&&v,[`${r}-fullLabel-drag-over-gap-bottom`]:!p&&x&&v,[`${r}-tree-node-last-leaf`]:U})}),j=t.computed(()=>{const{eventKey:e}=l,{dragOverNodeKey:a,dropPosition:o}=n||{},i=c.value,s=a===e&&o===-1,g=a===e&&o===1;return h(`${r}-label`,{[`${r}-drag-over-gap-top`]:!i&&s,[`${r}-drag-over-gap-bottom`]:!i&&g})}),H=t.computed(()=>f.get(l,["data","children","length"])),W=t.computed(()=>f.isString(l.pos)?Number(l.pos.split("-")[l.level+1])+1:1),X=t.computed(()=>{const{draggable:e}=n||{};return!c.value&&e||void 0});return(e,a)=>d.empty?(t.openBlock(),t.createElementBlock("ul",{key:0,class:t.normalizeClass(M.value)},[t.createElementVNode("li",{class:t.normalizeClass(`${t.unref(r)}-label ${t.unref(r)}-label-empty`),"x-semi-prop":"emptyContent"},t.toDisplayString(d.emptyContent),3)],2)):(t.openBlock(),t.createElementBlock("li",{key:1,ref_key:"refNode",ref:u,class:t.normalizeClass(R.value),role:"treeitem","aria-disabled":c.value,"aria-checked":d.checked,"aria-selected":d.selected,"aria-setsize":H.value,"aria-posinset":W.value,"aria-expanded":d.expanded,"aria-level":d.level+1,"data-key":d.eventKey,style:t.normalizeStyle(d.style),draggable:X.value,onClick:_,onKeypress:L,onContextmenu:P,onDblclick:q,onDragstart:w,onDragenter:S,onDragover:F,onDragleave:O,onDrop:T,onDragend:K},[t.createVNode(oe.default,{showLine:d.showLine,prefixcls:t.unref(r),level:d.level,isEnd:d.isEnd},null,8,["showLine","prefixcls","level","isEnd"]),t.createVNode(t.unref(y),{"render-fn":V}),t.createElementVNode("span",{class:t.normalizeClass(j.value)},[E.value?(t.openBlock(),t.createElementBlock("div",{key:0,role:"none",onClick:t.withModifiers(I,["stop"])},[t.createVNode(t.unref(ae.default),{"aria-label":"Toggle the checked state of checkbox",value:d.eventKey,checked:d.checked,indeterminate:d.halfChecked,disabled:!!c.value},null,8,["value","checked","indeterminate","disabled"])])):t.createCommentVNode("",!0),t.createVNode(t.unref(y),{"render-fn":A}),t.createElementVNode("span",{class:t.normalizeClass(`${t.unref(r)}-label-text`)},[t.createVNode(t.unref(y),{"render-fn":G})],2)],2)],46,ce))}});exports.default=pe;

package/lib/cjs/components/tree/TreeNode.vue.d.ts

@@ -0,0 +1,30 @@
+import { TreeNodeProps } from './interface';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TreeNodeProps>, {
+    level: number;
+    empty: boolean;
+    style: () => {};
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TreeNodeProps>, {
+    level: number;
+    empty: boolean;
+    style: () => {};
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/lib/cjs/components/tree/TreeNode.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TreeNode.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=TreeNode.vue2.cjs.map

package/lib/cjs/components/tree/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tree.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tree.vue.cjs");require("./tree.css");exports.default=e.default;

package/lib/cjs/components/tree/index.d.ts

@@ -0,0 +1,6 @@
+import Tree from './Tree.vue';
+import TreeNode from './TreeNode.vue';
+import './tree.scss';
+export * from './interface';
+export { TreeNode };
+export default Tree;

package/lib/cjs/components/tree/interface.d.ts

@@ -0,0 +1,150 @@
+import { CSSProperties, VNode } from 'vue';
+import { BasicTreeProps, BasicExpandedOtherProps, BasicRenderFullLabelProps, BasicSearchRenderProps, BasicTreeInnerData, BasicKeyEntities, BasicKeyEntity, BasicTreeNodeProps, BasicFlattenNode, BasicTreeNodeData, BasicOnDragProps, KeyMapProps, TreeDataSimpleJson } from '@douyinfe/semi-foundation/tree/foundation';
+export type Value = string | number | TreeNodeData | Array<TreeNodeData | number | string>;
+export interface DragTreeNode extends TreeNodeData {
+    expanded: boolean;
+    /**
+     * The positional relationship of the current node in the entire
+     * treeData, such as the 0th node of the 2nd node of the 1st node
+     * of the 0th layer: '0-1-2-0'
+     */
+    pos: string;
+}
+export interface DragProps {
+    event: DragEvent;
+    node: DragTreeNode;
+}
+export interface OnDragProps extends BasicOnDragProps {
+    event: DragEvent;
+    node: DragTreeNode;
+    dragNode: DragTreeNode;
+}
+export interface DragEnterProps extends DragProps {
+    expandedKeys?: string[];
+}
+export interface ExpandedOtherProps extends BasicExpandedOtherProps {
+    node: TreeNodeData;
+}
+export interface RenderFullLabelProps extends BasicRenderFullLabelProps {
+    onClick: (e: MouseEvent) => void;
+    onContextMenu: (e: MouseEvent) => void;
+    onDoubleClick: (e: MouseEvent) => void;
+    onExpand: (e: MouseEvent) => void;
+    data: TreeNodeData;
+    style: CSSProperties;
+    onCheck: (e: MouseEvent) => void;
+    expandIcon: VNode | string;
+}
+export interface SearchRenderProps extends BasicSearchRenderProps {
+    prefix: VNode | string;
+}
+export interface TreeProps extends BasicTreeProps {
+    children?: VNode | string;
+    defaultValue?: Value;
+    emptyContent?: VNode | string;
+    filterTreeNode?: boolean | ((inputValue: string, treeNodeString: string, data?: TreeNodeData) => boolean);
+    searchRender?: ((searchRenderProps: SearchRenderProps) => VNode | string) | false;
+    searchStyle?: CSSProperties;
+    style?: CSSProperties;
+    treeData?: TreeNodeData[];
+    treeDataSimpleJson?: TreeDataSimpleJson;
+    value?: Value;
+    icon?: VNode | string | ((props: TreeNodeProps) => VNode | string);
+    keyMaps?: KeyMapProps;
+    loadData?: (treeNode?: TreeNodeData) => Promise<void>;
+    onChange?: (value?: Value) => void;
+    onDoubleClick?: (e: MouseEvent, node: TreeNodeData) => void;
+    onDragEnd?: (dragProps: DragProps) => void;
+    onDragLeave?: (dragProps: DragProps) => void;
+    onDragOver?: (dragProps: DragProps) => void;
+    onDragStart?: (dragProps: DragProps) => void;
+    onDragEnter?: (dragEnterProps: DragEnterProps) => void;
+    onDrop?: (onDragProps: OnDragProps) => void;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: ExpandedOtherProps) => void;
+    onLoad?: (loadedKeys?: Set<string>, treeNode?: TreeNodeData) => void;
+    onContextMenu?: (e: MouseEvent, node: TreeNodeData) => void;
+    onSelect?: (selectedKey: string, selected: boolean, selectedNode: TreeNodeData) => void;
+    renderDraggingNode?: (nodeInstance: HTMLElement, node: TreeNodeData) => HTMLElement;
+    renderFullLabel?: (renderFullLabelProps: RenderFullLabelProps) => VNode | string;
+    renderLabel?: (label?: VNode | string, treeNode?: TreeNodeData, searchWord?: string) => VNode | string;
+    autoMergeValue?: boolean;
+    expandIcon?: VNode | string | ((props: {
+        onClick: (e: MouseEvent) => void;
+        className: string;
+        expanded: boolean;
+    }) => VNode | string);
+}
+export interface OptionProps {
+    index: number;
+    style: CSSProperties;
+    data: KeyEntity;
+}
+export interface KeyEntities extends BasicKeyEntities {
+    [key: string]: KeyEntity;
+}
+export interface KeyEntity extends BasicKeyEntity {
+    children?: KeyEntities;
+    data?: TreeNodeData;
+    parent?: undefined | KeyEntity;
+}
+export interface TreeState extends BasicTreeInnerData {
+    keyEntities: KeyEntities;
+    treeData: TreeNodeData[];
+    flattenNodes: FlattenNode[];
+    prevProps: null | TreeProps;
+    cachedFlattenNodes: FlattenNode[] | undefined;
+}
+export interface TreeNodeProps extends BasicTreeNodeProps {
+    children?: TreeNodeData[];
+    icon?: VNode | string;
+    isEnd?: boolean[];
+    expandIcon?: VNode | string | ((props: {
+        onClick: (e: MouseEvent) => void;
+        className: string;
+        expanded: boolean;
+    }) => VNode | string);
+    level?: number;
+    empty?: boolean;
+    style?: CSSProperties;
+    data?: any;
+    emptyContent?: VNode | string;
+    label?: VNode | string;
+    value?: string | number;
+    filtered?: boolean;
+    keyword?: string;
+    treeNodeFilterProp?: string;
+}
+export interface TreeNodeState {
+    [x: string]: any;
+}
+export interface TreeNodeData extends BasicTreeNodeData {
+    label?: VNode | string;
+    icon?: VNode | string;
+    children?: TreeNodeData[];
+}
+export interface FlattenNode extends BasicFlattenNode {
+    children?: FlattenNode[];
+    data?: BasicTreeNodeData;
+    label?: VNode | string;
+    parent?: null | FlattenNode;
+    isEnd?: boolean[];
+}
+export interface NodeListProps {
+    [x: string]: any;
+    flattenNodes: FlattenNode[];
+    motionKeys: Set<string>;
+    motionType: string | null;
+    flattenList: FlattenNode[] | undefined;
+    searchTargetIsDeep?: boolean;
+    renderTreeNode: (treeNode: FlattenNode, ind?: number, style?: CSSProperties) => VNode;
+}
+export type TransitionNodes<T> = Array<T | Array<T>>;
+export interface NodeListState {
+    transitionNodes: TransitionNodes<FlattenNode>;
+    cachedMotionKeys?: Set<string>;
+    cachedData?: FlattenNode[];
+}
+export interface ScrollData {
+    key: string;
+    align?: 'center' | 'start' | 'end' | 'smart' | 'auto';
+}