vxe-pc-ui 3.7.4 → 3.7.6

package/lib/tree/src/tree.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="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)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}function handleSetExpand(e,t,n){t?n[e]||(n[e]=!0):n[e]&&delete n[e]}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTree",mixins:[_ui.globalMixins.sizeMixin],props:{data:Array,height:[String,Number],minHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tree.minHeight}},loading:Boolean,loadingConfig:Object,accordion:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.accordion}},childrenField:{type:String,default:function(){return(0,_ui.getConfig)().tree.childrenField}},valueField:{type:String,default:function(){return(0,_ui.getConfig)().tree.valueField}},keyField:{type:String,default:function(){return(0,_ui.getConfig)().tree.keyField}},parentField:{type:String,default:function(){return(0,_ui.getConfig)().tree.parentField}},titleField:{type:String,default:function(){return(0,_ui.getConfig)().tree.titleField}},hasChildField:{type:String,default:function(){return(0,_ui.getConfig)().tree.hasChildField}},mapChildrenField:{type:String,default:function(){return(0,_ui.getConfig)().tree.mapChildrenField}},transform:Boolean,isCurrent:Boolean,isHover:Boolean,expandAll:Boolean,showLine:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showLine}},trigger:String,indent:{type:Number,default:function(){return(0,_ui.getConfig)().tree.indent}},showRadio:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showRadio}},checkNodeKey:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tree.checkNodeKey}},radioConfig:Object,showCheckbox:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showCheckbox}},checkNodeKeys:{type:Array,default:function(){return(0,_ui.getConfig)().tree.checkNodeKeys}},checkboxConfig:Object,nodeConfig:Object,lazy:Boolean,toggleMethod:Function,loadMethod:Function,showIcon:{type:Boolean,default:!0},iconOpen:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconOpen}},iconClose:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconClose}},iconLoaded:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconLoaded}},size:{type:String,default:function(){return(0,_ui.getConfig)().tree.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{currentNode:null,selectRadioKey:null,treeList:[],updateExpandedFlag:1,updateCheckboxFlag:1},internalData:{nodeMaps:{},selectCheckboxMaps:{},indeterminateRowMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{}}}},computed:Object.assign(Object.assign({},{}),{computeTitleField:function(){return this.titleField||"title"},computeKeyField:function(){return this.keyField||"id"},computeValueField:function(){var e=this.computeKeyField;return this.valueField||e},computeParentField:function(){return this.parentField||"parentId"},computeChildrenField:function(){return this.childrenField||"children"},computeMapChildrenField:function(){return this.mapChildrenField||"mapChildren"},computeHasChildField:function(){return this.hasChildField||"hasChild"},computeIsRowCurrent:function(){var e=this.computeNodeOpts.isCurrent;return _xeUtils.default.isBoolean(e)?e:this.isCurrent},computeIsRowHover:function(){var e=this.computeNodeOpts.isHover;return _xeUtils.default.isBoolean(e)?e:this.isHover},computeRadioOpts:function(){return Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.radioConfig,this.radioConfig)},computeCheckboxOpts:function(){return Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.checkboxConfig,this.checkboxConfig)},computeNodeOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.nodeConfig,this.nodeConfig)},computeLoadingOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.loadingConfig,this.loadingConfig)},computeTreeStyle:function(){var e=this.height,t=this.minHeight,n={};return e&&(n.height=(0,_dom.toCssUnit)(e)),t&&(n.minHeight=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$tree:this},t))},clearCurrentNode:function(){return this.reactData.currentNode=null,this.$nextTick()},getCurrentNodeId:function(){var e=this.reactData.currentNode;return e?this.getNodeId(e):null},getCurrentNode:function(){var e=this.reactData,t=this.internalData,e=e.currentNode,t=t.nodeMaps;if(e){t=t[this.getNodeId(e)];if(t)return t.item}return null},setCurrentNodeId:function(e){var t=this.reactData,e=this.internalData.nodeMaps[e];return t.currentNode=e?e.item:null,this.$nextTick()},setCurrentNode:function(e){return this.reactData.currentNode=e,this.$nextTick()},clearRadioNode:function(){return this.reactData.selectRadioKey=null,this.$nextTick()},getCheckboxNodeIds:function(){var e=this.internalData.selectCheckboxMaps;return Object.keys(e)},getCheckboxNodes:function(){var e=this.internalData,n=e.nodeMaps,i=[];return _xeUtils.default.each(e.selectCheckboxMaps,function(e,t){t=n[t];t&&i.push(t.item)}),i},clearCheckboxNode:function(){var e=this.reactData;return this.internalData.selectCheckboxMaps={},e.updateCheckboxFlag++,this.$nextTick()},setAllCheckboxNode:function(e){var t=this,n=t.reactData,i=t.internalData,a=t.transform,o={};return e&&_xeUtils.default.eachTree(n.treeList,function(e){e=t.getNodeId(e);o[e]=!0},{children:a?t.computeMapChildrenField:t.computeChildrenField}),i.selectCheckboxMaps=o,n.updateCheckboxFlag++,t.$nextTick()},clearExpandNode:function(){return this.clearAllExpandNode()},clearAllExpandNode:function(){var e=this.reactData,t=this.internalData,n=t.nodeMaps;return _xeUtils.default.each(n,function(e){e.treeLoaded=!1}),t.treeExpandedMaps={},e.updateExpandedFlag++,this.$nextTick()},setExpandByNodeId:function(e,t){var n=this.reactData,i=this.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(e,t,i)}),n.updateExpandedFlag++),this.$nextTick()},getExpandNodeIds:function(){var e=this.internalData.treeExpandedMaps;return _xeUtils.default.keys(e)},getExpandNodes:function(){var e=this.internalData,n=e.nodeMaps,i=[];return _xeUtils.default.each(e.treeExpandedMaps,function(e,t){t=n[t];t&&i.push(t.item)}),i},setExpandNode:function(e,t){var n=this,i=n.reactData,a=n.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(n.getNodeId(e),t,a)}),i.updateExpandedFlag++),n.$nextTick()},toggleExpandByNodeId:function(e){var t=this.reactData,n=this.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(e,!n[e],n)}),t.updateExpandedFlag++),this.$nextTick()},toggleExpandNode:function(e){var t=this,n=t.reactData,i=t.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=t.getNodeId(e);handleSetExpand(e,!i[e],i)}),n.updateExpandedFlag++),t.$nextTick()},setAllExpandNode:function(e){var n=this,t=n.reactData,i=n.internalData,a=n.transform,o=i.treeExpandedMaps,d=n.computeChildrenField;return e?_xeUtils.default.eachTree(t.treeList,function(e){var t=_xeUtils.default.get(e,d);t&&t.length&&(t=n.getNodeId(e),o[t]=!0)},{children:a?n.computeMapChildrenField:d}):i.treeExpandedMaps={},t.updateExpandedFlag++,n.$nextTick()},reloadExpandNode:function(e){return this.lazy?(this.clearExpandLoaded(e),this.handleAsyncTreeExpandChilds(e)):this.$nextTick()},clearExpandLoaded:function(e){var t=this.internalData,n=this.lazy,t=t.nodeMaps;return n&&(n=t[this.getNodeId(e)])&&(n.treeLoaded=!1),this.$nextTick()},loadChildrenNode:function(d,e){var t,r,c,u,l=this,n=l.internalData,i=l.lazy,a=l.transform,s=n.nodeMaps;return i?(t=l.computeChildrenField,r=s[l.getNodeId(d)],c=r?r.level:0,u=r?r.nodes:[],l.createNode(e).then(function(e){return _xeUtils.default.eachTree(e,function(e,t,n,i,a,o){e=l.getNodeId(e);s[e]={item:d,itemIndex:-1,items:n,parent:a||r.item,nodes:u.concat(o),level:c+o.length,lineCount:0,treeLoaded:!1}},{children:t}),d[t]=e,a&&(d[t]=e),l.updateNodeLine(d),e})):Promise.resolve([])},getNodeId:function(e){var t=this.computeValueField,e=_xeUtils.default.get(e,t);return _xeUtils.default.eqNull(e)?"":encodeURIComponent(e)},isExpandByNode:function(e){var t=this.reactData,n=this.internalData,t=t.updateExpandedFlag,n=n.treeExpandedMaps,e=this.getNodeId(e);return!(!t||!n[e])},isCheckedByRadioNodeId:function(e){return this.reactData.selectRadioKey===e},isCheckedByRadioNode:function(e){return this.isCheckedByRadioNodeId(this.getNodeId(e))},isCheckedByCheckboxNodeId:function(e){var t=this.reactData,n=this.internalData,t=t.updateCheckboxFlag,n=n.selectCheckboxMaps;return!(!t||!n[e])},isCheckedByCheckboxNode:function(e){return this.isCheckedByCheckboxNodeId(this.getNodeId(e))},isIndeterminateByCheckboxNodeid:function(e){var t=this.reactData,n=this.internalData,t=t.updateCheckboxFlag,n=n.indeterminateRowMaps;return!(!t||!n[e])},isIndeterminateByCheckboxNode:function(e){return this.isIndeterminateByCheckboxNodeid(this.getNodeId(e))},getCheckboxIndeterminateNodes:function(){var e=this.internalData,n=e.nodeMaps,i=[];return _xeUtils.default.each(e.indeterminateRowMaps,function(e,t){t=n[t];t&&i.push(t.item)}),i},emitCheckboxMode:function(e){this.$emit("update:checkNodeKeys",e)},emitRadioMode:function(e){this.$emit("update:checkNodeKey",e)},getRadioNodeId:function(){return this.reactData.selectRadioKey||null},setRadioNodeId:function(e){return this.reactData.selectRadioKey=e,this.$nextTick()},getRadioNode:function(){var e=this.reactData,t=this.internalData,e=e.selectRadioKey,t=t.nodeMaps;if(e){t=t[e];if(t)return t.item}return null},setRadioNode:function(e){var t=this.reactData;return e&&(t.selectRadioKey=this.getNodeId(e)),this.$nextTick()},setCheckboxNode:function(e,t){return e&&(_xeUtils.default.isArray(e)||(e=[e]),this.handleCheckedCheckboxNode(e,t)),this.$nextTick()},setCheckboxByNodeId:function(e,t){var n,i=this.internalData.nodeMaps;return e&&(_xeUtils.default.isArray(e)||(e=[e]),n=[],e.forEach(function(e){e=i[e];e&&n.push(e.item)}),this.handleCheckedCheckboxNode(n,t)),this.$nextTick()},handleCheckedCheckboxNode:function(e,n){function t(e){var t=i.getNodeId(e);n?d[t]||(d[t]=e):d[t]&&delete d[t]}var i=this,a=i.reactData,o=i.transform,d=i.internalData.selectCheckboxMaps,r=i.computeMapChildrenField,c=i.computeChildrenField;i.computeCheckboxOpts.checkStrictly?e.forEach(t):_xeUtils.default.eachTree(e,t,{children:o?r:c}),a.updateCheckboxFlag++,i.updateCheckboxStatus()},updateCheckboxChecked:function(e){this.setCheckboxByNodeId(e,!0)},createNode:function(e){var n=this,i=n.computeValueField;return Promise.resolve(e.map(function(e){var t,e=Object.assign({},e);return n.getNodeId(e)||(t=getNodeUniqueId(),_xeUtils.default.set(e,i,t)),e}))},cacheNodeMap:function(){var r=this,e=r.reactData,t=r.internalData,n=r.transform,e=e.treeList,c=r.computeValueField,u={};_xeUtils.default.eachTree(e,function(e,t,n,i,a,o){var d=r.getNodeId(e);d||(d=getNodeUniqueId(),_xeUtils.default.set(e,c,d)),u[d]={item:e,itemIndex:t,items:n,parent:a,nodes:o,level:o.length,lineCount:0,treeLoaded:!1}},{children:n?r.computeMapChildrenField:r.computeChildrenField}),t.nodeMaps=u},loadTreeData:function(e){var t=this,n=t,i=t.reactData,a=t.internalData,o=n.expandAll,d=a.initialized;i.treeList=n.transform?_xeUtils.default.toArrayTree(e,{key:t.computeKeyField,parentKey:t.computeParentField,mapChildren:t.computeMapChildrenField}):e?e.slice(0):[],t.cacheNodeMap(),d||e&&e.length&&(a.initialized=!0,o&&t.setAllExpandNode(!0),t.setCheckboxByNodeId(n.checkNodeKeys||[],!0))},handleCountLine:function(e,i,a){var o=this,t=o.internalData.treeExpandedMaps,n=o.computeChildrenField,d=o.getNodeId(e);a.lineCount++,t[d]&&_xeUtils.default.arrayEach(e[n],function(e,t,n){(!i||t<n.length-1)&&o.handleCountLine(e,!1,a)})},updateNodeLine:function(e){var n=this,i=n.internalData.nodeMaps;e&&(e=n.getNodeId(e),e=i[e])&&_xeUtils.default.lastArrayEach(e.nodes,function(e){var t=n.getNodeId(e),t=i[t];t&&(t.lineCount=0,n.handleCountLine(e,!0,t))})},handleNodeClickEvent:function(e,t){var n=this,i=n.reactData,a=n.showRadio,o=n.showCheckbox,d=n.trigger,r=n.computeRadioOpts,c=n.computeCheckboxOpts,u=!1,l=!1,s=!1,h=!1;n.computeIsRowCurrent?(u=!0,n.changeCurrentEvent(e,t)):i.currentNode&&(i.currentNode=null),"node"===d&&(h=!0,n.toggleExpandEvent(e,t)),a&&"node"===r.trigger&&(l=!0,n.changeRadioEvent(e,t)),o&&"node"===c.trigger&&(s=!0,n.changeCheckboxEvent(e,t)),n.dispatchEvent("node-click",{node:t,triggerCurrent:u,triggerRadio:l,triggerCheckbox:s,triggerExpand:h},e)},handleNodeDblclickEvent:function(e,t){this.dispatchEvent("node-dblclick",{node:t},e)},handleAsyncTreeExpandChilds:function(o){var d=this,r=d.reactData,c=d.internalData,n=d.loadMethod,u=d.computeCheckboxOpts.checkStrictly;return new Promise(function(e){var t,i,a;n?(t=c.nodeMaps,i=d.getNodeId(o),a=t[i],c.treeExpandLazyLoadedMaps[i]=!0,Promise.resolve(n({$tree:d,node:o})).then(function(n){var e=c.treeExpandLazyLoadedMaps;if(a.treeLoaded=!0,e[i]&&(e[i]=!1),n=_xeUtils.default.isArray(n)?n:[])return d.loadChildrenNode(o,n).then(function(e){var t=c.treeExpandedMaps;return e.length&&!t[i]&&(t[i]=!0),r.updateExpandedFlag++,!u&&d.isCheckedByCheckboxNodeId(i)&&d.handleCheckedCheckboxNode(e,!0),d.updateNodeLine(o),d.dispatchEvent("load-success",{node:o,data:n},new Event("load-success")),d.$nextTick()});d.updateNodeLine(o),d.dispatchEvent("load-success",{node:o,data:n},new Event("load-success"))}).catch(function(e){var t=c.treeExpandLazyLoadedMaps;a.treeLoaded=!1,t[i]&&(t[i]=!1),d.updateNodeLine(o),d.dispatchEvent("load-error",{node:o,data:e},new Event("load-error"))}).finally(function(){return d.$nextTick()})):e()})},handleBaseTreeExpand:function(e,t){var i=this,n=i.reactData,a=i.internalData,o=i.lazy,d=i.accordion,r=i.toggleMethod,c=a.treeExpandLazyLoadedMaps,u=a.treeExpandedMaps,l=a.nodeMaps,s=i.computeChildrenField,h=i.computeHasChildField,p=[],a=r?e.filter(function(e){return r({$tree:i,expanded:t,node:e})}):e,f=(d&&(a=a.length?[a[a.length-1]]:[],e=i.getNodeId(a[0]),d=l[e])&&d.items.forEach(function(e){e=i.getNodeId(e);u[e]&&delete u[e]}),[]);return t?a.forEach(function(e){var t,n=i.getNodeId(e);u[n]||(t=l[n],o&&e[h]&&!t.treeLoaded&&!c[n]?p.push(i.handleAsyncTreeExpandChilds(e)):e[s]&&e[s].length&&(u[n]=!0,f.push(e)))}):a.forEach(function(e){var t=i.getNodeId(e);u[t]&&(delete u[t],f.push(e))}),n.updateExpandedFlag++,f.forEach(i.updateNodeLine),Promise.all(p)},toggleExpandEvent:function(e,t){var n=this.internalData,i=this.lazy,a=n.treeExpandedMaps,n=n.treeExpandLazyLoadedMaps,o=this.getNodeId(t),a=!a[o];e.stopPropagation(),i&&n[o]||this.handleBaseTreeExpand([t],a)},updateCheckboxStatus:function(){var i,a,r=this,e=r.reactData,t=r.internalData,n=r.transform,o=e.treeList,c=t.selectCheckboxMaps,u=t.indeterminateRowMaps,d=r.computeChildrenField,t=r.computeCheckboxOpts,l=t.checkStrictly,s=t.checkMethod;l||(i={},a=[],_xeUtils.default.eachTree(o,function(e){var t=r.getNodeId(e),n=e[d];n&&n.length&&!i[t]&&(i[t]=1,a.unshift([e,t,n]))},{children:n?r.computeMapChildrenField:d}),a.forEach(function(e){var t=e[0],n=e[1],i=0,a=0,o=0,e=(e[2].forEach(s?function(e){var t=r.getNodeId(e),n=c[t];s({node:e})?(n?i++:u[t]&&a++,o++):n?i++:u[t]&&a++}:function(e){e=r.getNodeId(e);c[e]?i++:u[e]&&a++,o++}),o<=i),d=!e&&(1<=i||1<=a);e?(c[n]=t,u[n]&&delete u[n]):(c[n]&&delete c[n],d?u[n]=t:u[n]&&delete u[n])}),e.updateCheckboxFlag++)},changeCheckboxEvent:function(e,t){var n,i=this,a=i,o=i.reactData,d=i.internalData,a=(e.preventDefault(),e.stopPropagation(),a.transform),r=d.selectCheckboxMaps,d=i.computeChildrenField,c=i.computeMapChildrenField,u=i.computeCheckboxOpts,l=u.checkStrictly,u=u.checkMethod,s=!!u;(s=u?!u({node:t}):s)||(u=i.getNodeId(t),n=!1,r[u]?delete r[u]:(n=!0,r[u]=t),l||_xeUtils.default.eachTree(_xeUtils.default.get(t,d),function(e){e=i.getNodeId(e);n?r[e]||(r[e]=!0):r[e]&&delete r[e]},{children:a?c:d}),o.updateCheckboxFlag++,i.updateCheckboxStatus(),s=_xeUtils.default.keys(r),i.emitCheckboxMode(s),i.dispatchEvent("checkbox-change",{node:t,value:s,checked:n},e))},changeCurrentEvent:function(e,t){var n=this.reactData,i=(e.preventDefault(),this.computeNodeOpts),a=i.currentMethod,i=i.trigger,o=this.computeChildrenField,o=_xeUtils.default.get(t,o),o=o&&o.length,d=!!a;if("child"===i){if(o)return}else if("parent"===i&&!o)return;(d=a?!a({node:t}):d)||(n.currentNode=t,this.dispatchEvent("current-change",{node:t,checked:!0},e))},changeRadioEvent:function(e,t){var n=this,i=n.reactData;e.preventDefault(),e.stopPropagation();var a=n.computeRadioOpts.checkMethod,o=!!a;(o=a?!a({node:t}):o)||(a=n.getNodeId(t),i.selectRadioKey=a,n.emitRadioMode(a),n.dispatchEvent("radio-change",{node:t,value:a,checked:!0},e))},renderRadio:function(e,t,n,i){var a=this,o=a.showRadio,d=a.computeRadioOpts,r=d.showIcon,c=d.checkMethod,d=d.visibleMethod,d=!d||d({node:t}),u=!!c;return o&&r&&d?e("div",{class:["vxe-tree--radio-option",{"is--checked":i,"is--disabled":u=c?!c({node:t}):u}],on:{click:function(e){u||a.changeRadioEvent(e,t)}}},[e("span",{class:["vxe-radio--icon",i?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)(a)},renderCheckbox:function(e,t,n,i){var a=this,o=a.showCheckbox,d=a.computeCheckboxOpts,r=d.showIcon,c=d.checkMethod,d=d.visibleMethod,n=a.isIndeterminateByCheckboxNodeid(n),d=!d||d({node:t}),u=!!c;return o&&r&&d?e("div",{class:["vxe-tree--checkbox-option",{"is--checked":i,"is--indeterminate":n,"is--disabled":u=c?!c({node:t}):u}],on:{click:function(e){u||a.changeCheckboxEvent(e,t)}}},[e("span",{class:["vxe-checkbox--icon",n?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:i?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]):(0,_ui.renderEmptyElement)(a)},renderNode:function(t,n){var i=this,e=i.$scopedSlots,a=i.reactData,o=i.internalData,d=i.lazy,r=i.showRadio,c=i.showCheckbox,u=i.showLine,l=i.indent,s=i.iconOpen,h=i.iconClose,p=i.iconLoaded,f=i.showIcon,g=a.currentNode,x=a.selectRadioKey,a=a.updateExpandedFlag,C=o.nodeMaps,m=o.treeExpandedMaps,o=o.treeExpandLazyLoadedMaps,v=i.computeTitleField,k=i.computeHasChildField,y=_xeUtils.default.get(n,i.computeChildrenField),N=y&&y.length,E=e.icon,_=e.title,e=e.extra,b=i.getNodeId(n),a=a&&m[b],C=C[b],v=_xeUtils.default.get(n,v),D=!1,r=(r&&(D=b==x),!1),x=(c&&(r=i.isCheckedByCheckboxNodeId(b)),!1),c=!1,I=!1,M=(d&&(c=!!o[b],x=n[k],I=!!C.treeLoaded),[]);return N&&m[b]&&(u&&M.push(t("div",{key:"line",class:"vxe-tree--node-child-line",style:{height:"calc(".concat(C.lineCount," * var(--vxe-ui-tree-node-height) - var(--vxe-ui-tree-node-height) / 2)"),left:"".concat((C.level+1)*(l||1),"px")}})),y.forEach(function(e){M.push(i.renderNode(t,e))})),t("div",{class:["vxe-tree--node-wrapper","node--level-".concat(C.level)],attrs:{nodeid:b}},[t("div",{class:["vxe-tree--node-item",{"is--current":g&&b===i.getNodeId(g),"is-radio--checked":D,"is-checkbox--checked":r}],style:{paddingLeft:"".concat((C.level-1)*(l||1),"px")},on:{click:function(e){i.handleNodeClickEvent(e,n)},dblclick:function(e){i.handleNodeDblclickEvent(e,n)}}},[f||u?t("div",{class:"vxe-tree--node-item-switcher"},f&&(!d||I?N:x)?[t("div",{class:"vxe-tree--node-item-icon",on:{click:function(e){i.toggleExpandEvent(e,n)}}},E?E({node:n,isExpand:a}):[t("i",{class:c?p||(0,_ui.getIcon)().TREE_NODE_LOADED:a?s||(0,_ui.getIcon)().TREE_NODE_OPEN:h||(0,_ui.getIcon)().TREE_NODE_CLOSE})])]:[]):(0,_ui.renderEmptyElement)(i),i.renderRadio(t,n,b,D),i.renderCheckbox(t,n,b,r),t("div",{class:"vxe-tree--node-item-inner"},[t("div",{class:"vxe-tree--node-item-title"},_?(0,_vn.getSlotVNs)(_({node:n,isExpand:a})):"".concat(v)),e?t("div",{class:"vxe-tree--node-item-extra"},(0,_vn.getSlotVNs)(e({node:n,isExpand:a}))):(0,_ui.renderEmptyElement)(i)])]),N&&m[b]?t("div",{class:"vxe-tree--node-child-wrapper"},M):(0,_ui.renderEmptyElement)(i)])},renderNodeList:function(t){var n=this,e=n.reactData.treeList;return t("div",{class:"vxe-tree--node-list-wrapper"},e.map(function(e){return n.renderNode(t,e)}))},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.loading,a=t.trigger,o=t.showLine,d=t.computeSize,r=t.computeRadioOpts,c=t.computeCheckboxOpts,u=t.computeTreeStyle,l=t.computeLoadingOpts,s=t.computeIsRowHover,h=n.loading;return e("div",{ref:"refElem",class:["vxe-tree",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(d),d),"show--line",o),"checkbox--highlight",c.highlight),"radio--highlight",r.highlight),"node--hover",s),"node--trigger","node"===a),"is--loading",i)],style:u},[t.renderNodeList(e),e(_loading.default,{class:"vxe-tree--loading",props:{value:i,icon:l.icon,text:l.text},scopedSlots:h?{default:function(){return h({$tree:t})}}:{}})])}},watch:{data:function(e){this.loadTreeData(e||[])},checkNodeKey:function(e){this.reactData.selectRadioKey=e},checkNodeKeys:function(){this.updateCheckboxChecked(this.checkNodeKeys||[])}},created:function(){this.reactData.selectRadioKey=this.checkNodeKey||null,this.loadTreeData(this.data||[])},beforeDestroy:function(){var e=this.reactData,t=this.internalData;e.treeList=[],t.treeExpandedMaps={},t.indeterminateRowMaps={},t.nodeMaps={}},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="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)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_log=require("../../ui/src/log"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}function handleSetExpand(e,t,n){t?n[e]||(n[e]=!0):n[e]&&delete n[e]}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTree",mixins:[_ui.globalMixins.sizeMixin],props:{data:Array,autoResize:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.autoResize}},height:[String,Number],maxHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tree.maxHeight}},minHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tree.minHeight}},loading:Boolean,loadingConfig:Object,accordion:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.accordion}},childrenField:{type:String,default:function(){return(0,_ui.getConfig)().tree.childrenField}},valueField:{type:String,default:function(){return(0,_ui.getConfig)().tree.valueField}},keyField:{type:String,default:function(){return(0,_ui.getConfig)().tree.keyField}},parentField:{type:String,default:function(){return(0,_ui.getConfig)().tree.parentField}},titleField:{type:String,default:function(){return(0,_ui.getConfig)().tree.titleField}},hasChildField:{type:String,default:function(){return(0,_ui.getConfig)().tree.hasChildField}},mapChildrenField:{type:String,default:function(){return(0,_ui.getConfig)().tree.mapChildrenField}},transform:Boolean,isCurrent:Boolean,isHover:Boolean,expandAll:Boolean,showLine:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showLine}},trigger:String,indent:{type:Number,default:function(){return(0,_ui.getConfig)().tree.indent}},showRadio:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showRadio}},checkNodeKey:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tree.checkNodeKey}},radioConfig:Object,showCheckbox:{type:Boolean,default:function(){return(0,_ui.getConfig)().tree.showCheckbox}},checkNodeKeys:{type:Array,default:function(){return(0,_ui.getConfig)().tree.checkNodeKeys}},checkboxConfig:Object,nodeConfig:Object,lazy:Boolean,toggleMethod:Function,loadMethod:Function,showIcon:{type:Boolean,default:!0},iconOpen:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconOpen}},iconClose:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconClose}},iconLoaded:{type:String,default:function(){return(0,_ui.getConfig)().tree.iconLoaded}},filterValue:[String,Number],filterConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().tree.size||(0,_ui.getConfig)().size}},virtualYConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{parentHeight:0,customHeight:0,customMinHeight:0,customMaxHeight:0,currentNode:null,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,selectRadioKey:null,treeList:[],updateExpandedFlag:1,updateCheckboxFlag:1},internalData:{treeFullData:[],afterTreeList:[],afterVisibleList:[],nodeMaps:{},selectCheckboxMaps:{},indeterminateRowMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0}}},computed:Object.assign(Object.assign({},{}),{computeTitleField:function(){return this.titleField||"title"},computeKeyField:function(){return this.keyField||"id"},computeValueField:function(){var e=this.computeKeyField;return this.valueField||e},computeParentField:function(){return this.parentField||"parentId"},computeChildrenField:function(){return this.childrenField||"children"},computeMapChildrenField:function(){return this.mapChildrenField||"mapChildren"},computeHasChildField:function(){return this.hasChildField||"hasChild"},computeVirtualYOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.virtualYConfig,this.virtualYConfig)},computeIsRowCurrent:function(){var e=this.computeNodeOpts.isCurrent;return _xeUtils.default.isBoolean(e)?e:this.isCurrent},computeIsRowHover:function(){var e=this.computeNodeOpts.isHover;return _xeUtils.default.isBoolean(e)?e:this.isHover},computeRadioOpts:function(){return Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.radioConfig,this.radioConfig)},computeCheckboxOpts:function(){return Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.checkboxConfig,this.checkboxConfig)},computeNodeOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.nodeConfig,this.nodeConfig)},computeLoadingOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.loadingConfig,this.loadingConfig)},computeTreeStyle:function(){var e=this.reactData,t=e.customHeight,n=e.customMinHeight,e=e.customMaxHeight,a={};return t&&(a.height=(0,_dom.toCssUnit)(t)),n&&(a.minHeight=(0,_dom.toCssUnit)(n)),e&&(a.maxHeight=(0,_dom.toCssUnit)(e)),a},computeFilterOpts:function(){return Object.assign({},(0,_ui.getConfig)().tree.filterConfig,this.filterConfig)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$tree:this},t))},getNodeId:function(e){var t=this.computeValueField,e=_xeUtils.default.get(e,t);return _xeUtils.default.eqNull(e)?"":encodeURIComponent(e)},isExpandByNode:function(e){var t=this.reactData,n=this.internalData,t=t.updateExpandedFlag,n=n.treeExpandedMaps,e=this.getNodeId(e);return!(!t||!n[e])},isCheckedByRadioNodeId:function(e){return this.reactData.selectRadioKey===e},isCheckedByRadioNode:function(e){return this.isCheckedByRadioNodeId(this.getNodeId(e))},isCheckedByCheckboxNodeId:function(e){var t=this.reactData,n=this.internalData,t=t.updateCheckboxFlag,n=n.selectCheckboxMaps;return!(!t||!n[e])},isCheckedByCheckboxNode:function(e){return this.isCheckedByCheckboxNodeId(this.getNodeId(e))},isIndeterminateByCheckboxNodeid:function(e){var t=this.reactData,n=this.internalData,t=t.updateCheckboxFlag,n=n.indeterminateRowMaps;return!(!t||!n[e])},isIndeterminateByCheckboxNode:function(e){return this.isIndeterminateByCheckboxNodeid(this.getNodeId(e))},emitCheckboxMode:function(e){this.$emit("update:checkNodeKeys",e)},emitRadioMode:function(e){this.$emit("update:checkNodeKey",e)},setRadioNode:function(e){var t=this.reactData;return e&&(t.selectRadioKey=this.getNodeId(e)),this.$nextTick()},setCheckboxNode:function(e,t){return e&&(_xeUtils.default.isArray(e)||(e=[e]),this.handleCheckedCheckboxNode(e,t)),this.$nextTick()},setCheckboxByNodeId:function(e,t){var n,a=this.internalData.nodeMaps;return e&&(_xeUtils.default.isArray(e)||(e=[e]),n=[],e.forEach(function(e){e=a[e];e&&n.push(e.item)}),this.handleCheckedCheckboxNode(n,t)),this.$nextTick()},handleCheckedCheckboxNode:function(e,n){function t(e){var t=a.getNodeId(e);n?o[t]||(o[t]=e):o[t]&&delete o[t]}var a=this,r=a.reactData,i=a.transform,o=a.internalData.selectCheckboxMaps,d=a.computeMapChildrenField,l=a.computeChildrenField;a.computeCheckboxOpts.checkStrictly?e.forEach(t):_xeUtils.default.eachTree(e,t,{children:i?d:l}),r.updateCheckboxFlag++,a.updateCheckboxStatus()},updateCheckboxChecked:function(e){this.setCheckboxByNodeId(e,!0)},handleSetExpand:function(e,t,n){t?n[e]||(n[e]=!0):n[e]&&delete n[e]},getParentElem:function(){var e=this.$refs.refElem;return e?e.parentElement:null},calcTableHeight:function(e){var t=this.reactData.parentHeight,e=this[e],n=0;return n=e?"100%"===e||"auto"===e?t:(n=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,n)):n},updateHeight:function(){var e=this.reactData;e.customHeight=this.calcTableHeight("height"),e.customMinHeight=this.calcTableHeight("minHeight"),e.customMaxHeight=this.calcTableHeight("maxHeight"),!e.scrollYLoad||e.customHeight||e.customMinHeight||(e.customHeight=300)},createNode:function(e){var n=this,a=n.computeValueField;return Promise.resolve(e.map(function(e){var t,e=Object.assign({},e);return n.getNodeId(e)||(t=getNodeUniqueId(),_xeUtils.default.set(e,a,t)),e}))},cacheNodeMap:function(){var d=this,e=d.internalData,t=e.treeFullData,l=d.computeValueField,c={};_xeUtils.default.eachTree(t,function(e,t,n,a,r,i){var o=d.getNodeId(e);o||(o=getNodeUniqueId(),_xeUtils.default.set(e,l,o)),c[o]={item:e,index:t,items:n,parent:r,nodes:i,level:i.length,treeIndex:t,lineCount:0,treeLoaded:!1}},{children:d.computeChildrenField}),e.nodeMaps=c},updateAfterDataIndex:function(){var i=this,e=i.internalData,t=i.transform,n=e.afterTreeList,o=e.nodeMaps;_xeUtils.default.eachTree(n,function(e,t,n){var a=i.getNodeId(e),r=o[a];r?(r.items=n,r.treeIndex=t):(r={item:e,index:t,items:n,parent:parent,nodes:[],level:0,treeIndex:t,lineCount:0,treeLoaded:!1},o[a]=r)},{children:t?i.computeMapChildrenField:i.computeChildrenField})},updateAfterFullData:function(){var e,t,n=this,a=n.internalData,r=n.transform,i=n.filterValue,o=a.treeFullData,d=a.lastFilterValue,l=n.computeTitleField,c=n.computeChildrenField,s=n.computeMapChildrenField,u=n.computeFilterOpts,h=u.autoExpandAll,f=u.beforeFilterMethod,p=u.filterMethod,g=u.afterFilterMethod,u=o,x=u,m="";i||0===i?(m="".concat(i),i=p?function(e){return p({$tree:n,node:e,filterValue:m})}:function(e){return-1<String(e[l]).toLowerCase().indexOf(m)},e={$tree:n,filterValue:m},f&&f(e),u=r?x=_xeUtils.default.searchTree(o,i,{children:c,mapChildren:s,isEvery:!0}):o.filter(i),a.lastFilterValue=m,n.$nextTick(function(){h?n.setAllExpandNode(!0).then(function(){g&&g(e)}):g&&g(e)})):(r&&(u=x=_xeUtils.default.searchTree(o,function(){return!0},{children:c,mapChildren:s,isEvery:!0}),d)&&(t={$tree:n,filterValue:m},f&&f(t),n.$nextTick(function(){h?n.clearAllExpandNode().then(function(){g&&g(t)}):g&&g(t)})),a.lastFilterValue=""),a.afterVisibleList=u,a.afterTreeList=x,n.updateAfterDataIndex()},handleTreeToList:function(){var d,l=this,e=l.internalData,t=l.transform,n=e.afterTreeList,c=e.treeExpandedMaps,s={};return t?(d=[],_xeUtils.default.eachTree(n,function(e,t,n,a,r){var i=l.getNodeId(e),o=l.getNodeId(r);(!r||s[o]&&c[o])&&(s[i]=1,d.push(e))},{children:l.computeMapChildrenField}),l.updateScrollYStatus(d),e.afterVisibleList=d):e.afterVisibleList},handleData:function(e){var t=this.reactData,n=this.internalData,a=t.scrollYLoad,r=n.scrollYStore,n=n.afterVisibleList,e=(e&&(this.updateAfterFullData(),n=this.handleTreeToList()),a?n.slice(r.startIndex,r.endIndex):n.slice(0));t.treeList=e},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleData(!0)},350,{trailing:!0}),loadData:function(e){var t=this,n=t,a=t.internalData,r=n.expandAll,i=a.initialized,o=a.scrollYStore,d=n.transform?_xeUtils.default.toArrayTree(e,{key:t.computeKeyField,parentKey:t.computeParentField,mapChildren:t.computeChildrenField}):e?e.slice(0):[],o=(a.treeFullData=d,Object.assign(o,{startIndex:0,endIndex:1,visibleSize:0}),t.updateScrollYStatus(d));return t.cacheNodeMap(),t.handleData(!0),!o||n.height||n.maxHeight||(0,_log.errLog)("vxe.error.reqProp",["height | max-height | virtual-y-config.enabled=false"]),t.computeScrollLoad().then(function(){i||e&&e.length&&(a.initialized=!0,r&&t.setAllExpandNode(!0),t.setCheckboxByNodeId(n.checkNodeKeys||[],!0)),t.updateHeight(),t.refreshScroll()})},updateScrollYStatus:function(e){var t=this.reactData,n=this.internalData,a=this.transform,r=this.computeVirtualYOpts,e=e||n.treeFullData,n=!!a&&!!r.enabled&&-1<r.gt&&(0===r.gt||r.gt<e.length);return t.scrollYLoad=n},updateYSpace:function(){var e=this.reactData,t=this.internalData,n=e.scrollYLoad,a=t.scrollYStore;e.bodyHeight=n?t.afterVisibleList.length*a.rowHeight:0,e.topSpaceHeight=n?Math.max(a.startIndex*a.rowHeight,0):0},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var o=this,d=o.reactData,l=o.internalData;return o.$nextTick().then(function(){var e,t=d.scrollYLoad,n=l.scrollYStore,a=o.$refs.refVirtualBody,r=o.computeVirtualYOpts,i=0;(e=a?e||a.children[0]:e)&&(i=e.offsetHeight),i=Math.max(20,i),n.rowHeight=i,t?(a=o.$refs.refVirtualWrapper,e=Math.max(8,a?Math.ceil(a.clientHeight/i):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(r.oSize))),n.offsetSize=t,n.visibleSize=e,n.endIndex=Math.max(n.startIndex,e+t,n.endIndex),o.updateYData()):o.updateYSpace()})},scrollTo:function(e,t){var n=this,a=n.reactData,r=n.$refs.refVirtualWrapper;return r&&(_xeUtils.default.isNumber(e)&&(r.scrollLeft=e),_xeUtils.default.isNumber(t))&&(r.scrollTop=t),a.scrollYLoad?new Promise(function(e){setTimeout(function(){n.$nextTick(function(){e()})},50)}):n.$nextTick()},refreshScroll:function(){var e=this.internalData,t=e.lastScrollLeft,n=e.lastScrollTop;return this.clearScroll().then(function(){if(t||n)return e.lastScrollLeft=0,e.lastScrollTop=0,scrollTo(t,n)})},recalculate:function(){var e,t,n,a=this,r=a.reactData,i=a.internalData.scrollYStore.rowHeight,o=a.$refs.refElem;return o&&o.clientWidth&&o.clientHeight?(o=a.getParentElem(),e=a.$refs.refHeaderWrapperElem,t=a.$refs.refFooterWrapperElem,e=e?e.clientHeight:0,t=t?t.clientHeight:0,o&&(n=(0,_dom.getPaddingTopBottomSize)(o),r.parentHeight=Math.max(e+t+i,o.clientHeight-n-e-t)),a.updateHeight(),a.computeScrollLoad()):a.$nextTick()},loadYData:function(e){var t=this.internalData.scrollYStore,n=t.startIndex,a=t.endIndex,r=t.visibleSize,i=t.offsetSize,e=e.target.scrollTop,e=Math.floor(e/t.rowHeight),o=Math.max(0,e-1-i),i=e+r+i;!(e<=n||a-r-1<=e)||n===o&&a===i||(t.startIndex=o,t.endIndex=i,this.updateYData())},scrollEvent:function(e){var t=this.reactData,n=this.internalData,a=e.target,r=a.scrollTop,a=a.scrollLeft,i=a!==n.lastScrollLeft,o=r!==n.lastScrollTop;n.lastScrollTop=r,n.lastScrollLeft=a,t.scrollYLoad&&this.loadYData(e),n.lastScrollTime=Date.now(),this.dispatchEvent("scroll",{scrollLeft:a,scrollTop:r,isX:i,isY:o},e)},clearScroll:function(){var e=this.internalData,t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0,t.scrollLeft=0),e.lastScrollTop=0,e.lastScrollLeft=0,this.$nextTick()},handleNodeClickEvent:function(e,t){var n=this,a=n.reactData,r=n.showRadio,i=n.showCheckbox,o=n.trigger,d=n.computeRadioOpts,l=n.computeCheckboxOpts,c=!1,s=!1,u=!1,h=!1;n.computeIsRowCurrent?(c=!0,n.changeCurrentEvent(e,t)):a.currentNode&&(a.currentNode=null),"node"===o&&(h=!0,n.toggleExpandEvent(e,t)),r&&"node"===d.trigger&&(s=!0,n.changeRadioEvent(e,t)),i&&"node"===l.trigger&&(u=!0,n.changeCheckboxEvent(e,t)),n.dispatchEvent("node-click",{node:t,triggerCurrent:c,triggerRadio:s,triggerCheckbox:u,triggerExpand:h},e)},handleNodeDblclickEvent:function(e,t){this.dispatchEvent("node-dblclick",{node:t},e)},handleAsyncTreeExpandChilds:function(i){var o=this,d=o.reactData,l=o.internalData,n=o.loadMethod,c=o.computeCheckboxOpts.checkStrictly;return new Promise(function(e){var t,a,r;n?(t=l.nodeMaps,a=o.getNodeId(i),r=t[a],l.treeExpandLazyLoadedMaps[a]=!0,Promise.resolve(n({$tree:o,node:i})).then(function(n){var e=l.treeExpandLazyLoadedMaps;if(r.treeLoaded=!0,e[a]&&(e[a]=!1),n=_xeUtils.default.isArray(n)?n:[])return o.loadChildrenNode(i,n).then(function(e){var t=l.treeExpandedMaps;return e.length&&!t[a]&&(t[a]=!0),d.updateExpandedFlag++,!c&&o.isCheckedByCheckboxNodeId(a)&&o.handleCheckedCheckboxNode(e,!0),o.dispatchEvent("load-success",{node:i,data:n},new Event("load-success")),o.$nextTick()});o.dispatchEvent("load-success",{node:i,data:n},new Event("load-success"))}).catch(function(e){var t=l.treeExpandLazyLoadedMaps;r.treeLoaded=!1,t[a]&&(t[a]=!1),o.dispatchEvent("load-error",{node:i,data:e},new Event("load-error"))}).finally(function(){return o.handleTreeToList(),o.handleData(),o.recalculate()})):e()})},handleBaseTreeExpand:function(e,t){var a=this,n=a.reactData,r=a.internalData,i=a.lazy,o=a.accordion,d=a.toggleMethod,l=r.treeExpandLazyLoadedMaps,c=r.treeExpandedMaps,s=r.nodeMaps,u=a.computeChildrenField,h=a.computeHasChildField,f=[],r=d?e.filter(function(e){return d({$tree:a,expanded:t,node:e})}):e,p=(o&&(r=r.length?[r[r.length-1]]:[],e=a.getNodeId(r[0]),o=s[e])&&o.items.forEach(function(e){e=a.getNodeId(e);c[e]&&delete c[e]}),[]);return t?r.forEach(function(e){var t,n=a.getNodeId(e);c[n]||(t=s[n],i&&e[h]&&!t.treeLoaded&&!l[n]?f.push(a.handleAsyncTreeExpandChilds(e)):e[u]&&e[u].length&&(c[n]=!0,p.push(e)))}):r.forEach(function(e){var t=a.getNodeId(e);c[t]&&(delete c[t],p.push(e))}),n.updateExpandedFlag++,a.handleTreeToList(),a.handleData(),Promise.all(f).then(function(){return a.recalculate()})},toggleExpandEvent:function(e,t){var n=this.internalData,a=this.lazy,r=n.treeExpandedMaps,n=n.treeExpandLazyLoadedMaps,i=this.getNodeId(t),r=!r[i];e.stopPropagation(),a&&n[i]||this.handleBaseTreeExpand([t],r)},updateCheckboxStatus:function(){var a,r,d=this,e=d.reactData,t=d.internalData,n=d.transform,l=t.selectCheckboxMaps,c=t.indeterminateRowMaps,i=d.computeChildrenField,o=d.computeCheckboxOpts,s=o.checkStrictly,u=o.checkMethod;s||(a={},r=[],_xeUtils.default.eachTree(t.afterTreeList,function(e){var t=d.getNodeId(e),n=e[i];n&&n.length&&!a[t]&&(a[t]=1,r.unshift([e,t,n]))},{children:n?d.computeMapChildrenField:i}),r.forEach(function(e){var t=e[0],n=e[1],e=e[2],a=0,r=0,i=0,o=e.length,e=(e.forEach(u?function(e){var t=d.getNodeId(e),n=l[t];u({$tree:d,node:e})?(n?a++:c[t]&&r++,i++):n?a++:c[t]&&r++}:function(e){e=d.getNodeId(e);l[e]?a++:c[e]&&r++,i++}),!1),o=!(e=0<o?0<i?(0<a||0<r)&&i<=a:0<a&&i<=a||!!l[n]:l[n])&&(0<a||0<r);e?(l[n]=t,c[n]&&delete c[n]):(l[n]&&delete l[n],o?c[n]=t:c[n]&&delete c[n])}),e.updateCheckboxFlag++)},changeCheckboxEvent:function(e,t){var n,a=this,r=a,i=a.reactData,o=a.internalData,r=(e.preventDefault(),e.stopPropagation(),r.transform),d=o.selectCheckboxMaps,o=a.computeChildrenField,l=a.computeMapChildrenField,c=a.computeCheckboxOpts,s=c.checkStrictly,c=c.checkMethod,u=!!c;(u=c?!c({$tree:a,node:t}):u)||(c=a.getNodeId(t),n=!1,d[c]?delete d[c]:(n=!0,d[c]=t),s||_xeUtils.default.eachTree(_xeUtils.default.get(t,r?l:o),function(e){e=a.getNodeId(e);n?d[e]||(d[e]=!0):d[e]&&delete d[e]},{children:r?l:o}),i.updateCheckboxFlag++,a.updateCheckboxStatus(),u=_xeUtils.default.keys(d),a.emitCheckboxMode(u),a.dispatchEvent("checkbox-change",{node:t,value:u,checked:n},e))},changeCurrentEvent:function(e,t){var n=this.reactData,a=(e.preventDefault(),this.computeNodeOpts),r=a.currentMethod,a=a.trigger,i=this.computeChildrenField,i=_xeUtils.default.get(t,i),i=i&&i.length,o=!!r;if("child"===a){if(i)return}else if("parent"===a&&!i)return;(o=r?!r({node:t}):o)||(n.currentNode=t,this.dispatchEvent("current-change",{node:t,checked:!0},e))},changeRadioEvent:function(e,t){var n=this,a=n.reactData;e.preventDefault(),e.stopPropagation();var r=n.computeRadioOpts.checkMethod,i=!!r;(i=r?!r({$tree:n,node:t}):i)||(r=n.getNodeId(t),a.selectRadioKey=r,n.emitRadioMode(r),n.dispatchEvent("radio-change",{node:t,value:r,checked:!0},e))},handleGlobalResizeEvent:function(){var e=this.$refs.refElem;e&&e.clientWidth&&this.recalculate()},reloadData:function(e){return this.loadData(e||[])},clearCurrentNode:function(){return this.reactData.currentNode=null,this.$nextTick()},getCurrentNodeId:function(){var e=this.reactData.currentNode;return e?this.getNodeId(e):null},getCurrentNode:function(){var e=this.reactData,t=this.internalData,e=e.currentNode,t=t.nodeMaps;if(e){t=t[this.getNodeId(e)];if(t)return t.item}return null},setCurrentNodeId:function(e){var t=this.reactData,e=this.internalData.nodeMaps[e];return t.currentNode=e?e.item:null,this.$nextTick()},setCurrentNode:function(e){return this.reactData.currentNode=e,this.$nextTick()},clearRadioNode:function(){return this.reactData.selectRadioKey=null,this.$nextTick()},getRadioNodeId:function(){return this.reactData.selectRadioKey||null},getRadioNode:function(){var e=this.reactData,t=this.internalData,e=e.selectRadioKey,t=t.nodeMaps;if(e){t=t[e];if(t)return t.item}return null},setRadioNodeId:function(e){return this.reactData.selectRadioKey=e,this.$nextTick()},getCheckboxNodeIds:function(){var e=this.internalData.selectCheckboxMaps;return Object.keys(e)},getCheckboxNodes:function(){var e=this.internalData,n=e.nodeMaps,a=[];return _xeUtils.default.each(e.selectCheckboxMaps,function(e,t){t=n[t];t&&a.push(t.item)}),a},clearCheckboxNode:function(){var e=this.reactData;return this.internalData.selectCheckboxMaps={},e.updateCheckboxFlag++,this.$nextTick().then(function(){return{checkNodeKeys:[]}})},setAllCheckboxNode:function(e){var t=this,n=t.reactData,a=t.internalData,r=t.transform,i={},o=[];return e&&_xeUtils.default.eachTree(a.afterTreeList,function(e){e=t.getNodeId(e);o.push(e),i[e]=!0},{children:r?t.computeMapChildrenField:t.computeChildrenField}),a.selectCheckboxMaps=i,n.updateCheckboxFlag++,t.$nextTick().then(function(){return{checkNodeKeys:o}})},clearExpandNode:function(){return this.clearAllExpandNode()},clearAllExpandNode:function(){var e=this,t=e.reactData,n=e.internalData,a=n.nodeMaps;return _xeUtils.default.each(a,function(e){e.treeLoaded=!1}),n.treeExpandedMaps={},t.updateExpandedFlag++,e.handleTreeToList(),e.handleData(),e.recalculate()},setExpandByNodeId:function(e,t){var n=this,a=n.reactData,r=n.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(e,t,r)}),a.updateExpandedFlag++),n.handleTreeToList(),n.handleData(),n.recalculate()},getExpandNodeIds:function(){var e=this.internalData.treeExpandedMaps;return _xeUtils.default.keys(e)},getExpandNodes:function(){var e=this.internalData,n=e.nodeMaps,a=[];return _xeUtils.default.each(e.treeExpandedMaps,function(e,t){t=n[t];t&&a.push(t.item)}),a},setExpandNode:function(e,t){var n=this,a=n.reactData,r=n.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(n.getNodeId(e),t,r)}),a.updateExpandedFlag++),n.handleTreeToList(),n.handleData(),n.recalculate()},toggleExpandByNodeId:function(e){var t=this,n=t.reactData,a=t.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){handleSetExpand(e,!a[e],a)}),n.updateExpandedFlag++),t.handleTreeToList(),t.handleData(),t.recalculate()},toggleExpandNode:function(e){var t=this,n=t.reactData,a=t.internalData.treeExpandedMaps;return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=t.getNodeId(e);handleSetExpand(e,!a[e],a)}),n.updateExpandedFlag++),t.handleTreeToList(),t.handleData(),t.recalculate()},setAllExpandNode:function(e){var n=this,t=n.reactData,a=n.internalData,r=n.transform,i=a.treeExpandedMaps,o=n.computeChildrenField;return e?_xeUtils.default.eachTree(a.afterTreeList,function(e){var t=_xeUtils.default.get(e,o);t&&t.length&&(t=n.getNodeId(e),i[t]=!0)},{children:r?n.computeMapChildrenField:o}):a.treeExpandedMaps={},t.updateExpandedFlag++,n.handleTreeToList(),n.handleData(),n.recalculate()},reloadExpandNode:function(e){return this.lazy?(this.clearExpandLoaded(e),this.handleAsyncTreeExpandChilds(e)):this.recalculate()},clearExpandLoaded:function(e){var t=this.internalData,n=this.lazy,t=t.nodeMaps;return n&&(n=t[this.getNodeId(e)])&&(n.treeLoaded=!1),this.recalculate()},loadChildrenNode:function(o,e){var t,n,d,l,c,s=this,a=s.internalData,r=s.lazy,i=s.transform,u=a.nodeMaps;return r?(t=s.computeChildrenField,n=s.computeMapChildrenField,d=u[s.getNodeId(o)],l=d?d.level:0,c=d?d.nodes:[],s.createNode(e).then(function(e){return _xeUtils.default.eachTree(e,function(e,t,n,a,r,i){e=s.getNodeId(e);u[e]={item:o,index:-1,items:n,parent:r||d.item,nodes:c.concat(i),level:l+i.length,treeIndex:-1,lineCount:0,treeLoaded:!1}},{children:t}),o[t]=e,i&&(o[n]=e),s.updateAfterDataIndex(),e})):Promise.resolve([])},getCheckboxIndeterminateNodes:function(){var e=this.internalData,n=e.nodeMaps,a=[];return _xeUtils.default.each(e.indeterminateRowMaps,function(e,t){t=n[t];t&&a.push(t.item)}),a},renderRadio:function(e,t,n,a){var r=this,i=r.showRadio,o=r.computeRadioOpts,d=o.showIcon,l=o.checkMethod,o=o.visibleMethod,o=!o||o({$tree:r,node:t}),c=!!l;return i&&d&&o?e("div",{class:["vxe-tree--radio-option",{"is--checked":a,"is--disabled":c=l?!l({$tree:r,node:t}):c}],on:{click:function(e){c||r.changeRadioEvent(e,t)}}},[e("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)(r)},renderCheckbox:function(e,t,n,a){var r=this,i=r.showCheckbox,o=r.computeCheckboxOpts,d=o.showIcon,l=o.checkMethod,o=o.visibleMethod,n=r.isIndeterminateByCheckboxNodeid(n),o=!o||o({$tree:r,node:t}),c=!!l;return i&&d&&o?e("div",{class:["vxe-tree--checkbox-option",{"is--checked":a,"is--indeterminate":n,"is--disabled":c=l?!l({$tree:r,node:t}):c}],on:{click:function(e){c||r.changeCheckboxEvent(e,t)}}},[e("span",{class:["vxe-checkbox--icon",n?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:a?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]):(0,_ui.renderEmptyElement)(r)},renderNode:function(e,t,n){var a=this,r=a.$scopedSlots,i=a.reactData,o=a.internalData,d=a.lazy,l=a.showRadio,c=a.showCheckbox,s=a.showLine,u=a.indent,h=a.iconOpen,f=a.iconClose,p=a.iconLoaded,g=a.showIcon,x=i.currentNode,m=i.selectRadioKey,i=i.updateExpandedFlag,v=o.afterTreeList,C=o.nodeMaps,y=o.treeExpandedMaps,o=o.treeExpandLazyLoadedMaps,E=a.computeTitleField,b=a.computeHasChildField,_=_xeUtils.default.get(t,a.computeChildrenField),_=_&&_.length,k=r.icon,N=r.title,r=r.extra,i=i&&y[n],y=C[n],C=_xeUtils.default.get(t,E),E=!1,l=(l&&(E=n===String(m)),!1),m=(c&&(l=a.isCheckedByCheckboxNodeId(n)),!1),c=!1,D=!1,o=(d&&(c=!!o[n],m=t[b],D=!!y.treeLoaded),y.items[y.treeIndex-1]),b={node:t,isExpand:i};return e("div",{key:n,class:["vxe-tree--node-wrapper","node--level-".concat(y.level)],attrs:{nodeid:n}},[e("div",{class:["vxe-tree--node-item",{"is--current":x&&n===a.getNodeId(x),"is-radio--checked":E,"is-checkbox--checked":l}],style:{paddingLeft:"".concat((y.level-1)*(u||1),"px")},on:{click:function(e){a.handleNodeClickEvent(e,t)},dblclick:function(e){a.handleNodeDblclickEvent(e,t)}}},[s?e("div",{class:"vxe-tree--node-line-wrapper"},[e("div",{class:"vxe-tree--node-line",style:{height:"".concat(a.getNodeId(v[0])===n?1:(0,_util.calcTreeLine)(a,t,o),"px")}})]):(0,_ui.renderEmptyElement)(a),e("div",{class:"vxe-tree--node-item-switcher"},g&&(!d||D?_:m)?[e("div",{class:"vxe-tree--node-item-icon",on:{click:function(e){a.toggleExpandEvent(e,t)}}},k?(0,_vn.getSlotVNs)(k(b)):[e("i",{class:c?p||(0,_ui.getIcon)().TREE_NODE_LOADED:i?h||(0,_ui.getIcon)().TREE_NODE_OPEN:f||(0,_ui.getIcon)().TREE_NODE_CLOSE})])]:[]),a.renderRadio(e,t,n,E),a.renderCheckbox(e,t,n,l),e("div",{class:"vxe-tree--node-item-inner"},[e("div",{class:"vxe-tree--node-item-title"},N?(0,_vn.getSlotVNs)(N(b)):"".concat(C)),r?e("div",{class:"vxe-tree--node-item-extra"},(0,_vn.getSlotVNs)(r(b))):(0,_ui.renderEmptyElement)(a)])])])},renderList:function(n,e){var a,r=this,t=r.internalData,i=r.transform,o=t.treeExpandedMaps,d=r.computeChildrenField;return e.length?(a=[],e.forEach(i?function(e){var t=r.getNodeId(e);a.push(r.renderNode(n,e,t))}:function(e){var t=r.getNodeId(e),e=(a.push(r.renderNode(n,e,t)),_xeUtils.default.get(e,d));e&&e.length&&o[t]&&a.push.apply(a,_toConsumableArray(r.renderList(n,e)))}),a):[n("div",{class:"vxe-tree--empty-placeholder"},(0,_ui.getI18n)("vxe.tree.searchEmpty"))]},renderVN:function(e){var t=this,n=t.$scopedSlots,a=t.reactData,r=t.loading,i=t.trigger,o=t.showLine,d=a.bodyHeight,l=a.topSpaceHeight,a=a.treeList,c=t.computeSize,s=t.computeRadioOpts,u=t.computeCheckboxOpts,h=t.computeLoadingOpts,f=t.computeIsRowHover,p=t.computeTreeStyle,g=n.loading,x=n.header,n=n.footer;return e("div",{ref:"refElem",class:["vxe-tree",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"show--line",o),"checkbox--highlight",u.highlight),"radio--highlight",s.highlight),"node--hover",f),"node--trigger","node"===i),"is--loading",r)]},[x?e("div",{ref:"refHeaderWrapperElem",class:"vxe-tree--header-wrapper"},x({$tree:t})):(0,_ui.renderEmptyElement)(t),e("div",{ref:"refVirtualWrapper",class:"vxe-tree--node-list-wrapper",style:p,on:{scroll:t.scrollEvent}},[e("div",{class:"vxe-select--y-space",style:{height:d?"".concat(d,"px"):""}}),e("div",{ref:"refVirtualBody",class:"vxe-tree--node-list-body",style:{transform:"translateY(".concat(l,"px)")}},t.renderList(e,a))]),n?e("div",{ref:"refFooterWrapperElem",class:"vxe-tree--footer-wrapper"},n({$tree:t})):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-tree--loading",props:{value:r,icon:h.icon,text:h.text},scopedSlots:g?{default:function(){return g({$tree:t})}}:{}})])}},watch:{data:function(e){this.loadData(e||[])},checkNodeKey:function(e){this.reactData.selectRadioKey=e},checkNodeKeys:function(){this.updateCheckboxChecked(this.checkNodeKeys||[])},filterValue:function(){this.triggerSearchEvent(new Event("filter"))},height:function(){this.recalculate()},minHeight:function(){this.recalculate()},maxHeight:function(){this.recalculate()}},created:function(){this.reactData.selectRadioKey=this.checkNodeKey||null,this.loadData(this.data||[])},mounted:function(){var e,t,n,a=this,r=a,i=a.internalData;r.autoResize&&(e=a.$refs.refElem,t=a.getParentElem(),n=_ui.globalResize.create(function(){r.autoResize&&a.recalculate()}),e&&n.observe(e),t&&n.observe(t),i.resizeObserver=n),_ui.globalEvents.on(a,"resize",a.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData,t=e.resizeObserver;t&&t.disconnect(),e.treeExpandedMaps={},e.indeterminateRowMaps={},e.nodeMaps={},_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/tree/src/util.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcTreeLine = calcTreeLine;
+function countTreeExpand($xeTree, prevNode) {
+  var count = 1;
+  if (!prevNode) {
+    return count;
+  }
+  var props = $xeTree;
+  var transform = props.transform;
+  var reactData = $xeTree.reactData;
+  var updateExpandedFlag = reactData.updateExpandedFlag;
+  var internalData = $xeTree.internalData;
+  var treeExpandedMaps = internalData.treeExpandedMaps;
+  var childrenField = $xeTree.computeChildrenField;
+  var mapChildrenField = $xeTree.computeMapChildrenField;
+  var nodeChildren = prevNode[transform ? mapChildrenField : childrenField];
+  if (nodeChildren && updateExpandedFlag && treeExpandedMaps[$xeTree.getNodeId(prevNode)]) {
+    for (var index = 0; index < nodeChildren.length; index++) {
+      count += countTreeExpand($xeTree, nodeChildren[index]);
+    }
+  }
+  return count;
+}
+function calcTreeLine($xeTree, node, prevNode) {
+  var internalData = $xeTree.internalData;
+  var scrollYStore = internalData.scrollYStore;
+  var rowHeight = scrollYStore.rowHeight;
+  var expandSize = 1;
+  if (prevNode) {
+    expandSize = countTreeExpand($xeTree, prevNode);
+  }
+  return (rowHeight || 28) * expandSize - (prevNode ? 1 : 12);
+}

package/lib/tree/src/util.min.js

@@ -0,0 +1 @@
+function countTreeExpand(e,r){var a=1;if(r){var n=e.transform,t=e.reactData.updateExpandedFlag,o=e.internalData.treeExpandedMaps,c=r[n?e.computeMapChildrenField:e.computeChildrenField];if(c&&t&&o[e.getNodeId(r)])for(var d=0;d<c.length;d++)a+=countTreeExpand(e,c[d])}return a}function calcTreeLine(e,r,a){var n=1;return(e.internalData.scrollYStore.rowHeight||28)*(n=a?countTreeExpand(e,a):n)-(a?1:12)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcTreeLine=calcTreeLine;

package/lib/tree/style/style.css

@@ -2,7 +2,6 @@
   position: relative;
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
-  overflow: auto;
 }
 .vxe-tree.node--trigger .vxe-tree--node-item {
   cursor: pointer;
@@ -28,21 +27,6 @@
 .vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover {
   background-color: var(--vxe-ui-tree-node-hover-checkbox-checked-background-color);
 }
-.vxe-tree.show--line .vxe-tree--node-list-wrapper {
-  position: relative;
-}
-.vxe-tree.show--line .vxe-tree--node-list-wrapper::before {
-  content: "";
-  position: absolute;
-  left: 0.7em;
-  top: calc(var(--vxe-ui-tree-node-height) / 2);
-  height: calc(100% - var(--vxe-ui-tree-node-height));
-  border-left-width: var(--vxe-ui-tree-node-line-width);
-  border-left-style: var(--vxe-ui-tree-node-line-style);
-  border-left-color: var(--vxe-ui-tree-node-line-color);
-  pointer-events: none;
-  z-index: 5;
-}
 .vxe-tree.show--line .vxe-tree--node-child-line {
   position: absolute;
   top: 0;
@@ -55,20 +39,27 @@
   pointer-events: none;
   z-index: 5;
 }
-.vxe-tree.show--line .vxe-tree--node-item-switcher {
+
+.vxe-tree--node-line-wrapper {
   position: relative;
+  display: block;
+  height: 0;
 }
-.vxe-tree.show--line .vxe-tree--node-item-switcher::before {
-  content: "";
+
+.vxe-tree--node-line {
   position: absolute;
-  left: 0.8em;
-  top: 50%;
-  width: 0.5em;
-  border-bottom-width: var(--vxe-ui-tree-node-line-width);
-  border-bottom-style: var(--vxe-ui-tree-node-line-style);
-  border-bottom-color: var(--vxe-ui-tree-node-line-color);
+  bottom: calc(var(--vxe-ui-tree-node-height) / 2 * -1);
+  left: 0.6em;
+  width: 0.6em;
+  border-width: 0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);
+  border-style: var(--vxe-ui-tree-node-line-style);
+  border-color: var(--vxe-ui-tree-node-line-color);
   pointer-events: none;
-  z-index: 5;
+}
+
+.vxe-tree--node-list-wrapper {
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .vxe-tree--node-child-wrapper {
@@ -206,6 +197,12 @@
   vertical-align: middle;
 }
 
+.vxe-tree--empty-placeholder {
+  padding: 1.4em 0.6em 0 0.6em;
+  text-align: center;
+  color: var(--vxe-ui-input-placeholder-color);
+}
+
 .vxe-tree {
   font-size: var(--vxe-ui-font-size-default);
 }

package/lib/tree/style/style.min.css

@@ -1 +1 @@
-.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);overflow:auto}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-list-wrapper{position:relative}.vxe-tree.show--line .vxe-tree--node-list-wrapper::before{content:"";position:absolute;left:.7em;top:calc(var(--vxe-ui-tree-node-height)/ 2);height:calc(100% - var(--vxe-ui-tree-node-height));border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree.show--line .vxe-tree--node-item-switcher{position:relative}.vxe-tree.show--line .vxe-tree--node-item-switcher::before{content:"";position:absolute;left:.8em;top:50%;width:.5em;border-bottom-width:var(--vxe-ui-tree-node-line-width);border-bottom-style:var(--vxe-ui-tree-node-line-style);border-bottom-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{padding:1.4em .6em 0 .6em;text-align:center;color:var(--vxe-ui-input-placeholder-color)}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}