bkui-vue 0.0.1-beta.34 → 0.0.1-beta.340

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("../checkbox"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../exception","../checkbox","../icon"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue"),require("../virtual-render"),require("../exception"),require("../checkbox"),require("../icon")):n(e["../shared"],e.vue,e["../virtual-render"],e["../exception"],e["../checkbox"],e["../icon"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,n,t,r,o,i)=>(()=>{var a={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,c=0;e.exports=function(e,n,t){var u=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:c+1,N=v-l+(y-c)/1e4;if(N<0&&void 0===e.clockseq&&(f=f+1&16383),(N<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,c=y,o=f;var _=(1e4*(268435455&(v+=122192928e5))+y)%4294967296;s[u++]=_>>>24&255,s[u++]=_>>>16&255,s[u++]=_>>>8&255,s[u++]=255&_;var h=v/4294967296*1e4&268435455;s[u++]=h>>>8&255,s[u++]=255&h,s[u++]=h>>>24&15|16,s[u++]=h>>>16&255,s[u++]=f>>>8|128,s[u++]=255&f;for(var I=0;I<6;++I)s[u+I]=d[I];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)}},5800:e=>{"use strict";e.exports=o},9911:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=i},4212:n=>{"use strict";n.exports=e},3511:e=>{"use strict";e.exports=t},748:e=>{"use strict";e.exports=n}},l={};function c(e){var n=l[e];if(void 0!==n)return n.exports;var t=l[e]={exports:{}};return a[e](t,t.exports,c),t.exports}c.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return c.d(n,{a:n}),n},c.d=(e,n)=>{for(var t in n)c.o(n,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},c.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),c.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";c.r(u),c.d(u,{default:()=>K});var e,n,t,r=c(4212),o=c(748),i=c(3511),a=c.n(i);function l(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",e.NODE_CHECKED="nodeChecked",e.NODE_DRAG_START="nodeDragStart",e.NODE_DRAG_OVER="nodeDragOver",e.NODE_DRAG_LEAVE="nodeDragLeave",e.NODE_DROP="nodeDrop"}(t||(t={}));var s,d=function(){return!0},f=(l(e={},t.NODE_CLICK,d),l(e,t.NODE_COLLAPSE,d),l(e,t.NODE_EXPAND,d),l(e,t.NODE_CHECKED,d),l(e,t.NODE_DRAG_START,d),l(e,t.NODE_DRAG_OVER,d),l(e,t.NODE_DRAG_LEAVE,d),l(e,t.NODE_DROP,d),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_OPEN="__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",e.IS_CACHED="__is_cached",e.IS_ASYNC="__is_async",e.IS_LOADING="__is_loading",e.TREE_NODE_ATTR="__attr__"}(s||(s={}));var p=(l(n={},s.IS_OPEN,"isOpen"),l(n,s.IS_SELECTED,"selected"),l(n,s.IS_MATCH,"isMatch"),l(n,s.HAS_CHILD,"hasChild"),l(n,s.IS_CHECKED,"checked"),l(n,s.IS_ASYNC,"async"),l(n,s.IS_LOADING,"loading"),l(n,s.IS_ROOT,"isRoot"),n),v={data:r.PropTypes.arrayOf(r.PropTypes.any).def([]),label:r.PropTypes.oneOfType([r.PropTypes.func.def(void 0),r.PropTypes.string.def("label")]),nodeKey:r.PropTypes.string.def(void 0),children:r.PropTypes.string.def("children"),indent:r.PropTypes.number.def(18),lineHeight:r.PropTypes.number.def(32),levelLine:r.PropTypes.oneOfType([r.PropTypes.bool.def(!1),r.PropTypes.func.def(void 0),r.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:r.PropTypes.bool.def(!1),prefixIcon:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){})),r.PropTypes.bool.def(!1)]).def(!0),async:r.PropTypes.shape({callback:r.PropTypes.func.def(void 0),cache:r.PropTypes.bool.def(!0),deepAutoOpen:r.PropTypes.commonType(["once","every"],"columnType").def("once")}),offsetLeft:r.PropTypes.number.def(5),search:r.PropTypes.oneOfType([r.PropTypes.shape({value:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string,r.PropTypes.bool]).def(""),match:r.PropTypes.oneOfType([r.PropTypes.commonType(["fuzzy","full"],"TreeSearchMatchType"),r.PropTypes.func]),resultType:r.PropTypes.commonType(["tree","list"],"TreeSearchResultType").def("tree"),openResultNode:r.PropTypes.bool}),r.PropTypes.string,r.PropTypes.number,r.PropTypes.bool]).def(void 0),emptyText:r.PropTypes.string.def("没有数据"),draggable:r.PropTypes.bool.def(!1),disableDrag:r.PropTypes.func.def(null),disableDrop:r.PropTypes.func.def(null),dragSort:r.PropTypes.bool.def(!1),selectable:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.func]).def(!0),disabledFolderSelectable:r.PropTypes.bool.def(!1),showCheckbox:r.PropTypes.bool.def(!1),showNodeTypeIcon:r.PropTypes.bool.def(!0),selected:r.PropTypes.oneOfType([r.PropTypes.string,null,r.PropTypes.number,r.PropTypes.object]).def(null),autoCheckChildren:r.PropTypes.bool.def(!0),autoOpenParentNode:r.PropTypes.bool.def(!0),expandAll:r.PropTypes.bool.def(!1),nodeContentAction:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.commonType(["click","selected","expand","collapse"])),r.PropTypes.func.def((function(){return["selected"]}))]).def(["selected","expand","click"])},y=c(9911),N=c.n(y);function _(e){return _="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},_(e)}var h=c(5800),I=c.n(h),E=c(6870);const S=function(e,n){var t=function(n){return e.schema.get(n)},r=function(e,n){var r;return null===(r=t(e[s.UUID]))||void 0===r?void 0:r[n]},o=function(n,r,o){e.schema.set(n[s.UUID],Object.assign(Object.assign({},t(n[s.UUID])),l({},r,o)))},i=function(e){return r(e,s.PATH)},a=function(e){return r(e,s.UUID)},c=function(e){return r(e,s.IS_ROOT)},u=function(e){return r(e,s.IS_OPEN)},d=function(e){return r(e,s.HAS_CHILD)},f=function(e){return r(e,s.IS_MATCH)},v=function(e){return r(e,s.IS_CHECKED)},y=function(e){return r(e,s.PARENT_ID)},N=function(e){return r(l({},s.UUID,e),s.PARENT_ID)},h=function(e){var n;return"object"===_(e)?u(e):"string"==typeof e&&(null===(n=t(e))||void 0===n?void 0:n[s.IS_OPEN])},I=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)},E=function(e){return I(i(l({},s.UUID,e)))},S=function(e){var n;return l(n={},p[s.IS_LOADING],r(e,s.IS_LOADING)),l(n,p[s.HAS_CHILD],d(e)),l(n,p[s.IS_MATCH],f(e)),l(n,p[s.IS_CHECKED],v(e)),l(n,p[s.IS_OPEN],u(e)),l(n,p[s.IS_ROOT],c(e)),l(n,"fullPath",r(e,s.PATH)),l(n,"uuid",a(e)),l(n,"parentId",r(e,s.PARENT_ID)),n};return{getSchemaVal:t,getNodeAttr:r,getNodeId:a,getNodeParentId:y,getNodeParentIdById:N,getParentNodeData:function(e){return c(l({},s.UUID,e))?l({},n.children,n.data):E(N(e))},getParentNode:function(e){return t(y(e))},setNodeAttr:o,getNodePath:i,isRootNode:c,isNodeOpened:u,hasChildNode:d,isItemOpen:h,isNodeChecked:v,isNodeMatched:f,isNodeLoading:function(e){return r(e,s.IS_LOADING)},checkNodeIsOpen:function(e){return c(e)||function(e){return h(r(e,s.PARENT_ID))}(e)},getSourceNodeByPath:I,getSourceNodeByUID:E,deleteNodeSchema:function(n){return e.schema.delete(n)},resolveScopedSlotParam:S,setTreeNodeLoading:function(e,n){o(e,s.IS_LOADING,n)},extendNodeAttr:function(e){return Object.assign(Object.assign({},e),l({},s.TREE_NODE_ATTR,S(e)))},getChildNodes:function(n){var t=e.schema;return Array.prototype.filter.call(Array.from(t.keys()),(function(e){return t.get(e)[s.PARENT_ID]===n[s.UUID]}))}}};function D(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 g(e){return function(e){if(Array.isArray(e))return D(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 D(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)?D(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,m="1px dashed #c3cdd7",A=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:C(t,e,n,i)},C=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===_(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(g(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},b=function(e,n){return C(e,n,"label")},O=function(e,n){return e.get(n)||{}},P=function(e,n,t){var r;return null===(r=O(e,n))||void 0===r?void 0:r[t]},L=function(e,n){return{"--level-line":A(n,"levelLine",e,m,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),"--offset-left":"".concat(n.offsetLeft,"px")}},U=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.schema,o=P(r,e[s.UUID],s.DEPTH);return Object.assign({"--depth":o},"function"==typeof n.levelLine?{"--level-line":A(n,"levelLine",e,m,null,["node"])}:{})},x=function(e,n,t){var r=O(n,e[s.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}},R=function(e,n){var t=O(n,e[s.UUID])||{};return l({"is-checked":t.__is_checked,"is-selected":t.__is_selected,"node-folder":e.is_folder,"node-leaf":e.is_leaf},(0,r.resolveClassName)("node-row"),!0)},k=function(e){return null==e?{__IS_NULL:!0}:"string"==typeof e||"number"==typeof e||"symbol"===_(e)?l({},s.UUID,e):(Object.prototype.hasOwnProperty.call(e,s.UUID)||console.error("setNodeAction Error: node id cannot found"),e)};const H=function(e,n){var t=S(n,e),r=t.setNodeAttr,o=t.getNodePath,i=t.getNodeAttr,a=t.resolveScopedSlotParam,c=t.setTreeNodeLoading,u=function(n,t){if("object"===_(n)&&null!==n){r(t,s.IS_OPEN,!0);var i=Array.isArray(n)?n:[n];return function(e,n,t,r,o){!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||{})}(e,n,t,l({},r,o))}(o(t),e.data,e.children,e.children,i),Promise.resolve(n)}return Promise.resolve(n)},d=function(n){var t=e.async||{},o=t.callback,l=void 0===o?null:o,d=t.cache,f=void 0===d||d;if("function"==typeof l&&i(n,s.IS_ASYNC)){if(r(n,s.IS_ASYNC_INIT,!0),!i(n,s.IS_CACHED)){r(n,s.IS_CACHED,f);var p=a(n),v=l(n,(function(e){return u(e,n)}),p);if("object"===_(v)&&null!==v)return c(n,!0),v instanceof Promise?Promise.resolve(v.then((function(e){return u(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){c(n,!1),r(n,s.IS_CACHED,!0)}))):(u(v,n),c(n,!1),Promise.resolve(!0))}return Promise.resolve(!0)}return Promise.resolve(!0)};return{asyncNodeClick:d,deepAutoOpen:function e(){var t=n.data.filter((function(e){return i(e,s.IS_ASYNC)&&e[p[s.IS_OPEN]]&&!i(e,s.IS_ASYNC_INIT)}));t.length&&Promise.all(t.map((function(e){return d(e)}))).then((function(){e()})).catch((function(e){console.warn(e)}))}}},w=function(e,n,i,a,c,u){var d=e.selected,f=S(i,e),p=f.setNodeAttr,v=f.getNodePath,y=f.getSchemaVal,N=f.getNodeAttr,h=f.getNodeId,D=f.getChildNodes,g=f.isRootNode,T=f.hasChildNode,m=f.isItemOpen,A=f.isNodeOpened,C=f.isNodeLoading,O=f.isNodeChecked,P=f.getParentNode,L=f.resolveScopedSlotParam,w=f.extendNodeAttr,j=u.registerNextLoop,V=H(e,i),M=V.asyncNodeClick,K=V.deepAutoOpen,G=function(e){if("string"==typeof e)return e;if("object"===_(e)&&null!==e){if(e.__v_isVNode)return e;var n=e.node,t=e.className,r=e.text,i=e.style;return(0,o.h)(n,{class:t,style:i},r)}return null},q=function(t){if(n.slots.nodeAction)return n.slots.nodeAction(w(t));var i=null;return C(t)?function(e){var t,r,i;return(null!==(i=null===(r=(t=n.slots).nodeLoading)||void 0===r?void 0:r.call(t,w(e)))&&void 0!==i?i:C(e))?(0,o.createVNode)(E.Spinner,null,null):""}(t):"function"==typeof e.prefixIcon&&"default"!==(i=e.prefixIcon(w(t),"node_action"))?G(i):("default"===i||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(T(t)||t.async||!e.autoCheckChildren)?m(t)?(0,o.createVNode)(E.DownShape,{class:(0,r.resolveClassName)("node-prefix")},null):(0,o.createVNode)(E.RightShape,{class:(0,r.resolveClassName)("node-prefix")},null):null},Y=function(t){if(!e.showNodeTypeIcon)return null;if(n.slots.nodeType)return n.slots.nodeType(w(t));var i=null;return"function"==typeof e.prefixIcon&&"default"!==(i=e.prefixIcon(w(t),"node_type"))?G(i):"default"===i||"boolean"==typeof e.prefixIcon&&e.prefixIcon?g(t)||T(t)?function(e){return m(e)?(0,o.createVNode)(E.FolderShapeOpen,{class:[(0,r.resolveClassName)("tree-icon"),(0,r.resolveClassName)("node-prefix")]},null):(0,o.createVNode)(E.Folder,{class:[(0,r.resolveClassName)("tree-icon"),(0,r.resolveClassName)("node-prefix")]},null)}(t):(0,o.createVNode)(E.TextFile,{class:[(0,r.resolveClassName)("tree-icon"),(0,r.resolveClassName)("node-prefix")]},null):null},X=function e(n,t){var r=P(n);r&&(p(r,s.IS_CHECKED,t),g(r)||e(r,t))},z=function e(n,t,r){D(n).forEach((function(n){p(l({},s.UUID,n),t,r),e(l({},s.UUID,n),t,r)}))},F=function(e,r){p(e,s.IS_CHECKED,!!r),z(e,s.IS_CHECKED,!!r),X(e,r),n.emit(t.NODE_CHECKED,c.value.filter((function(e){return O(e)})).map((function(e){return e[s.UUID]})))},J=function(e){return O(e)&&!c.value.filter((function(n){var t;return null===(t=v(n))||void 0===t?void 0:t.startsWith(v(e))})).every((function(e){return O(e)}))},B=function(e){return O(e)||c.value.filter((function(n){var t;return null===(t=v(n))||void 0===t?void 0:t.startsWith(v(e))})).some((function(e){return O(e)}))},W=function(n){return e.showCheckbox?(0,o.createVNode)(I(),{size:"small",modelValue:B(n),indeterminate:J(n),onChange:function(e){return F(n,e)}},null):null},$=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],a=null===r?!m(e):!!r;if(a||z(e,s.IS_OPEN,a),p(e,s.IS_OPEN,a),i){var l=m(e)?t.NODE_EXPAND:t.NODE_COLLAPSE;n.emit(l,e,L(e),y(e[s.UUID]),o)}},Q=function(e,n,t){Array.isArray(e)?e.forEach((function(e){return p(k(e),n,t)})):p(k(e),n,t)},Z=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=k(n);if(!o[s.IS_NULL])if(r)if(t){if(Q(o,s.IS_OPEN,!0),!g(o)){var i=N(o,s.PARENT_ID);e(i,!0,!0)}}else $(o,!1,null,!1);else Q(o,s.IS_OPEN,t)},ee=function(e,n){A(e)?$(e,!1,n):M(e).finally((function(){N(e,s.IS_LOADING)?j("setNodeOpenedAfterLoading",{type:"once",fn:function(){return $(e,!0,n)}}):$(e,!0,n)}))},ne=function n(t){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=Array.isArray(t)?t:[t];if(a.length){var c=k(a[0]);c[s.IS_NULL]||(!e.selectable||"function"==typeof e.selectable&&!e.selectable(t)||e.disabledFolderSelectable&&!0===(null==t?void 0:t.is_folder)?console.warn("props.selectable is false or undefined, please set selectable with true"):(null!=d&&p(l({},s.UUID,d),s.IS_SELECTED,!r),e.selected&&e.selected!==d&&p(l({},s.UUID,e.selected),s.IS_SELECTED,!r),p(c,s.IS_SELECTED,r),d=h(c),i&&1===a.length&&Z(c,!0,!0),N(c,s.IS_ASYNC)&&M(c).then((function(){(0,o.nextTick)((function(){a.shift(),n(a,r,i)}))}))))}},te=function(n){if(!e.levelLine)return null;var t=N(n,s.DEPTH)+1;return new Array(t).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(g(n))return!1;var t=v(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 c.value.some((function(e){return e[s.PATH]===a}))}(e,n)})).filter((function(e){return e>0})).map((function(e){return(0,o.createVNode)("span",{class:"node-virtual-line",style:(n=t-e,{"--depth":n})},null);var n}))};return{renderTreeNode:function(a){var l,c,u,d,f;return(0,o.createVNode)("div",{"data-tree-node":h(a),key:h(a),class:R(a,i.schema)},[(0,o.createVNode)("div",{class:x(a,i.schema,e),style:U(a,e,i),onClick:function(r){return function(r,o){var i,a=(i=r,"function"==typeof e.nodeContentAction?Reflect.apply(e.nodeContentAction,void 0,[{node:i}]):"string"==typeof e.nodeContentAction?[e.nodeContentAction]:Array.isArray(e.nodeContentAction)?e.nodeContentAction:["selected","expand","click"]);if(a.includes("selected")&&ne(r,!0,!1),a.includes("expand")&&(A(r)||ee(r,o)),a.includes("collapse")&&A(r)&&ee(r,o),a.includes("click")){var l=t.NODE_CLICK;n.emit(l,r,L(r),y(r[s.UUID]),o)}}(a,r)}},[(0,o.createVNode)("div",{class:[(0,r.resolveClassName)("node-action")],onClick:function(e){return function(e,n){e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),ee(n,e)}(e,a)}},[q(a)]),(0,o.createVNode)("div",{class:(0,r.resolveClassName)("node-content")},[[W(a),Y(a)],(0,o.createVNode)("span",{class:(0,r.resolveClassName)("node-text")},[null!==(u=null===(c=(l=n.slots).node)||void 0===c?void 0:c.call(l,w(a)))&&void 0!==u?u:[b(a,e)]]),null===(f=(d=n.slots).nodeAppend)||void 0===f?void 0:f.call(d,w(a))]),te(a)])])},handleTreeNodeClick:ee,deepAutoOpen:K,asyncNodeClick:M,setNodeAction:Q,setNodeOpened:$,setSelect:ne,setOpen:Z}};var j=c(8022),V=void 0;const M=(0,o.defineComponent)({name:"Tree",props:v,emits:f,setup:function(e,n){var i=function(e){var n,t=function(e){var n,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=e.data,i=e.children,a=[],c=[],u=0,d=new Map;function f(e,n,t,r){if(null!=e&&d.has(e)&&![s.UUID,s.PARENT_ID].includes(n)){var o=d.get(e);Object.prototype.hasOwnProperty.call(o,n)&&"function"==typeof r&&Reflect.apply(r,self,[o,n,t])&&(Object.assign(o,l({},n,t)),f(o[s.PARENT_ID],n,t,r))}}function v(n){var t=null;return"string"==typeof e.nodeKey&&(t=n[e.nodeKey]||(0,j.v4)()),t||n[s.UUID]||(0,j.v4)()}var y=(l(n={},s.IS_OPEN,(function(){return!!e.expandAll})),l(n,s.IS_CHECKED,(function(){return!1})),l(n,s.IS_MATCH,(function(){return!0})),l(n,s.IS_SELECTED,(function(n){return e.selected===n})),l(n,s.IS_CACHED,(function(){return!1})),l(n,s.IS_ASYNC,(function(){return null})),l(n,s.IS_LOADING,(function(){return!1})),n);function N(e,n,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=o;void 0===o&&"function"==typeof y[t]&&(i=y[t](e,n));var a=p[t];if(Object.prototype.hasOwnProperty.call(n,a))return n[a];var l=(r||[]).find((function(n){return n[s.UUID]===e})),c=void 0;return l&&(c=l[t]),null==c&&(c=i),c}function h(n,t){return!!e.selectable&&N(n,t,s.IS_SELECTED,e.selected===n)}function I(e,n,t){var r,o=N(e,n,s.IS_OPEN),i=!d.has(t)||(null===(r=d.get(t))||void 0===r?void 0:r[s.IS_OPEN]);return o&&i}function E(e){return!e[s.IS_OPEN]}function S(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,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,p=n.length,y=0;y<p;y++){var D=n[y];if(Array.isArray(D))S(D,t,r,o);else if("object"===_(D)&&null!==D){var g,T,m=null!==o?"".concat(o,"-").concat(y):"".concat(y),A="".concat(v(D)),C=!!(D[i]||[]).length,b=N(A,D,s.IS_OPEN);e.autoOpenParentNode?b&&f(r,s.IS_OPEN,!0,E):b=I(A,D,r),Object.assign(D,l({},s.UUID,A));var O=e.showCheckbox&&N(A,D,s.IS_CHECKED);O&&a.push(A),d.set(A,(l(g={},s.DEPTH,t),l(g,s.INDEX,y),l(g,s.UUID,A),l(g,s.PARENT_ID,r),l(g,s.HAS_CHILD,C),l(g,s.PATH,m),l(g,s.IS_ROOT,null===r),l(g,s.ORDER,u),l(g,s.IS_SELECTED,h(A,D)),l(g,s.IS_MATCH,N(A,D,s.IS_MATCH)),l(g,s.IS_OPEN,b),l(g,s.IS_CHECKED,O),l(g,s.IS_CACHED,N(A,D,s.IS_CACHED)),l(g,s.IS_ASYNC,N(A,D,s.IS_ASYNC)),l(g,s.IS_LOADING,N(A,D,s.IS_LOADING)),l(g,i,null),g)),u+=1,c.push(Object.assign(Object.assign({},JSON.parse(JSON.stringify(D,(function(n,t){return n===e.children?null:t})))),(l(T={},s.IS_OPEN,b),l(T,i,null),T))),Object.prototype.hasOwnProperty.call(D,i)&&S(D[i]||[],t+1,A,m)}}}return S(t||o),e.showCheckbox&&(null==a||a.forEach((function(e){Array.from(d.values()).filter((function(n){var t;return null===(t=n[s.PATH])||void 0===t?void 0:t.startsWith(d.get(e)[s.PATH])})).forEach((function(e){return Object.assign(e,l({},s.IS_CHECKED,!0))})),f(e,s.IS_CHECKED,!0,(function(){return!0}))}))),[c,d]},r=t(e),i=new Map,a=[],c=[],u=(0,o.reactive)({data:r[0],schema:r[1],levelLineSchema:{}}),d=(0,o.computed)((function(){return Array.from(u.schema.values())})),f=H(e,u),v=f.asyncNodeClick,y=f.deepAutoOpen,N=function(e,n){(!(arguments.length>2&&void 0!==arguments[2])||arguments[2])&&i.has(e)&&i.delete(e),i.set(e,n)},h=function(e){var n,t=function(e){return"function"==typeof e?{type:"loop",fn:e}:"object"===_(e)&&"string"==typeof e.type&&"function"==typeof e.fn?e:(console.error("loop event error",e),null)}(e);return null!==t&&Reflect.apply(t.fn,V,[]),null!==(n=null==t?void 0:t.type)&&void 0!==n?n:"once"};return(0,o.watch)((function(){return[e.data]}),(function(n){var r,o,a=t(e,n,d.value);u.data=a[0],u.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)&&y(),Array.from(i.keys()).forEach((function(e){var n=i.get(e);if(Array.isArray(n)){var t=[];n.forEach((function(e,n){"once"===h(e)&&t.unshift(n)})),t.length&&t.forEach((function(e){return n.splice(e,1)})),0===n.length&&i.delete(e)}else"once"===h(n)&&i.delete(e)}))}),{deep:!0}),e.selectable&&(0,o.onMounted)((function(){(0,o.watch)((function(){return e.selected}),(function(e){c.length=0,a.forEach((function(n){Reflect.apply(n,V,[e]),c.push((function(){return Reflect.apply(n,V,[e])}))})),N("afterSelectWatch",c)}),{immediate:!0})})),(null===(n=e.async)||void 0===n?void 0:n.callback)&&y(),{flatData:u,schemaValues:d,asyncNodeClick:v,deepAutoOpen:y,afterDataUpdate:function(e){N("afterDataUpdate",e)},registerNextLoop:N,onSelected:function(e){a.push(e)}}}(e),c=i.flatData,u=i.schemaValues,d=i.onSelected,f=i.registerNextLoop,v=S(c,e),y=v.setNodeAttr,h=v.checkNodeIsOpen,I=v.getNodeAttr,E=v.getNodePath,D=v.isRootNode,g=v.isNodeOpened,T=v.isNodeChecked,m=v.isNodeMatched,A=v.hasChildNode,C=function(e){var n,t=(0,o.toRef)(e,"search"),r=null!==(n=e.search)&&void 0!==n?n:{},i=r.openResultNode,a=void 0!==i&&i,l=r.resultType,c=void 0===l?"tree":l,u=function(e){return["string","number","boolean"].includes(_(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,o.computed)((function(){return!1!==t.value&&(u(t.value)?"".concat(t.value).length>0:"object"===_(t.value))}));return{searchFn:function(e,n){if(p)return!0;if(u(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,c="function"==typeof l?l:"fuzzy"===l?d:s;return 0==="".concat(i).length||f(c,[i,e,n])},refSearch:t,isSearchActive:v,isSearchDisabled:p,openResultNode:a,resultType:c,isTreeUI:"tree"===c}}(e),O=C.searchFn,P=C.isSearchActive,U=C.refSearch,x=C.openResultNode,R=C.isTreeUI;C.isSearchDisabled||(0,o.watch)([U],(function(){c.data.forEach((function(n){var t=O(b(n,e),n);y(n,s.IS_MATCH,t),x&&X(n,!0,!0)}))}));var M=(0,o.computed)((function(){return c.data.filter((function(e){return h(e)&&function(e){return!P.value||(I(e,s.IS_MATCH)||!!R&&u.value.some((function(n){var t;return(null===(t=n[s.PATH])||void 0===t?void 0:t.startsWith(E(e)))&&n[s.IS_MATCH]})))}(e)}))})),K=w(e,n,c,0,u,{registerNextLoop:f}),G=K.renderTreeNode,q=K.handleTreeNodeClick,Y=K.setNodeOpened,X=K.setOpen,z=K.setNodeAction,F=K.setSelect,J=K.asyncNodeClick;d((function(n){F(n,!0,e.autoOpenParentNode)})),n.expose({handleTreeNodeClick:q,isNodeChecked:T,isRootNode:D,isNodeOpened:g,isNodeMatched:m,hasChildNode:A,setOpen:X,setChecked:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];z(k(e),s.IS_CHECKED,n)},setNodeAction:z,setNodeOpened:Y,setSelect:F,asyncNodeClick:J,getData:function(){return c}});var B=(0,o.ref)(),W=function(e,n){var t=n.slots;return{renderEmpty:function(n){var r,i;return(0,o.createVNode)(N(),{scene:"part",type:n},{default:function(){return[null!==(i=null===(r=t.default)||void 0===r?void 0:r.call(t))&&void 0!==i?i:e.emptyText]}})}}}(e,n),$=W.renderEmpty;return function(e,n,r,i){var a=S(i,e),c=a.getSourceNodeByUID,u=a.getNodeParentIdById,d=a.getParentNodeData,f=a.getNodeAttr,p=a.getNodePath,v=a.isRootNode,y=(0,o.computed)((function(){return"function"==typeof e.disableDrag})),N=(0,o.computed)((function(){return"function"==typeof e.disableDrop})),_=function(e){return e.target.closest("[data-tree-node]")},h=function(e){var n,t=null===(n=null==e?void 0:e.dataset)||void 0===n?void 0:n.treeNode;return c(t)},I=function e(n){_(n).removeEventListener("mouseup",e)},E=function(n){var t=_(n),r=h(t);!1===r.draggable||y.value&&e.disableDrag(r)?t.classList.add("bk-tree-drag-disabled"):(t.setAttribute("draggable","true"),t.addEventListener("mouseup",I))},D=function(r){r.preventDefault();var o=_(r),i=h(o);if(n.emit(t.NODE_DRAG_OVER,r,o,i),N.value&&(null==e?void 0:e.disableDrop(i)))return r.dataTransfer.effectAllowed="move",r.dataTransfer.dropEffect="none",void o.classList.add("bk-tree-drop-disabled");o.classList.add("bk-tree-drop-active");var a=r.dataTransfer.getData("node-id"),l=o.getAttribute("data-tree-node"),c=m(a,l)?"move":"none";r.dataTransfer.effectAllowed=c,r.dataTransfer.dropEffect=c},g=function(e){e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move";var r=_(e);e.dataTransfer.setData("text/plain",""),e.dataTransfer.setData("node-id",r.getAttribute("data-tree-node")),n.emit(t.NODE_DRAG_START,e,r)},T=function(r){r.preventDefault(),r.stopPropagation();var o=_(r);o.classList.remove("bk-tree-drop-active","bk-tree-drop-disabled");var i=h(o);if(!N.value||!e.disableDrop(i)){var a=r.dataTransfer.getData("node-id"),l=o.getAttribute("data-tree-node");Reflect.apply(e.dragSort?A:C,void 0,[a,l]),n.emit(t.NODE_DROP,r,o,i)}},m=function(e,n){var t=p(l({},s.UUID,e)),r=p(l({},s.UUID,n));return u(e)===u(n)||-1===t.indexOf(r)&&-1===r.indexOf(t)},A=function(n,t){if(m(n,t)){var r=JSON.parse(JSON.stringify(c(n))),o=JSON.parse(JSON.stringify(c(t))),i=d(n),a=d(t),u=f(l({},s.UUID,n),s.INDEX),p=f(l({},s.UUID,t),s.INDEX);null==i||i[e.children].splice(u,1,o),null==a||a[e.children].splice(p,1,r)}},C=function(n,t){var r=c(n),o=c(t),i=null;if(v(l({},s.UUID,n)))i=e.data;else{var a=u(n);if(null!=a){i=c(a);var d=f(l({},s.UUID,n),s.INDEX);null==i||i[e.children].splice(d,1)}}o[e.children]||(o[e.children]=[]),o[e.children].unshift(r)},b=function(e){e.preventDefault();var r=_(e);r.classList.remove("bk-tree-drop-active","bk-tree-drop-disabled"),n.emit(t.NODE_DRAG_LEAVE,e,r)};(0,o.onMounted)((function(){if(e.draggable&&r.value){var n=r.value.$el;n.addEventListener("mousedown",E),n.addEventListener("dragstart",g),n.addEventListener("dragover",D),n.addEventListener("dragleave",b),n.addEventListener("drop",T)}})),(0,o.onUnmounted)((function(){if(e.draggable&&r.value){var n=r.value.$el;n.removeEventListener("mousedown",E),n.removeEventListener("dragstart",g),n.removeEventListener("dragover",D),n.removeEventListener("dragleave",b),n.removeEventListener("drop",T)}}))}(e,n,B,c),function(){return(0,o.createVNode)(a(),{class:(0,r.resolveClassName)("tree"),style:L(null,e),list:M.value,lineHeight:e.lineHeight,enabled:e.virtualRender,contentClassName:(0,r.resolveClassName)("container"),throttleDelay:0,ref:B},{default:function(e){return function(e){if(e.length)return e.map(G);var n=P.value?"search-empty":"empty";return $(n)}(e.data||[])}})}}}),K=(0,r.withInstall)(M)})(),u})()));

package/lib/tree/props.d.ts

@@ -19,6 +19,15 @@ export declare const treeProps: {
      * 指定节点标签为节点对象的某个属性值
      */
     label: import("vue-types").VueTypeDef<any>;
+    /**
+     * 每个树节点用来作为唯一标识的属性，此标识应该是唯一的
+     * 如果设置系统会默认自动生成唯一id
+     */
+    nodeKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     /**
      * 子节点 Key, 用于读取子节点
      * 默认 children
@@ -80,10 +89,125 @@ export declare const treeProps: {
     } & {
         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;
+    };
+    disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    /**
+     * 节点拖拽时可交换位置（开启拖拽可交换位置后将不支持改变层级）
+     */
+    dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 节点是否可以选中
+     */
+    selectable: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    disabledFolderSelectable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否支持多选
+     */
+    showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否显示节点类型Icon
+     */
+    showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 默认选中的节点id，selectable为false时无效
+     */
+    selected: import("vue-types").VueTypeDef<string | number | {
+        [key: string]: any;
+    }> & {
+        default: string | number | (() => {
+            [key: string]: any;
+        });
+    };
+    /**
+     * 是否自动检查当前节点是否有子节点
+     * 节点前面的展开收起Icon会根据判定值做改变
+     * 如果需要自已控制，请设置为false
+     */
+    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 如果设置了某一个叶子节点状态为展开，是否自动展开所有父级节点
+     * 默认为true，如果设置为false，则每层状态需要自己控制
+     */
+    autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 默认是否展开所有节点
+     */
+    expandAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 节点内容点击行为
+     * 此处配置每个节点除了展开\收起箭头之外的内容块时的行为
+     * 默认为 ['selected', 'expand', 'click']，点击内容块为选中当前节点
+     */
+    nodeContentAction: 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 {};