vxe-pc-ui 3.0.1 → 3.0.2

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

@@ -0,0 +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_")}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}},transform:Boolean,isCurrent:Boolean,isHover: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,nodeMaps:{},selectRadioKey:null,treeList:[],treeExpandedMaps:{},treeExpandLazyLoadedMaps:{},selectCheckboxMaps:{},indeterminateCheckboxMaps:{}},internalData:{}}},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"},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))},clearRadioNode:function(){return this.reactData.selectRadioKey=null,this.$nextTick()},clearCheckboxNode:function(){return this.reactData.selectCheckboxMaps={},this.$nextTick()},setAllCheckboxNode:function(e){var t=this,n=t.reactData,i=Object.assign(n.selectCheckboxMaps),o=t.computeChildrenField;return e&&_xeUtils.default.eachTree(n.treeList,function(e){e=t.getNodeId(e);i[e]=!0},{children:o}),n.selectCheckboxMaps=i,t.$nextTick()},clearExpandNode:function(){return this.clearAllExpandNode()},clearAllExpandNode:function(){var e=this.reactData;return _xeUtils.default.each(e.nodeMaps,function(e){e.treeLoaded=!1}),e.treeExpandedMaps={},this.$nextTick()},setExpandByNodeId:function(e,t){var n=this,i=n.reactData,o=Object.assign(i.treeExpandedMaps);return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){n.handleSetExpand(e,t,o)}),i.treeExpandedMaps=o),n.$nextTick()},setExpandNode:function(e,t){var n=this,i=n.reactData,o=Object.assign(i.treeExpandedMaps);return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=n.getNodeId(e);n.handleSetExpand(e,t,o)}),i.treeExpandedMaps=o),n.$nextTick()},toggleExpandByNodeId:function(e){var t=this,n=t.reactData,i=Object.assign(n.treeExpandedMaps);return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){t.handleSetExpand(e,!i[e],i)}),n.treeExpandedMaps=i),t.$nextTick()},toggleExpandNode:function(e){var t=this,n=t.reactData,i=Object.assign(n.treeExpandedMaps);return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=t.getNodeId(e);t.handleSetExpand(e,!i[e],i)}),n.treeExpandedMaps=i),t.$nextTick()},setAllExpandNode:function(){var t=this,e=t.reactData,n=Object.assign(e.treeExpandedMaps),i=t.computeChildrenField;return _xeUtils.default.eachTree(e.treeList,function(e){e=t.getNodeId(e);n[e]=!0},{children:i}),e.treeExpandedMaps=n,t.$nextTick()},reloadExpandNode:function(e){return this.lazy?(this.clearExpandLoaded(e),this.handleAsyncTreeExpandChilds(e)):this.$nextTick()},clearExpandLoaded:function(e){var t=this.reactData,n=this.lazy,t=t.nodeMaps;return n&&(n=t[this.getNodeId(e)])&&(n.treeLoaded=!1),this.$nextTick()},loadChildrenNode:function(a,e){var t,r,c,s,u=this,n=u.reactData,i=u.lazy,o=u.transform,l=n.nodeMaps;return i?(t=u.computeChildrenField,r=l[u.getNodeId(a)],c=r?r.level:0,s=r?r.nodes:[],u.createNode(e).then(function(e){return _xeUtils.default.eachTree(e,function(e,t,n,i,o,d){e=u.getNodeId(e);l[e]={item:a,itemIndex:-1,items:n,parent:o||r.item,nodes:s.concat(d),level:c+d.length,lineCount:0,treeLoaded:!1}},{children:t}),a[t]=e,o&&(a[t]=e),u.updateNodeLine(a),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){return!!this.reactData.treeExpandedMaps[this.getNodeId(e)]},isCheckedByRadioNodeId:function(e){return this.reactData.selectRadioKey===e},isCheckedByRadioNode:function(e){return this.isCheckedByRadioNodeId(this.getNodeId(e))},isCheckedByCheckboxNodeId:function(e){return!!this.reactData.selectCheckboxMaps[e]},isCheckedByCheckboxNode:function(e){return this.isCheckedByCheckboxNodeId(this.getNodeId(e))},isIndeterminateByCheckboxNodeid:function(e){return!!this.reactData.indeterminateCheckboxMaps[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,t){var n=this.reactData;return e&&(n.selectRadioKey=t?this.getNodeId(e):null),this.$nextTick()},setCheckboxNode:function(e,t){var n=this;return e&&(_xeUtils.default.isArray(e)||(e=[e]),n.handleCheckedCheckboxNode(e.map(function(e){return n.getNodeId(e)}),t)),n.$nextTick()},setCheckboxByNodeId:function(e,t){return e&&(_xeUtils.default.isArray(e)||(e=[e]),this.handleCheckedCheckboxNode(e,t)),this.$nextTick()},handleCheckedCheckboxNode:function(e,t){var n=this.reactData,i=Object.assign({},n.selectCheckboxMaps);e.forEach(function(e){t?i[e]=!0:i[e]&&delete i[e]}),n.selectCheckboxMaps=i},updateCheckboxChecked:function(e){var t=this.reactData,n={};e&&e.forEach(function(e){n[e]=!0}),t.selectCheckboxMaps=n},handleSetExpand:function(e,t,n){t?n[e]&&(n[e]=!0):n[e]&&delete n[e]},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=e.treeList,c=r.computeValueField,s={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,d){var a=r.getNodeId(e);a||(a=getNodeUniqueId(),_xeUtils.default.set(e,c,a)),s[a]={item:e,itemIndex:t,items:n,parent:o,nodes:d,level:d.length,lineCount:0,treeLoaded:!1}},{children:r.computeChildrenField}),e.nodeMaps=s},updateData:function(e){var t=this,n=t.reactData,i=t.transform;n.treeList=i?_xeUtils.default.toArrayTree(e,{key:t.computeKeyField,parentKey:t.computeParentField,mapChildren:t.computeChildrenField}):e?e.slice(0):[],t.cacheNodeMap()},handleCountLine:function(e,i,o){var d=this,t=d.reactData.treeExpandedMaps,n=d.computeChildrenField,a=d.getNodeId(e);o.lineCount++,t[a]&&_xeUtils.default.arrayEach(e[n],function(e,t,n){(!i||t<n.length-1)&&d.handleCountLine(e,!1,o)})},updateNodeLine:function(e){var n=this,i=n.reactData.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,o=n.showRadio,d=n.showCheckbox,a=n.trigger,r=n.computeRadioOpts,c=n.computeCheckboxOpts,s=!1,u=!1,l=!1,h=!1;n.computeIsRowCurrent?(s=!0,n.changeCurrentEvent(e,t)):i.currentNode&&(i.currentNode=null),"node"===a&&(h=!0,n.toggleExpandEvent(e,t)),o&&"node"===r.trigger&&(u=!0,n.changeRadioEvent(e,t)),d&&"node"===c.trigger&&(l=!0,n.changeCheckboxEvent(e,t)),n.dispatchEvent("node-click",{node:t,triggerCurrent:s,triggerRadio:u,triggerCheckbox:l,triggerExpand:h},e)},handleNodeDblclickEvent:function(e,t){this.dispatchEvent("node-dblclick",{node:t},e)},handleAsyncTreeExpandChilds:function(d){var a=this,r=a.reactData,c=a.loadMethod,s=a.computeCheckboxOpts.checkStrictly;return new Promise(function(e){var t,n,i,o;c?(t=r.treeExpandLazyLoadedMaps,n=r.nodeMaps,i=a.getNodeId(d),o=n[i],t[i]=!0,Promise.resolve(c({$tree:a,node:d})).then(function(n){if(o.treeLoaded=!0,t[i]&&delete t[i],n=_xeUtils.default.isArray(n)?n:[])return a.loadChildrenNode(d,n).then(function(e){var t=r.treeExpandedMaps;return e.length&&!t[i]&&(t[i]=!0),!s&&a.isCheckedByCheckboxNodeId(i)&&a.handleCheckedCheckboxNode(e.map(function(e){return a.getNodeId(e)}),!0),a.updateNodeLine(d),a.dispatchEvent("load-success",{node:d,data:n},new Event("load-success")),a.$nextTick()});a.updateNodeLine(d),a.dispatchEvent("load-success",{node:d,data:n},new Event("load-success"))}).catch(function(e){var t=r.treeExpandLazyLoadedMaps;o.treeLoaded=!1,t[i]&&delete t[i],a.updateNodeLine(d),a.dispatchEvent("load-error",{node:d,data:e},new Event("load-error"))}).finally(function(){return a.$nextTick()})):e()})},handleBaseTreeExpand:function(e,t){var i=this,n=i.reactData,o=i.lazy,d=i.accordion,a=i.toggleMethod,r=n.nodeMaps,c=n.treeExpandLazyLoadedMaps,s=Object.assign({},n.treeExpandedMaps),u=i.computeChildrenField,l=i.computeHasChildField,h=[],e=a?e.filter(function(e){return a({$tree:i,expanded:t,node:e})}):e,p=(d&&(e=e.length?[e[e.length-1]]:[],d=i.getNodeId(e[0]),d=r[d])&&d.items.forEach(function(e){e=i.getNodeId(e);s[e]&&delete s[e]}),[]);return t?e.forEach(function(e){var t,n=i.getNodeId(e);s[n]||(t=r[n],o&&e[l]&&!t.treeLoaded&&!c[n]?h.push(i.handleAsyncTreeExpandChilds(e)):e[u]&&e[u].length&&(s[n]=!0,p.push(e)))}):e.forEach(function(e){var t=i.getNodeId(e);s[t]&&(delete s[t],p.push(e))}),n.treeExpandedMaps=s,p.forEach(function(e){i.updateNodeLine(e)}),Promise.all(h)},toggleExpandEvent:function(e,t){var n=this.reactData,i=this.lazy,o=n.treeExpandedMaps,n=n.treeExpandLazyLoadedMaps,d=this.getNodeId(t),o=!o[d];e.stopPropagation(),i&&n[d]||this.handleBaseTreeExpand([t],o)},handleNodeCheckboxStatus:function(e,n,i){var o,d,a=this,t=a.computeChildrenField,t=_xeUtils.default.get(e,t),e=a.getNodeId(e);t&&t.length?(o=!1,d=0,t.forEach(function(e){var e=a.getNodeId(e),t=n[e];(t||i[e])&&(t&&d++,o=!0)}),d===t.length?(n[e]||(n[e]=!0),i[e]&&delete i[e]):(n[e]&&delete n[e],i[e]=o)):i[e]&&delete i[e]},updateCheckboxStatus:function(){var s,u,l=this,e=l.reactData,t=e.treeList,h=l.computeChildrenField;l.computeCheckboxOpts.checkStrictly||(s=Object.assign({},e.selectCheckboxMaps),u={},_xeUtils.default.eachTree(t,function(e,t,n,i,o,d){var a=_xeUtils.default.get(e,h);if(a&&a.length||l.handleNodeCheckboxStatus(e,s,u),t===n.length-1)for(var r=d.length-2;0<=r;r--){var c=d[r];l.handleNodeCheckboxStatus(c,s,u)}}),e.selectCheckboxMaps=s,e.indeterminateCheckboxMaps=u)},changeCheckboxEvent:function(e,t){var n,i,o=this,d=o.reactData,a=(e.preventDefault(),e.stopPropagation(),o.computeCheckboxOpts),r=a.checkStrictly,a=a.checkMethod,c=!!a;(c=a?!a({node:t}):c)||(n=Object.assign({},d.selectCheckboxMaps),a=o.computeChildrenField,c=o.getNodeId(t),i=!1,n[c]?delete n[c]:(i=!0,n[c]=i),r||_xeUtils.default.eachTree(_xeUtils.default.get(t,a),function(e){e=o.getNodeId(e);i?n[e]||(n[e]=!0):n[e]&&delete n[e]},{children:a}),d.selectCheckboxMaps=n,o.updateCheckboxStatus(),c=Object.keys(d.selectCheckboxMaps),o.emitCheckboxMode(c),o.dispatchEvent("checkbox-change",{node:t,value:c,checked:i},e))},changeCurrentEvent:function(e,t){var n=this.reactData,i=(e.preventDefault(),this.computeNodeOpts),o=i.currentMethod,i=i.trigger,d=this.computeChildrenField,d=_xeUtils.default.get(t,d),d=d&&d.length,a=!!o;if("child"===i){if(d)return}else if("parent"===i&&!d)return;(a=o?!o({node:t}):a)||(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 o=n.computeRadioOpts.checkMethod,d=!!o;(d=o?!o({node:t}):d)||(o=n.getNodeId(t),i.selectRadioKey=o,n.emitRadioMode(o),n.dispatchEvent("radio-change",{node:t,value:o,checked:!0},e))},renderRadio:function(e,t,n,i){var o=this,d=o.showRadio,a=o.computeRadioOpts,r=a.showIcon,c=a.checkMethod,a=a.visibleMethod,a=!a||a({node:t}),s=!!c;return d&&r&&a?e("div",{class:["vxe-tree--radio-option",{"is--checked":i,"is--disabled":s=c?!c({node:t}):s}],on:{click:function(e){s||o.changeRadioEvent(e,t)}}},[e("span",{class:["vxe-radio--icon",i?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)(o)},renderCheckbox:function(e,t,n,i){var o=this,d=o.showCheckbox,a=o.computeCheckboxOpts,r=a.showIcon,c=a.checkMethod,a=a.visibleMethod,n=o.isIndeterminateByCheckboxNodeid(n),a=!a||a({node:t}),s=!!c;return d&&r&&a?e("div",{class:["vxe-tree--checkbox-option",{"is--checked":i,"is--indeterminate":n,"is--disabled":s=c?!c({node:t}):s}],on:{click:function(e){s||o.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)(o)},renderNode:function(t,n){var i=this,e=i.$scopedSlots,o=i.reactData,d=i.lazy,a=i.showRadio,r=i.showCheckbox,c=i.showLine,s=i.indent,u=i.iconOpen,l=i.iconClose,h=i.iconLoaded,p=i.showIcon,f=o.nodeMaps,g=o.treeExpandedMaps,x=o.currentNode,C=o.selectRadioKey,o=o.treeExpandLazyLoadedMaps,v=i.computeTitleField,m=i.computeHasChildField,k=_xeUtils.default.get(n,i.computeChildrenField),y=k&&k.length,E=e.title,e=e.extra,N=i.getNodeId(n),b=g[N],f=f[N],v=_xeUtils.default.get(n,v),_=[],k=(y&&g[N]&&(c&&_.push(t("div",{key:"line",class:"vxe-tree--node-child-line",style:{height:"calc(".concat(f.lineCount," * var(--vxe-ui-tree-node-height) - var(--vxe-ui-tree-node-height) / 2)"),left:"".concat((f.level+1)*(s||1),"px")}})),k.forEach(function(e){_.push(i.renderNode(t,e))})),!1),a=(a&&(k=N==C),!1),C=(r&&(a=i.isCheckedByCheckboxNodeId(N)),!1),r=!1,I=!1;return d&&(r=!!o[N],C=n[m],I=!!f.treeLoaded),t("div",{class:["vxe-tree--node-wrapper","node--level-".concat(f.level)],attrs:{nodeid:N}},[t("div",{class:["vxe-tree--node-item",{"is--current":x&&N===i.getNodeId(x),"is-radio--checked":k,"is-checkbox--checked":a}],style:{paddingLeft:"".concat((f.level-1)*(s||1),"px")},on:{click:function(e){i.handleNodeClickEvent(e,n)},dblclick:function(e){i.handleNodeDblclickEvent(e,n)}}},[p||c?t("div",{class:"vxe-tree--node-item-switcher"},p&&(!d||I?y:C)?[t("div",{class:"vxe-tree--node-item-icon",on:{click:function(e){i.toggleExpandEvent(e,n)}}},[t("i",{class:r?h||(0,_ui.getIcon)().TREE_NODE_LOADED:b?u||(0,_ui.getIcon)().TREE_NODE_OPEN:l||(0,_ui.getIcon)().TREE_NODE_CLOSE})])]:[]):(0,_ui.renderEmptyElement)(i),i.renderRadio(t,n,N,k),i.renderCheckbox(t,n,N,a),t("div",{class:"vxe-tree--node-item-inner"},[t("div",{class:"vxe-tree--node-item-title"},E?(0,_vn.getSlotVNs)(E({node:n})):"".concat(v)),e?t("div",{class:"vxe-tree--node-item-extra"},(0,_vn.getSlotVNs)(e({node:n}))):(0,_ui.renderEmptyElement)(i)])]),y&&g[N]?t("div",{class:"vxe-tree--node-child-wrapper"},_):(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,o=t.trigger,d=t.showLine,a=t.computeSize,r=t.computeRadioOpts,c=t.computeCheckboxOpts,s=t.computeTreeStyle,u=t.computeLoadingOpts,l=t.computeIsRowHover,h=n.loading;return e("div",{ref:"refElem",class:["vxe-tree",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"show--line",d),"checkbox--highlight",c.highlight),"radio--highlight",r.highlight),"node--hover",l),"node--trigger","node"===o),"is--loading",i)],style:s},[t.renderNodeList(e),e(_loading.default,{class:"vxe-tree--loading",props:{value:i,icon:u.icon,text:u.text},scopedSlots:h?{default:function(){return h({$tree:t})}}:{}})])}},watch:{data:function(e){this.updateData(e||[])},checkNodeKey:function(e){this.reactData.selectRadioKey=e},checkNodeKeys:function(){this.updateCheckboxChecked(this.checkNodeKeys||[])}},created:function(){this.reactData.selectRadioKey=this.checkNodeKey||null,this.updateData(this.data||[]),this.updateCheckboxChecked(this.checkNodeKeys||[])},beforeDestroy:function(){var e=this.reactData;e.treeList=[],e.treeExpandedMaps={},e.nodeMaps={}},render:function(e){return this.renderVN(e)}});

package/lib/tree/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/tree/style/style.css

@@ -0,0 +1,219 @@
+.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: 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;
+  left: 0;
+  height: calc(100% - 0.7em);
+  transform: translateX(-0.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: 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);
+  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 0.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: 0.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: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-tree--radio-option {
+  padding-right: 0.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);
+  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: 0.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);
+}

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

@@ -0,0 +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);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)}

package/lib/tree-select/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeTreeSelect = exports.TreeSelect = void 0;
+var _core = require("@vxe-ui/core");
+var _treeSelect = _interopRequireDefault(require("./src/tree-select"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeTreeSelect = exports.VxeTreeSelect = Object.assign({}, _treeSelect.default, {
+  install: function install(app) {
+    app.component(_treeSelect.default.name, _treeSelect.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeTreeSelect);
+_core.VxeUI.component(_treeSelect.default);
+var TreeSelect = exports.TreeSelect = VxeTreeSelect;
+var _default = exports.default = VxeTreeSelect;

package/lib/tree-select/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeTreeSelect=exports.TreeSelect=void 0;var _core=require("@vxe-ui/core"),_treeSelect=_interopRequireDefault(require("./src/tree-select")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeTreeSelect=exports.VxeTreeSelect=Object.assign({},_treeSelect.default,{install:function(e){e.component(_treeSelect.default.name,_treeSelect.default)}}),TreeSelect=(_dynamics.dynamicApp.use(VxeTreeSelect),_core.VxeUI.component(_treeSelect.default),exports.TreeSelect=VxeTreeSelect),_default=exports.default=VxeTreeSelect;