bkui-vue 0.0.1-beta.7 → 0.0.1-beta.70

package/lib/tree/index.js

@@ -0,0 +1 @@
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("vue"),require("../virtual-render"),require("../exception"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../exception","../icon"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue"),require("../virtual-render"),require("../exception"),require("../icon")):n(e["../shared"],e.vue,e["../virtual-render"],e["../exception"],e["../icon"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,n,t,r,o)=>(()=>{var i={8022:(e,n,t)=>{var r=t(4481),o=t(6426),i=o;i.v1=r,i.v4=o,e.exports=i},8725:e=>{for(var n=[],t=0;t<256;++t)n[t]=(t+256).toString(16).substr(1);e.exports=function(e,t){var r=t||0,o=n;return[o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]]].join("")}},9157:e=>{var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var t=new Uint8Array(16);e.exports=function(){return n(t),t}}else{var r=new Array(16);e.exports=function(){for(var e,n=0;n<16;n++)0==(3&n)&&(e=4294967296*Math.random()),r[n]=e>>>((3&n)<<3)&255;return r}}},4481:(e,n,t)=>{var r,o,i=t(9157),a=t(8725),l=0,u=0;e.exports=function(e,n,t){var c=n&&t||0,s=n||[],d=(e=e||{}).node||r,f=void 0!==e.clockseq?e.clockseq:o;if(null==d||null==f){var p=i();null==d&&(d=r=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==f&&(f=o=16383&(p[6]<<8|p[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),y=void 0!==e.nsecs?e.nsecs:u+1,h=v-l+(y-u)/1e4;if(h<0&&void 0===e.clockseq&&(f=f+1&16383),(h<0||v>l)&&void 0===e.nsecs&&(y=0),y>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");l=v,u=y,o=f;var N=(1e4*(268435455&(v+=122192928e5))+y)%4294967296;s[c++]=N>>>24&255,s[c++]=N>>>16&255,s[c++]=N>>>8&255,s[c++]=255&N;var g=v/4294967296*1e4&268435455;s[c++]=g>>>8&255,s[c++]=255&g,s[c++]=g>>>24&15|16,s[c++]=g>>>16&255,s[c++]=f>>>8|128,s[c++]=255&f;for(var m=0;m<6;++m)s[c+m]=d[m];return n||a(s)}},6426:(e,n,t)=>{var r=t(9157),o=t(8725);e.exports=function(e,n,t){var i=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||r)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,n)for(var l=0;l<16;++l)n[i+l]=a[l];return n||o(a)}},9911:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=o},4212:n=>{"use strict";n.exports=e},3511:e=>{"use strict";e.exports=t},748:e=>{"use strict";e.exports=n}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var t=a[e]={exports:{}};return i[e](t,t.exports,l),t.exports}l.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return l.d(n,{a:n}),n},l.d=(e,n)=>{for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";l.r(u),l.d(u,{default:()=>w});var e,n,t=l(4212),r=l(748),o=l(3511),i=l.n(o);function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}!function(e){e.NODE_CLICK="nodeClick",e.NODE_COLLAPSE="nodeCollapse",e.NODE_EXPAND="nodeExpand"}(n||(n={}));var c,s=function(){},d=(a(e={},n.NODE_CLICK,s),a(e,n.NODE_COLLAPSE,s),a(e,n.NODE_EXPAND,s),e);!function(e){e.DEPTH="__depth",e.INDEX="__index",e.UUID="__uuid",e.PARENT_ID="__parent_id",e.HAS_CHILD="__has_child",e.PATH="__path",e.IS_ROOT="__is_root",e.ORDER="__order",e.IS_OPENED="__is_open",e.IS_CHECKED="__is_checked",e.IS_SELECTED="__is_selected",e.IS_ASYNC_INIT="__is_async_init",e.IS_MATCH="__is_match",e.IS_NULL="__IS_NULL"}(c||(c={}));var f={data:t.PropTypes.arrayOf(t.PropTypes.any).def([]),label:t.PropTypes.oneOfType([t.PropTypes.func.def(void 0),t.PropTypes.string.def("label")]),nodeKey:t.PropTypes.string.def(void 0),children:t.PropTypes.string.def("children"),indent:t.PropTypes.number.def(18),lineHeight:t.PropTypes.number.def(32),levelLine:t.PropTypes.oneOfType([t.PropTypes.bool.def(!1),t.PropTypes.func.def(void 0),t.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:t.PropTypes.bool.def(!1),prefixIcon:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){})),t.PropTypes.bool.def(!1)]).def(!0),async:t.PropTypes.shape({callback:t.PropTypes.func.def(void 0),cache:t.PropTypes.bool.def(!0),deepAutoOpen:t.PropTypes.commonType(["once","every"],"columnType").def("once")}),offsetLeft:t.PropTypes.number.def(5),search:t.PropTypes.oneOfType([t.PropTypes.shape({value:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string,t.PropTypes.bool]).def(""),match:t.PropTypes.oneOfType([t.PropTypes.commonType(["fuzzy","full"],"TreeSearchMatchType"),t.PropTypes.func]),resultType:t.PropTypes.commonType(["tree","list"],"TreeSearchResultType").def("tree"),openResultNode:t.PropTypes.bool}),t.PropTypes.string,t.PropTypes.number,t.PropTypes.bool]).def(void 0),emptyText:t.PropTypes.string.def("没有数据"),draggable:t.PropTypes.bool.def(!1),dragSort:t.PropTypes.bool.def(!1),selectable:t.PropTypes.bool.def(!0),selected:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number,t.PropTypes.any]).def(null)},p=l(9911),v=l.n(p);function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}var h=l(6870);const N=function(e,n){var t=function(n){return e.schema.get(n)},r=function(e,n){var r;return null===(r=t(e[c.UUID]))||void 0===r?void 0:r[n]},o=function(e){return r(e,c.PATH)},i=function(e){return r(e,c.IS_ROOT)},l=function(e){return r(e,c.IS_OPENED)},u=function(e){return r(a({},c.UUID,e),c.PARENT_ID)},s=function(e){var n;return"object"===y(e)?l(e):"string"==typeof e&&(null===(n=t(e))||void 0===n?void 0:n[c.IS_OPENED])},d=function(e){return e.split("-").reduce((function(e,t){var r=Number(t);return Array.isArray(e)?e[r]:e[n.children][r]}),n.data)},f=function(e){return d(o(a({},c.UUID,e)))};return{getSchemaVal:t,getNodeAttr:r,getNodeId:function(e){return r(e,c.UUID)},getNodeParentId:function(e){return r(e,c.PARENT_ID)},getNodeParentIdById:u,getParentNodeData:function(e){return i(a({},c.UUID,e))?a({},n.children,n.data):f(u(e))},setNodeAttr:function(n,r,o){return e.schema.set(n[c.UUID],Object.assign(Object.assign({},t(n[c.UUID])),a({},r,o)))},getNodePath:o,isRootNode:i,isNodeOpened:l,hasChildNode:function(e){return r(e,c.HAS_CHILD)},isItemOpen:s,isNodeChecked:function(e){return r(e,c.IS_CHECKED)},isNodeMatched:function(e){return r(e,c.IS_MATCH)},checkNodeIsOpen:function(e){return i(e)||s(e)||s(r(e,c.PARENT_ID))},getSourceNodeByPath:d,getSourceNodeByUID:f,deleteNodeSchema:function(n){return e.schema.delete(n)}}};function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var T=void 0,_="1px dashed #c3cdd7",I=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],a=e[n];return"boolean"==typeof a?a?r:o:b(t,e,n,i)},b=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===y(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,o)||console.error("cannot find node label with key ".concat(o)),e[o]):o;if("function"==typeof o){var i=o.apply(T,[e].concat(m(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},P=function(e,n){return b(e,n,"label")},E=function(e,n){return e.get(n)||{}},S=function(e,n,t){var r;return null===(r=E(e,n))||void 0===r?void 0:r[t]},D=function(e,n){return{"--level-line":I(n,"levelLine",e,_,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),"--offset-left":"".concat(n.offsetLeft,"px")}},O=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.schema,o=S(r,e[c.UUID],c.DEPTH);return Object.assign({"--depth":o},"function"==typeof n.levelLine?{"--level-line":I(n,"levelLine",e,_,null,["node"])}:{})},A=function(e,n,t){var r=E(n,e[c.UUID])||{};return{"is-root":r.__is_root,"bk-tree-node":!0,"is-open":r.__is_open,"is-virtual-render":t.virtualRender,"level-line":t.levelLine}},C=function(e,n){var r=E(n,e[c.UUID])||{};return a({"is-checked":r.__is_checked,"is-selected":r.__is_selected},(0,t.resolveClassName)("node-row"),!0)},U=function(e,n,t,r){var o=e.split("-").reduce((function(e,n){var r=Number(n);return Array.isArray(e)?e[r]:e[t][r]}),n);Object.assign(o,r||{})},x=function(e){return null==e?{__IS_NULL:!0}:"string"==typeof e?a({},c.UUID,e):(Object.prototype.hasOwnProperty.call(e,c.UUID)||console.error("setNodeAction Error: node id cannot found"),e)};const L=function(e,n){var t=N(n),r=t.setNodeAttr,o=t.getNodePath,i=t.getNodeAttr,l=function(n,t){if("object"===y(n)&&null!==n){r(t,c.IS_OPENED,!0);var i=Array.isArray(n)?n:[n];!function(e,n,t,r,o){U(e,n,t,a({},r,o))}(o(t),e.data,e.children,e.children,i)}},u=function(n){if(n.async){var t=e.async||{},i=t.callback,a=void 0===i?null:i,u=t.cache,s=void 0===u||u;return r(n,c.IS_ASYNC_INIT,!0),"function"==typeof a?n.cached?Promise.resolve(!0):(Object.assign(n,{loading:!0}),Promise.resolve(a(n,(function(e){return l(e,n)})).then((function(e){return l(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){U(o(n),e.data,e.children,Object.assign({loading:!1},s?{cached:!0}:{}))})))):Promise.reject("async need to set prop: asyncLoad with function wich will return promise object")}};return{asyncNodeClick:u,deepAutoOpen:function e(){var t=n.data.filter((function(e){return e.async&&e.isOpen&&!i(e,c.IS_ASYNC_INIT)}));t.length&&Promise.all(t.map((function(e){return u(e)}))).then((function(){e()})).catch((function(e){console.warn(e)}))}}};var j=l(8022);const R=(0,r.defineComponent)({name:"Tree",props:f,emits:d,setup:function(e,o){var l=function(e){var n,t=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.data,o=e.children,i=[],l=0,u=new Map;function s(n){var t=null;return"string"==typeof e.nodeKey&&(t=n[e.nodeKey]),t||n[c.UUID]||(0,j.v4)()}function d(e,n,r,o){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,a=(t||[]).find((function(n){return n[c.UUID]===e})),l=void 0;return void 0===(l=a?a[o]:n[r])&&(l=i),l}function f(e,n){return d(e,n,"isOpen",c.IS_OPENED,!1)}function p(e,n){return d(e,n,"checked",c.IS_CHECKED,!1)}function v(e,n){return d(e,n,"isMatch",c.IS_MATCH,!0)}function h(e,n){return d(e,n,"isSelected",c.IS_SELECTED,!1)}function N(n){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,d=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,g=n.length,m=0;m<g;m++){var T=n[m];if(Array.isArray(T))N(T,t,r,d);else if("object"===y(T)&&null!==T){var _,I=s(T),b=null!==d?"".concat(d,"-").concat(m):"".concat(m),P=!!(T[o]||[]).length,E=(a(_={},c.DEPTH,t),a(_,c.INDEX,m),a(_,c.UUID,I),a(_,c.PARENT_ID,r),a(_,c.HAS_CHILD,P),a(_,c.PATH,b),a(_,c.IS_ROOT,null===r),a(_,c.ORDER,l),a(_,c.IS_SELECTED,!!e.selectable&&h(I,T)),a(_,c.IS_MATCH,v(I,T)),a(_,c.IS_OPENED,f(I,T)),a(_,c.IS_CHECKED,p(I,T)),a(_,o,null),_);Object.assign(T,a({},c.UUID,I)),u.set(I,E),l+=1,i.push(Object.assign(Object.assign({},T),a({},o,null))),Object.prototype.hasOwnProperty.call(T,o)&&N(T[o]||[],t+1,I,b)}}}return N(n||r),[i,u]},o=t(e),i=(0,r.reactive)({data:o[0],schema:o[1],levelLineSchema:{}}),l=(0,r.computed)((function(){return Array.from(i.schema.values())})),u=L(e,i),s=u.asyncNodeClick,d=u.deepAutoOpen;return(0,r.watch)((function(){return[e.data]}),(function(n){var r,o,a=t(e,n,l.value);i.data=a[0],i.schema=a[1],(null===(r=e.async)||void 0===r?void 0:r.callback)&&"every"===(null===(o=e.async)||void 0===o?void 0:o.deepAutoOpen)&&d()}),{deep:!0}),(null===(n=e.async)||void 0===n?void 0:n.callback)&&d(),{flatData:i,schemaValues:l,asyncNodeClick:s,deepAutoOpen:d}}(e),u=l.flatData,s=l.schemaValues,d=N(u),f=d.setNodeAttr,p=d.checkNodeIsOpen,g=d.getNodeAttr,m=d.getNodePath,T=d.isRootNode,_=d.isNodeOpened,I=d.isNodeChecked,b=d.isNodeMatched,E=d.hasChildNode,S=function(e){var n,t=(0,r.toRef)(e,"search"),o=null!==(n=e.search)&&void 0!==n?n:{},i=o.openResultNode,a=void 0!==i&&i,l=o.resultType,u=void 0===l?"tree":l,c=function(e){return["string","number","boolean"].includes(y(e))},s=function(e,n){return e===n},d=function(e,n){return new RegExp("".concat(e),"i").test("".concat(n))},f=function(e,n){return Reflect.apply(e,void 0,n)},p=void 0===t.value||!1===t.value,v=(0,r.computed)((function(){return!1!==t.value&&(c(t.value)?"".concat(t.value).length>0:"object"===y(t.value))}));return{searchFn:function(e,n){if(p)return!0;if(c(t.value))return f(d,[t.value,e,n]);var r=t.value,o=r.value,i=void 0===o?"":o,a=r.match,l=void 0===a?"fuzzy":a,u="function"==typeof l?l:"fuzzy"===l?d:s;return 0==="".concat(i).length||f(u,[i,e,n])},refSearch:t,isSearchActive:v,isSearchDisabled:p,openResultNode:a,resultType:u,isTreeUI:"tree"===u}}(e),U=S.searchFn,R=S.isSearchActive,w=S.refSearch,k=S.openResultNode,H=S.isTreeUI;S.isSearchDisabled||(0,r.watch)([w],(function(){u.data.forEach((function(n){var t=U(P(n,e),n);f(n,c.IS_MATCH,t),k&&z(n,!0,!0)}))}));var V=(0,r.computed)((function(){return u.data.filter((function(e){return p(e)&&function(e){return!R.value||(g(e,c.IS_MATCH)||!!H&&s.value.some((function(n){return n[c.PATH].startsWith(m(e))&&n[c.IS_MATCH]})))}(e)}))})),M=function(e,o,i,l,u){var s=null,d=N(i),f=d.setNodeAttr,p=d.getNodePath,v=d.getSchemaVal,g=d.getNodeAttr,m=d.getNodeId,T=d.isRootNode,_=d.hasChildNode,I=d.isItemOpen,b=d.isNodeOpened,E=d.isNodeChecked,S=d.isNodeMatched,D=L(e,i),U=D.asyncNodeClick,j=D.deepAutoOpen,R=function(e){if("string"==typeof e)return e;if("object"===y(e)&&null!==e){if(e.__v_isVNode)return e;var n=e.node,t=e.className,o=e.text,i=e.style;return(0,r.h)(n,{class:t,style:i},o)}return null},w=function(n){if(o.slots.nodeAction)return o.slots.nodeAction(B(n));var t=null;return"function"==typeof e.prefixIcon&&"default"!==(t=e.prefixIcon(B(n),"node_action"))?R(t):("default"===t||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(_(n)||n.async)?I(n)?(0,r.createVNode)(h.DownShape,null,null):(0,r.createVNode)(h.RightShape,null,null):null},k=function(n){if(o.slots.nodeType)return o.slots.nodeType(B(n));var i=null;return"function"==typeof e.prefixIcon&&"default"!==(i=e.prefixIcon(B(n),"node_type"))?R(i):"default"===i||"boolean"==typeof e.prefixIcon&&e.prefixIcon?T(n)||_(n)?function(e){return I(e)?(0,r.createVNode)(h.FolderShapeOpen,{class:(0,t.resolveClassName)("tree-icon")},null):(0,r.createVNode)(h.Folder,{class:(0,t.resolveClassName)("tree-icon")},null)}(n):(0,r.createVNode)(h.TextFile,{class:(0,t.resolveClassName)("tree-icon")},null):null},H=function(e){var n,t,i;return(null!==(i=null===(t=(n=o.slots).nodeLoading)||void 0===t?void 0:t.call(n,B(e)))&&void 0!==i?i:e.loading)?(0,r.createVNode)(h.Spinner,null,null):""},V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],a=null===t?!I(e):!!t;if(f(e,c.IS_OPENED,a),i){var u=I(e)?n.NODE_EXPAND:n.NODE_COLLAPSE;o.emit(u,B(e),v(e[c.UUID]),r)}a||l.value.filter((function(n){return String.prototype.startsWith.call(p(n),p(e))})).forEach((function(e){return f(e,c.IS_OPENED,a)}))},M=function(e,n,t){Array.isArray(e)?e.forEach((function(e){return f(x(e),n,t)})):f(x(e),n,t)},q=function e(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=x(n);if(!o[c.IS_NULL])if(r)if(t){if(M(o,c.IS_OPENED,t),!T(o)){e(g(o,c.PARENT_ID),!0,!0)}}else V(o,!1,null,!1);else M(o,c.IS_OPENED,t)},K=function(e,n){U(e),V(e,null,n)},X=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=x(n);o[c.IS_NULL]||(e.selectable&&(null!==s&&f(a({},c.UUID,s),c.IS_SELECTED,!t),f(o,c.IS_SELECTED,t),s=m(o)),r&&q(n,!0,!0))},z=function(n){if(!e.levelLine)return null;var t=g(n,c.DEPTH)+1;return new Array(t).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(T(n))return!1;var t=p(n),r="".concat(t).split("-").slice(0,e+1);if(r.join("-")===t)return!0;var o=r.pop(),i=parseInt(o,10);r.push("".concat(i+1));var a=r.join("-");return u.value.some((function(e){return e[c.PATH]===a}))}(e,n)})).filter((function(e){return e>0})).map((function(e){return(0,r.createVNode)("span",{class:"node-virtual-line",style:(n=t-e,{"--depth":n})},null);var n}))},B=function(e){return Object.assign(Object.assign({},e),{hasChildNode:_(e),isMatched:S(e),isChecked:E(e),isOpened:b(e),isRoot:T(e)})};return{renderTreeNode:function(a){var l,u,s,d,f;return(0,r.createVNode)("div",{"data-tree-node":m(a),class:C(a,i.schema)},[(0,r.createVNode)("div",{class:A(a,i.schema,e),style:O(a,e,i),onClick:function(e){return function(e,t){X(e),b(e)||K(e,t),o.emit(n.NODE_CLICK,B(e),v(e[c.UUID]),t)}(a,e)}},[(0,r.createVNode)("span",{class:(0,t.resolveClassName)("node-action"),onClick:function(e){return function(e,n){e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),K(n,e)}(e,a)}},[w(a)]),(0,r.createVNode)("span",{class:(0,t.resolveClassName)("node-content")},[[k(a),H(a)],(0,r.createVNode)("span",{class:(0,t.resolveClassName)("node-text")},[null!==(s=null===(u=(l=o.slots).node)||void 0===u?void 0:u.call(l,B(a)))&&void 0!==s?s:[P(a,e)]]),null===(f=(d=o.slots).nodeAppend)||void 0===f?void 0:f.call(d,B(a))]),z(a)])])},hanldeTreeNodeClick:K,deepAutoOpen:j,setNodeAction:M,setNodeOpened:V,setSelect:X,setOpen:q}}(e,o,u,V,s),q=M.renderTreeNode,K=M.hanldeTreeNodeClick,X=M.setNodeOpened,z=M.setOpen,B=M.setNodeAction,F=M.setSelect;e.selectable&&(0,r.watch)((function(){return e.selected}),(function(e){F(e,!0,!0)}),{immediate:!0}),o.expose({hanldeTreeNodeClick:K,isNodeChecked:I,isRootNode:T,isNodeOpened:_,isNodeMatched:b,hasChildNode:E,setOpen:z,setChecked:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];B(x(e),c.IS_CHECKED,n)},setNodeAction:B,setNodeOpened:X,setSelect:F,getData:function(){return u}});var J=(0,r.ref)(),Y=function(e,n){var t=n.slots;return{renderEmpty:function(n){var o,i;return(0,r.createVNode)(v(),{scene:"part",type:n},{default:function(){return[null!==(i=null===(o=t.default)||void 0===o?void 0:o.call(t))&&void 0!==i?i:e.emptyText]}})}}}(e,o),$=Y.renderEmpty;return function(e,n,t){var o=N(t,e),i=o.getSourceNodeByUID,l=o.getNodeParentIdById,u=o.getParentNodeData,s=o.getNodeAttr,d=o.getNodePath,f=o.isRootNode,p=function(e){return e.target.closest("[data-tree-node]")},v=function e(n){p(n).removeEventListener("mouseup",e)},y=function(e){var n=p(e);n.setAttribute("draggable","true"),n.addEventListener("mouseup",v)},h=function(e){e.preventDefault();var n=p(e),t=e.dataTransfer.getData("node-id"),r=n.getAttribute("data-tree-node"),o=T(t,r)?"move":"none";e.dataTransfer.effectAllowed=o,e.dataTransfer.dropEffect=o},g=function(e){e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move";var n=p(e);e.dataTransfer.setData("text/plain",""),e.dataTransfer.setData("node-id",n.getAttribute("data-tree-node"))},m=function(n){n.preventDefault(),n.stopPropagation();var t=p(n),r=n.dataTransfer.getData("node-id"),o=t.getAttribute("data-tree-node");Reflect.apply(e.dragSort?_:I,void 0,[r,o])},T=function(e,n){var t=d(a({},c.UUID,e)),r=d(a({},c.UUID,n));return l(e)===l(n)||-1===t.indexOf(r)&&-1===r.indexOf(t)},_=function(n,t){if(T(n,t)){var r=JSON.parse(JSON.stringify(i(n))),o=JSON.parse(JSON.stringify(i(t))),l=u(n),d=u(t),f=s(a({},c.UUID,n),c.INDEX),p=s(a({},c.UUID,t),c.INDEX);null==l||l[e.children].splice(f,1,o),null==d||d[e.children].splice(p,1,r)}},I=function(n,t){var r=i(n),o=i(t),u=null;if(f(a({},c.UUID,n)))u=e.data;else{var d=l(n);if(null!=d){u=i(d);var p=s(a({},c.UUID,n),c.INDEX);null==u||u[e.children].splice(p,1)}}o[e.children]||(o[e.children]=[]),o[e.children].unshift(r)};(0,r.onMounted)((function(){if(e.draggable&&n.value){var t=n.value.$el;t.addEventListener("mousedown",y),t.addEventListener("dragstart",g),t.addEventListener("dragover",h),t.addEventListener("drop",m)}})),(0,r.onUnmounted)((function(){if(e.draggable&&n.value){var t=n.value.$el;t.removeEventListener("mousedown",y),t.removeEventListener("dragstart",g),t.removeEventListener("dragover",h),t.removeEventListener("drop",m)}}))}(e,J,u),function(){return(0,r.createVNode)(i(),{class:(0,t.resolveClassName)("tree"),style:D(null,e),list:V.value,lineHeight:e.lineHeight,enabled:e.virtualRender,contentClassName:(0,t.resolveClassName)("container"),throttleDelay:0,ref:J},{default:function(e){return function(e){if(e.length)return e.map(q);var n=R.value?"search-empty":"empty";return $(n)}(e.data||[])}})}}}),w=(0,t.withInstall)(R)})(),u})()));

package/lib/tree/props.d.ts

@@ -0,0 +1,145 @@
+import { ExtractPropTypes } from 'vue';
+/**
+ * Tree Prop: prefixIcon function
+ * @param {} isRoot 是否为分跟节点
+ * @param {} hasChild 是否有孩子节点
+ * @param {} isOpen 当前节点是否展开
+ * @param {} renderType 当前渲染类型（action: 用来标识当前节点状态，展开 | 收起, node_type：节点类型，文件、文件夹）
+ * @param {} item 当前节点数据
+ */
+export declare type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: any) => any;
+export declare const treeProps: {
+    /**
+     * 渲染列表
+     */
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    /**
+     * 指定节点标签为节点对象的某个属性值
+     */
+    label: import("vue-types").VueTypeDef<any>;
+    /**
+     * 每个树节点用来作为唯一标识的属性，此标识应该是唯一的
+     * 如果设置系统会默认自动生成唯一id
+     */
+    nodeKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 子节点 Key, 用于读取子节点
+     * 默认 children
+     */
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 相邻级节点间的水平缩进，单位为像素
+     */
+    indent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 设置行高
+     */
+    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 设置层级连线
+     */
+    levelLine: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    /**
+     * 是否开启虚拟滚动
+     * 默认虚拟滚动是开启的，数据量大的情况下有利于性能优化，可以通过设置 virtualRender = false 关闭虚拟滚动
+     */
+    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 当前节点标识图标
+     * 默认 true
+     */
+    prefixIcon: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    /**
+     * 异步加载节点数据配置
+     * @param callback 请求数据回调函数，函数返回 Promise
+     * @param cache 是否缓存请求结果，默认为True，只有在第一次才会发起请求，若设置为false则每次都会发起请求
+     */
+    async: import("vue-types").VueTypeShape<AsyncOption>;
+    /**
+     * 每个节点偏移左侧距离
+     */
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 搜索配置
+     * 可以为一个配置项 SearchOption
+     * 或者直接为一个字符串，如果直接为字符串则模糊匹配此值
+     */
+    search: import("vue-types").VueTypeDef<string | number | boolean | SearchOption> & {
+        default: string | number | boolean | (() => SearchOption);
+    };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 节点拖拽时可交换位置（开启拖拽可交换位置后将不支持改变层级）
+     */
+    dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 节点是否可以选中
+     */
+    selectable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 默认选中的节点id，selectable为false时无效
+     */
+    selected: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+};
+declare type AsyncOption = {
+    callback: (item: any, cb: any) => Promise<any>;
+    cache: Boolean;
+    deepAutoOpen?: string;
+};
+export declare type SearchOption = {
+    value: string | number | boolean;
+    match: string | Function;
+    resultType: string;
+    openResultNode: boolean;
+};
+export declare type TreePropTypes = Readonly<ExtractPropTypes<typeof treeProps>>;
+export {};

package/lib/tree/tree.css

@@ -0,0 +1,53 @@
+.bk-tree .bk-node-row {
+  padding-left: calc(var(--offset-left));
+}
+.bk-tree .bk-node-row.is-selected {
+  background-color: #ebf2ff;
+}
+.bk-tree .bk-tree-node {
+  position: relative;
+  display: flex;
+  height: var(--lineHeight);
+  padding-left: 0;
+  line-height: var(--lineHeight);
+  cursor: pointer;
+  align-items: center;
+}
+.bk-tree .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth)*var(--indent));
+}
+.bk-tree .bk-tree-node:not(.is-root).level-line::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: calc(0px - var(--indent) + 6px);
+  z-index: 1;
+  width: calc(var(--indent) - 6px);
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node .node-virtual-line {
+  position: absolute;
+  top: -12px;
+  bottom: 50%;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  display: inline-block;
+  width: 0;
+  border-left: var(--level-line);
+}
+.bk-tree .bk-tree-node .bk-tree-icon {
+  margin: 0 6px 0 4px;
+}
+.bk-tree .bk-tree-node .bk-node-content {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/tree/tree.d.ts

@@ -0,0 +1,172 @@
+import { TreePropTypes as defineTypes } from './props';
+export declare type TreePropTypes = defineTypes;
+declare const _default: import("vue").DefineComponent<{
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    label: import("vue-types").VueTypeDef<any>;
+    nodeKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    indent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    levelLine: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefixIcon: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    async: import("vue-types").VueTypeShape<{
+        callback: (item: any, cb: any) => Promise<any>;
+        cache: Boolean;
+        deepAutoOpen?: string;
+    }>;
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    search: import("vue-types").VueTypeDef<string | number | boolean | import("./props").SearchOption> & {
+        default: string | number | boolean | (() => import("./props").SearchOption);
+    };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    selectable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    selected: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nodeClick: () => void;
+    nodeCollapse: () => void;
+    nodeExpand: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    label: import("vue-types").VueTypeDef<any>;
+    nodeKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    indent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    levelLine: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefixIcon: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    async: import("vue-types").VueTypeShape<{
+        callback: (item: any, cb: any) => Promise<any>;
+        cache: Boolean;
+        deepAutoOpen?: string;
+    }>;
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    search: import("vue-types").VueTypeDef<string | number | boolean | import("./props").SearchOption> & {
+        default: string | number | boolean | (() => import("./props").SearchOption);
+    };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    selectable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    selected: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+}>> & {
+    onNodeClick?: () => any;
+    onNodeCollapse?: () => any;
+    onNodeExpand?: () => any;
+}, {
+    data: any[];
+    search: string | number | boolean | import("./props").SearchOption;
+    draggable: boolean;
+    lineHeight: number;
+    prefixIcon: any;
+    selected: any;
+    children: string;
+    emptyText: string;
+    nodeKey: string;
+    indent: number;
+    levelLine: any;
+    virtualRender: boolean;
+    offsetLeft: number;
+    dragSort: boolean;
+    selectable: boolean;
+}>;
+export default _default;

package/lib/tree/tree.less

@@ -0,0 +1,66 @@
+@import '../styles/themes/themes.less';
+.@{bk-prefix}-tree {
+  .@{bk-prefix}-node-row {
+    padding-left: calc(var(--offset-left));
+
+    &.is-selected {
+      background-color: #ebf2ff;
+    }
+  }
+
+  .@{bk-prefix}-tree-node {
+    position: relative;
+    display: flex;
+    height: var(--lineHeight);
+    padding-left: 0;
+    line-height: var(--lineHeight);
+    cursor: pointer;
+    align-items: center;
+
+    &:not(.is-root) {
+      margin-left: calc(var(--depth)*var(--indent));
+
+      &.level-line {
+        &::before {
+          position: absolute;
+          top: calc(50% + 1px);
+          left: calc(0px - var(--indent) + 6px);
+          z-index: 1;
+          width: calc(var(--indent) - 6px);
+          height: 0;
+          pointer-events: none;
+          border-bottom: var(--level-line);
+          content: '';
+        }
+      }
+    }
+
+    .node-virtual-line {
+      position: absolute;
+      top: -12px;
+      bottom: 50%;
+      left: calc(var(--depth) * var(--indent) * -1 + 6px);
+      display: inline-block;
+      width: 0;
+      border-left: var(--level-line);
+    }
+
+    .@{bk-prefix}-tree-icon {
+      margin: 0 6px 0 4px;
+    }
+
+    .@{bk-prefix}-node-content {
+      display: flex;
+      flex: 1;
+      align-items: center;
+      min-width: 0;
+
+      .@{bk-prefix}-node-text {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}

package/lib/tree/tree.variable.css

@@ -0,0 +1,152 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
+}
+.bk-tree .bk-node-row {
+  padding-left: calc(var(--offset-left));
+}
+.bk-tree .bk-node-row.is-selected {
+  background-color: #ebf2ff;
+}
+.bk-tree .bk-tree-node {
+  position: relative;
+  display: flex;
+  height: var(--lineHeight);
+  padding-left: 0;
+  line-height: var(--lineHeight);
+  cursor: pointer;
+  align-items: center;
+}
+.bk-tree .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth)*var(--indent));
+}
+.bk-tree .bk-tree-node:not(.is-root).level-line::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: calc(0px - var(--indent) + 6px);
+  z-index: 1;
+  width: calc(var(--indent) - 6px);
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node .node-virtual-line {
+  position: absolute;
+  top: -12px;
+  bottom: 50%;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  display: inline-block;
+  width: 0;
+  border-left: var(--level-line);
+}
+.bk-tree .bk-tree-node .bk-tree-icon {
+  margin: 0 6px 0 4px;
+}
+.bk-tree .bk-tree-node .bk-node-content {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/tree/use-empty.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (props: any, { slots }: {
+    slots: any;
+}) => {
+    renderEmpty: (type: string) => JSX.Element;
+};
+export default _default;

package/lib/tree/use-node-action.d.ts

@@ -0,0 +1,10 @@
+declare const _default: (props: any, ctx: any, flatData: any, renderData: any, schemaValues: any) => {
+    renderTreeNode: (item: any) => JSX.Element;
+    hanldeTreeNodeClick: (item: any, e: MouseEvent) => void;
+    deepAutoOpen: () => void;
+    setNodeAction: (args: any | any[], action: string, value: any) => void;
+    setNodeOpened: (item: any, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
+    setSelect: (uuid: any, selected?: boolean, autoOpen?: boolean) => void;
+    setOpen: (item: any[] | any, isOpen?: boolean, autoOpenParents?: boolean) => void;
+};
+export default _default;

package/lib/tree/use-node-async.d.ts

@@ -0,0 +1,5 @@
+declare const _default: (props: any, flatData: any) => {
+    asyncNodeClick: (item: any) => Promise<any>;
+    deepAutoOpen: () => void;
+};
+export default _default;