vxe-pc-ui 3.7.4 → 3.7.6

package/lib/index.umd.js

@@ -12388,8 +12388,26 @@ setTheme();
       operError: '发生错误，操作失败！'
     },
     select: {
+      clear: '清除',
+      allChecked: '全选',
+      total: '{0} / {1}',
       search: '搜索',
       loadingText: '加载中',
+      emptyText: '暂无数据',
+      maxSize: '最大可选择的数量不能超过 {0} 个',
+      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+      searchEmpty: '未匹配到数据！'
+    },
+    tree: {
+      searchEmpty: '未匹配到数据！'
+    },
+    treeSelect: {
+      clearChecked: '清除',
+      allChecked: '全选',
+      allExpand: '全部展开',
+      clearExpand: '全部收起',
+      total: '已选 {0}',
+      search: '搜索',
       emptyText: '暂无数据'
     },
     pager: {
@@ -13099,14 +13117,14 @@ var defineVxeComponent = function defineVxeComponent(options) {
 };
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.7.4");
+var log_version = "ui v".concat("3.7.6");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-var ui_version = "3.7.4";
+var ui_version = "3.7.6";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13299,7 +13317,7 @@ setConfig({
     // size: null,
     virtualYConfig: {
       enabled: true,
-      gt: 100
+      gt: 60
       // oSize: 0
     }
   },
@@ -13396,7 +13414,7 @@ setConfig({
     },
     virtualYConfig: {
       enabled: true,
-      gt: 100,
+      gt: 50,
       oSize: 2
     }
   },
@@ -13453,16 +13471,32 @@ setConfig({
     isArrow: true
   },
   tree: {
+    // autoResize: false,
     indent: 20,
     minHeight: 60,
     radioConfig: {
       strict: true
+    },
+    virtualYConfig: {
+      enabled: true,
+      gt: 50,
+      oSize: 2
     }
   },
   treeSelect: {
+    autoClose: true,
+    virtualYConfig: {
+      enabled: true,
+      gt: 0,
+      oSize: 2
+    },
     treeConfig: {
+      maxHeight: 300,
       radioConfig: {},
-      checkboxConfig: {}
+      checkboxConfig: {},
+      filterConfig: {
+        autoExpandAll: true
+      }
     }
   },
   upload: {
@@ -13980,6 +14014,15 @@ function getAbsolutePos(elem) {
     visibleWidth: visibleWidth
   };
 }
+function getPaddingTopBottomSize(elem) {
+  if (elem) {
+    var computedStyle = getComputedStyle(elem);
+    var paddingTop = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(computedStyle.paddingTop);
+    var paddingBottom = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(computedStyle.paddingBottom);
+    return paddingTop + paddingBottom;
+  }
+  return 0;
+}
 var scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 var scrollIntoView = 'scrollIntoView';
 function scrollToView(elem) {
@@ -35767,7 +35810,7 @@ var browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_x
         ref: 'refVirtualBody',
         class: 'vxe-list--body',
         style: {
-          marginTop: topSpaceHeight ? "".concat(topSpaceHeight, "px") : ''
+          transform: "translateY(".concat(topSpaceHeight, "px)")
         }
       }, defaultSlot ? $xeList.callSlot(defaultSlot, {
         items: items
@@ -39845,6 +39888,7 @@ var es_promise_finally = __webpack_require__(9391);
 
 
 
+
 
 
 function isOptionVisible(option) {
@@ -39909,24 +39953,51 @@ function getOptUniqueId() {
     filterable: Boolean,
     filterMethod: Function,
     remote: Boolean,
-    // 已废弃，被 remote-config.queryMethod 替换
-    remoteMethod: Function,
     remoteConfig: Object,
     emptyText: String,
+    showTotalButoon: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.showTotalButoon;
+      }
+    },
+    showCheckedButoon: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.showCheckedButoon;
+      }
+    },
+    showClearButton: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.showClearButton;
+      }
+    },
     transfer: {
       type: Boolean,
       default: null
     },
     virtualYConfig: Object,
     scrollY: Object,
-    // 已废弃，被 option-config.keyField 替换
+    /**
+     * 已废弃，被 remote-config.queryMethod 替换
+     * @deprecated
+     */
+    remoteMethod: Function,
+    /**
+     * 已废弃，被 option-config.keyField 替换
+     * @deprecated
+     */
     optionId: {
       type: String,
       default: function _default() {
         return getConfig().select.optionId;
       }
     },
-    // 已废弃，被 option-config.useKey 替换
+    /**
+     * 已废弃，被 option-config.useKey 替换
+     * @deprecated
+     */
     optionKey: Boolean
   },
   inject: {
@@ -39961,7 +40032,6 @@ function getOptUniqueId() {
       bodyHeight: 0,
       topSpaceHeight: 0,
       optList: [],
-      afterVisibleList: [],
       staticOptions: [],
       reactFlag: 1,
       currentOption: null,
@@ -39978,6 +40048,7 @@ function getOptUniqueId() {
     var internalData = {
       synchData: [],
       fullData: [],
+      afterVisibleList: [],
       optAddMaps: {},
       optGroupKeyMaps: {},
       optFullValMaps: {},
@@ -40097,15 +40168,10 @@ function getOptUniqueId() {
     computeIsMaximize: function computeIsMaximize() {
       var $xeSelect = this;
       var props = $xeSelect;
-      var value = props.value,
-        multiple = props.multiple,
-        max = props.max;
-      if (multiple && max) {
-        return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value) ? value.length : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(value) ? 0 : 1) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max);
-      }
-      return false;
+      var modelValue = props.value;
+      return $xeSelect.checkMaxLimit(modelValue);
     },
-    computeSYOpts: function computeSYOpts() {
+    computeVirtualYOpts: function computeVirtualYOpts() {
       var $xeSelect = this;
       var props = $xeSelect;
       return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
@@ -40213,15 +40279,19 @@ function getOptUniqueId() {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
       var $input = $xeSelect.$refs.refInput;
+      if ($input) {
+        $input.blur();
+      }
       reactData.isActivated = true;
-      $input.blur();
       return $xeSelect.$nextTick();
     },
     blur: function blur() {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
       var $input = $xeSelect.$refs.refInput;
-      $input.blur();
+      if ($input) {
+        $input.blur();
+      }
       reactData.isActivated = false;
       return $xeSelect.$nextTick();
     },
@@ -40249,6 +40319,16 @@ function getOptUniqueId() {
       var optid = option[$xeSelect.getOptKey()];
       return optid ? encodeURIComponent(optid) : '';
     },
+    checkMaxLimit: function checkMaxLimit(selectVals) {
+      var $xeSelect = this;
+      var props = $xeSelect;
+      var multiple = props.multiple,
+        max = props.max;
+      if (multiple && max) {
+        return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(selectVals) ? selectVals.length : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(selectVals) ? 0 : 1) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max);
+      }
+      return false;
+    },
     getRemoteSelectLabel: function getRemoteSelectLabel(value) {
       var $xeSelect = this;
       var internalData = $xeSelect.internalData;
@@ -40320,7 +40400,7 @@ function getOptUniqueId() {
           cacheItem._index = index;
         }
       });
-      reactData.afterVisibleList = avList;
+      internalData.afterVisibleList = avList;
       return $xeSelect.$nextTick();
     },
     refreshOption: function refreshOption() {
@@ -40463,7 +40543,7 @@ function getOptUniqueId() {
         reactData.isAniVisible = true;
         if (filterable) {
           if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
-            $xeSelect.triggerSearchEvent();
+            $xeSelect.handleSearchEvent();
           } else {
             $xeSelect.handleOption();
             $xeSelect.updateYData();
@@ -40533,6 +40613,46 @@ function getOptUniqueId() {
       $xeSelect.clearValueEvent($event, null);
       $xeSelect.hideOptionPanel();
     },
+    allCheckedPanelEvent: function allCheckedPanelEvent(params) {
+      var $xeSelect = this;
+      var props = $xeSelect;
+      var reactData = $xeSelect.reactData;
+      var $event = params.$event;
+      var modelValue = props.value,
+        multiple = props.multiple;
+      var optList = reactData.optList;
+      var valueField = $xeSelect.computeValueField;
+      if (multiple) {
+        var multipleValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue) ? [] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
+        var _loop = function _loop() {
+          var option = optList[i];
+          var selectValue = option[valueField];
+          // 检测是否超过最大可选数量
+          if ($xeSelect.checkMaxLimit(multipleValue)) {
+            return 1; // break
+          }
+          if (!multipleValue.some(function (val) {
+            return val === selectValue;
+          })) {
+            multipleValue.push(selectValue);
+          }
+        };
+        for (var i = 0; i < optList.length; i++) {
+          if (_loop()) break;
+        }
+        $xeSelect.changeEvent($event, multipleValue);
+        $xeSelect.dispatchEvent('all-change', {
+          value: multipleValue
+        }, $event);
+        $xeSelect.hideOptionPanel();
+      }
+    },
+    clearCheckedPanelEvent: function clearCheckedPanelEvent(params) {
+      var $xeSelect = this;
+      var $event = params.$event;
+      $xeSelect.clearValueEvent($event, null);
+      $xeSelect.hideOptionPanel();
+    },
     changeOptionEvent: function changeOptionEvent(evnt, option) {
       var $xeSelect = this;
       var props = $xeSelect;
@@ -40621,10 +40741,10 @@ function getOptUniqueId() {
       var reactData = $xeSelect.reactData;
       var internalData = $xeSelect.internalData;
       var allowCreate = props.allowCreate;
-      var afterVisibleList = reactData.afterVisibleList,
-        optList = reactData.optList;
+      var optList = reactData.optList;
       var optFullValMaps = internalData.optFullValMaps,
-        optAddMaps = internalData.optAddMaps;
+        optAddMaps = internalData.optAddMaps,
+        afterVisibleList = internalData.afterVisibleList;
       var valueField = $xeSelect.computeValueField;
       var fullList = afterVisibleList;
       var offsetAddIndex = 0;
@@ -40856,14 +40976,11 @@ function getOptUniqueId() {
         }
       }
     },
-    checkOptionDisabled: function checkOptionDisabled(isSelected, option, group) {
+    checkOptionDisabled: function checkOptionDisabled(isSelected, option) {
       var $xeSelect = this;
       if (option.disabled) {
         return true;
       }
-      if (group && group.disabled) {
-        return true;
-      }
       var isMaximize = $xeSelect.computeIsMaximize;
       if (isMaximize && !isSelected) {
         return true;
@@ -40874,9 +40991,9 @@ function getOptUniqueId() {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
       var internalData = $xeSelect.internalData;
-      var scrollYLoad = reactData.scrollYLoad,
-        afterVisibleList = reactData.afterVisibleList;
-      var scrollYStore = internalData.scrollYStore;
+      var scrollYLoad = reactData.scrollYLoad;
+      var scrollYStore = internalData.scrollYStore,
+        afterVisibleList = internalData.afterVisibleList;
       reactData.bodyHeight = scrollYLoad ? afterVisibleList.length * scrollYStore.rowHeight : 0;
       reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
     },
@@ -40888,10 +41005,10 @@ function getOptUniqueId() {
       var filterable = props.filterable,
         allowCreate = props.allowCreate;
       var scrollYLoad = reactData.scrollYLoad,
-        afterVisibleList = reactData.afterVisibleList,
         searchValue = reactData.searchValue;
       var optAddMaps = internalData.optAddMaps,
-        scrollYStore = internalData.scrollYStore;
+        scrollYStore = internalData.scrollYStore,
+        afterVisibleList = internalData.afterVisibleList;
       var labelField = $xeSelect.computeLabelField;
       var valueField = $xeSelect.computeValueField;
       var restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
@@ -40920,13 +41037,10 @@ function getOptUniqueId() {
         var scrollYLoad = reactData.scrollYLoad;
         var scrollYStore = internalData.scrollYStore;
         var virtualBodyElem = $xeSelect.$refs.refVirtualBody;
-        var sYOpts = $xeSelect.computeSYOpts;
+        var virtualYOpts = $xeSelect.computeVirtualYOpts;
         var rowHeight = 0;
         var firstItemElem;
         if (virtualBodyElem) {
-          if (sYOpts.sItem) {
-            firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
-          }
           if (!firstItemElem) {
             firstItemElem = virtualBodyElem.children[0];
           }
@@ -40940,7 +41054,7 @@ function getOptUniqueId() {
         if (scrollYLoad) {
           var scrollBodyElem = $xeSelect.$refs.refVirtualWrapper;
           var visibleYSize = Math.max(8, scrollBodyElem ? Math.ceil(scrollBodyElem.clientHeight / rowHeight) : 0);
-          var offsetYSize = Math.max(0, Math.min(2, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize)));
+          var offsetYSize = Math.max(0, Math.min(2, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(virtualYOpts.oSize)));
           scrollYStore.offsetSize = offsetYSize;
           scrollYStore.visibleSize = visibleYSize;
           scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
@@ -41115,7 +41229,7 @@ function getOptUniqueId() {
         fullData = internalData.fullData,
         scrollYStore = internalData.scrollYStore;
       var defaultOpts = $xeSelect.computeDefaultOpts;
-      var sYOpts = $xeSelect.computeSYOpts;
+      var virtualYOpts = $xeSelect.computeVirtualYOpts;
       var valueField = $xeSelect.computeValueField;
       Object.assign(scrollYStore, {
         startIndex: 0,
@@ -41124,7 +41238,7 @@ function getOptUniqueId() {
       });
       internalData.synchData = datas || [];
       // 如果gt为0，则总是启用
-      reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
+      reactData.scrollYLoad = !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt <= fullData.length);
       $xeSelect.handleData();
       if (!isLoaded) {
         var selectMode = defaultOpts.selectMode;
@@ -41174,7 +41288,7 @@ function getOptUniqueId() {
     //
     // Render
     //
-    renderOption: function renderOption(h, list, group) {
+    renderOption: function renderOption(h, list) {
       var $xeSelect = this;
       var props = $xeSelect;
       var slots = $xeSelect.$scopedSlots;
@@ -41200,11 +41314,11 @@ function getOptUniqueId() {
         var isAdd = !!(allowCreate && optAddMaps[optid]);
         var isSelected = !isAdd && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value) ? value.indexOf(optionValue) > -1 : value === optionValue);
         var isVisible = isAdd || !isOptGroup || isOptionVisible(option);
-        var isDisabled = !isAdd && $xeSelect.checkOptionDisabled(isSelected, option, group);
+        var isDisabled = !isAdd && $xeSelect.checkOptionDisabled(isSelected, option);
         var defaultSlot = slots ? slots.default : null;
         var optParams = {
           option: option,
-          group: null,
+          group: isOptGroup ? option : null,
           $select: $xeSelect
         };
         var optLabel = '';
@@ -41286,13 +41400,19 @@ function getOptUniqueId() {
       var props = $xeSelect;
       var slots = $xeSelect.$scopedSlots;
       var reactData = $xeSelect.reactData;
-      var className = props.className,
+      var modelValue = props.value,
+        className = props.className,
         popupClassName = props.popupClassName,
+        multiple = props.multiple,
         loading = props.loading,
-        filterable = props.filterable;
+        filterable = props.filterable,
+        showTotalButoon = props.showTotalButoon,
+        showCheckedButoon = props.showCheckedButoon,
+        showClearButton = props.showClearButton;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
         isAniVisible = reactData.isAniVisible,
+        optList = reactData.optList,
         visiblePanel = reactData.visiblePanel,
         bodyHeight = reactData.bodyHeight,
         topSpaceHeight = reactData.topSpaceHeight;
@@ -41317,6 +41437,7 @@ function getOptUniqueId() {
           class: 'vxe-select-label'
         }, selectLabel)]);
       }
+      var selectVals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue) ? [] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
       return h('div', {
         ref: 'refElem',
         class: ['vxe-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
@@ -41381,9 +41502,31 @@ function getOptUniqueId() {
           change: $xeSelect.triggerSearchEvent,
           search: $xeSelect.triggerSearchEvent
         }
-      })]) : renderEmptyElement($xeSelect), headerSlot ? h('div', {
+      })]) : renderEmptyElement($xeSelect), showTotalButoon || showCheckedButoon && multiple || showClearButton || headerSlot ? h('div', {
         class: 'vxe-select--panel-header'
-      }, $xeSelect.callSlot(headerSlot, {}, h)) : renderEmptyElement($xeSelect), h('div', {
+      }, headerSlot ? $xeSelect.callSlot(headerSlot, {}, h) : [h('div', {
+        class: 'vxe-tree-select--header-button'
+      }, [showTotalButoon ? h('div', {
+        class: 'vxe-tree-select--header-total'
+      }, getI18n('vxe.select.total', [selectVals.length, optList.length])) : renderEmptyElement($xeSelect), h('div', {
+        class: 'vxe-tree-select--header-btns'
+      }, [showCheckedButoon && multiple ? h(src_button, {
+        props: {
+          content: getI18n('vxe.select.allChecked'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeSelect.allCheckedPanelEvent
+        }
+      }) : renderEmptyElement($xeSelect), showClearButton ? h(src_button, {
+        props: {
+          content: getI18n('vxe.select.clear'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeSelect.clearCheckedPanelEvent
+        }
+      }) : renderEmptyElement($xeSelect)])])]) : renderEmptyElement($xeSelect), h('div', {
         class: 'vxe-select--panel-body'
       }, [h('div', {
         ref: 'refVirtualWrapper',
@@ -41400,7 +41543,7 @@ function getOptUniqueId() {
         ref: 'refVirtualBody',
         class: 'vxe-select--body',
         style: {
-          marginTop: topSpaceHeight ? "".concat(topSpaceHeight, "px") : ''
+          transform: "translateY(".concat(topSpaceHeight, "px)")
         }
       }, $xeSelect.renderOpts(h))])]), footerSlot ? h('div', {
         class: 'vxe-select--panel-footer'
@@ -49371,6 +49514,38 @@ dynamicApp.use(VxeTooltip);
 index_esm_VxeUI.component(tooltip);
 var Tooltip = VxeTooltip;
 /* harmony default export */ var packages_tooltip = (VxeTooltip);
+;// CONCATENATED MODULE: ./packages/tree/src/util.ts
+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);
+}
 ;// CONCATENATED MODULE: ./packages/tree/src/tree.ts
 
 
@@ -49391,6 +49566,9 @@ var Tooltip = VxeTooltip;
 
 
 
+
+
+
 
 
 
@@ -49417,7 +49595,19 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
   mixins: [globalMixins.sizeMixin],
   props: {
     data: Array,
+    autoResize: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().tree.autoResize;
+      }
+    },
     height: [String, Number],
+    maxHeight: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().tree.maxHeight;
+      }
+    },
     minHeight: {
       type: [String, Number],
       default: function _default() {
@@ -49545,17 +49735,27 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         return getConfig().tree.iconLoaded;
       }
     },
+    filterValue: [String, Number],
+    filterConfig: Object,
     size: {
       type: String,
       default: function _default() {
         return getConfig().tree.size || getConfig().size;
       }
-    }
+    },
+    virtualYConfig: Object
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = {
+      parentHeight: 0,
+      customHeight: 0,
+      customMinHeight: 0,
+      customMaxHeight: 0,
       currentNode: null,
+      scrollYLoad: false,
+      bodyHeight: 0,
+      topSpaceHeight: 0,
       selectRadioKey: null,
       treeList: [],
       updateExpandedFlag: 1,
@@ -49563,11 +49763,26 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
     };
     var internalData = {
       // initialized: false,
+      // lastFilterValue: '',
+      treeFullData: [],
+      afterTreeList: [],
+      afterVisibleList: [],
       nodeMaps: {},
       selectCheckboxMaps: {},
       indeterminateRowMaps: {},
       treeExpandedMaps: {},
-      treeExpandLazyLoadedMaps: {}
+      treeExpandLazyLoadedMaps: {},
+      lastScrollLeft: 0,
+      lastScrollTop: 0,
+      scrollYStore: {
+        startIndex: 0,
+        endIndex: 0,
+        visibleSize: 0,
+        offsetSize: 0,
+        rowHeight: 0
+      },
+      lastScrollTime: 0
+      // hpTimeout: undefined
     };
     return {
       xID: xID,
@@ -49612,6 +49827,11 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var props = $xeTree;
       return props.hasChildField || 'hasChild';
     },
+    computeVirtualYOpts: function computeVirtualYOpts() {
+      var $xeTree = this;
+      var props = $xeTree;
+      return Object.assign({}, getConfig().tree.virtualYConfig, props.virtualYConfig);
+    },
     computeIsRowCurrent: function computeIsRowCurrent() {
       var $xeTree = this;
       var props = $xeTree;
@@ -49658,17 +49878,26 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
     },
     computeTreeStyle: function computeTreeStyle() {
       var $xeTree = this;
-      var props = $xeTree;
-      var height = props.height,
-        minHeight = props.minHeight;
+      var reactData = $xeTree.reactData;
+      var customHeight = reactData.customHeight,
+        customMinHeight = reactData.customMinHeight,
+        customMaxHeight = reactData.customMaxHeight;
       var stys = {};
-      if (height) {
-        stys.height = toCssUnit(height);
+      if (customHeight) {
+        stys.height = toCssUnit(customHeight);
+      }
+      if (customMinHeight) {
+        stys.minHeight = toCssUnit(customMinHeight);
       }
-      if (minHeight) {
-        stys.minHeight = toCssUnit(minHeight);
+      if (customMaxHeight) {
+        stys.maxHeight = toCssUnit(customMaxHeight);
       }
       return stys;
+    },
+    computeFilterOpts: function computeFilterOpts() {
+      var $xeTree = this;
+      var props = $xeTree;
+      return Object.assign({}, getConfig().tree.filterConfig, props.filterConfig);
     }
   }),
   methods: {
@@ -49681,298 +49910,6 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         $tree: $xeTree
       }, params));
     },
-    clearCurrentNode: function clearCurrentNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      reactData.currentNode = null;
-      return $xeTree.$nextTick();
-    },
-    getCurrentNodeId: function getCurrentNodeId() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var currentNode = reactData.currentNode;
-      if (currentNode) {
-        return $xeTree.getNodeId(currentNode);
-      }
-      return null;
-    },
-    getCurrentNode: function getCurrentNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var currentNode = reactData.currentNode;
-      var nodeMaps = internalData.nodeMaps;
-      if (currentNode) {
-        var nodeItem = nodeMaps[$xeTree.getNodeId(currentNode)];
-        if (nodeItem) {
-          return nodeItem.item;
-        }
-      }
-      return null;
-    },
-    setCurrentNodeId: function setCurrentNodeId(nodeKey) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps;
-      var nodeItem = nodeMaps[nodeKey];
-      reactData.currentNode = nodeItem ? nodeItem.item : null;
-      return $xeTree.$nextTick();
-    },
-    setCurrentNode: function setCurrentNode(node) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      reactData.currentNode = node;
-      return $xeTree.$nextTick();
-    },
-    clearRadioNode: function clearRadioNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      reactData.selectRadioKey = null;
-      return $xeTree.$nextTick();
-    },
-    getCheckboxNodeIds: function getCheckboxNodeIds() {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var selectCheckboxMaps = internalData.selectCheckboxMaps;
-      return Object.keys(selectCheckboxMaps);
-    },
-    getCheckboxNodes: function getCheckboxNodes() {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps,
-        selectCheckboxMaps = internalData.selectCheckboxMaps;
-      var list = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, function (item, nodeid) {
-        var nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          list.push(nodeItem.item);
-        }
-      });
-      return list;
-    },
-    clearCheckboxNode: function clearCheckboxNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      internalData.selectCheckboxMaps = {};
-      reactData.updateCheckboxFlag++;
-      return $xeTree.$nextTick();
-    },
-    setAllCheckboxNode: function setAllCheckboxNode(checked) {
-      var $xeTree = this;
-      var props = $xeTree;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var transform = props.transform;
-      var selectMaps = {};
-      var childrenField = $xeTree.computeChildrenField;
-      var mapChildrenField = $xeTree.computeMapChildrenField;
-      if (checked) {
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(reactData.treeList, function (node) {
-          var nodeid = $xeTree.getNodeId(node);
-          selectMaps[nodeid] = true;
-        }, {
-          children: transform ? mapChildrenField : childrenField
-        });
-      }
-      internalData.selectCheckboxMaps = selectMaps;
-      reactData.updateCheckboxFlag++;
-      return $xeTree.$nextTick();
-    },
-    clearExpandNode: function clearExpandNode() {
-      var $xeTree = this;
-      return $xeTree.clearAllExpandNode();
-    },
-    clearAllExpandNode: function clearAllExpandNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps;
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(nodeMaps, function (nodeItem) {
-        nodeItem.treeLoaded = false;
-      });
-      internalData.treeExpandedMaps = {};
-      reactData.updateExpandedFlag++;
-      return $xeTree.$nextTick();
-    },
-    setExpandByNodeId: function setExpandByNodeId(nodeids, expanded) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      if (nodeids) {
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeids)) {
-          nodeids = [nodeids];
-        }
-        nodeids.forEach(function (nodeid) {
-          handleSetExpand(nodeid, expanded, treeExpandedMaps);
-        });
-        reactData.updateExpandedFlag++;
-      }
-      return $xeTree.$nextTick();
-    },
-    getExpandNodeIds: function getExpandNodeIds() {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().keys(treeExpandedMaps);
-    },
-    getExpandNodes: function getExpandNodes() {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps,
-        treeExpandedMaps = internalData.treeExpandedMaps;
-      var list = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(treeExpandedMaps, function (item, nodeid) {
-        var nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          list.push(nodeItem.item);
-        }
-      });
-      return list;
-    },
-    setExpandNode: function setExpandNode(nodes, expanded) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      if (nodes) {
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodes)) {
-          nodes = [nodes];
-        }
-        nodes.forEach(function (node) {
-          var nodeid = $xeTree.getNodeId(node);
-          handleSetExpand(nodeid, expanded, treeExpandedMaps);
-        });
-        reactData.updateExpandedFlag++;
-      }
-      return $xeTree.$nextTick();
-    },
-    toggleExpandByNodeId: function toggleExpandByNodeId(nodeids) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      if (nodeids) {
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeids)) {
-          nodeids = [nodeids];
-        }
-        nodeids.forEach(function (nodeid) {
-          handleSetExpand(nodeid, !treeExpandedMaps[nodeid], treeExpandedMaps);
-        });
-        reactData.updateExpandedFlag++;
-      }
-      return $xeTree.$nextTick();
-    },
-    toggleExpandNode: function toggleExpandNode(nodes) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      if (nodes) {
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodes)) {
-          nodes = [nodes];
-        }
-        nodes.forEach(function (node) {
-          var nodeid = $xeTree.getNodeId(node);
-          handleSetExpand(nodeid, !treeExpandedMaps[nodeid], treeExpandedMaps);
-        });
-        reactData.updateExpandedFlag++;
-      }
-      return $xeTree.$nextTick();
-    },
-    setAllExpandNode: function setAllExpandNode(expanded) {
-      var $xeTree = this;
-      var props = $xeTree;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var transform = props.transform;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      var childrenField = $xeTree.computeChildrenField;
-      var mapChildrenField = $xeTree.computeMapChildrenField;
-      if (expanded) {
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(reactData.treeList, function (node) {
-          var childList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, childrenField);
-          var hasChild = childList && childList.length;
-          if (hasChild) {
-            var nodeid = $xeTree.getNodeId(node);
-            treeExpandedMaps[nodeid] = true;
-          }
-        }, {
-          children: transform ? mapChildrenField : childrenField
-        });
-      } else {
-        internalData.treeExpandedMaps = {};
-      }
-      reactData.updateExpandedFlag++;
-      return $xeTree.$nextTick();
-    },
-    reloadExpandNode: function reloadExpandNode(node) {
-      var $xeTree = this;
-      var props = $xeTree;
-      var lazy = props.lazy;
-      if (lazy) {
-        $xeTree.clearExpandLoaded(node);
-        return $xeTree.handleAsyncTreeExpandChilds(node);
-      }
-      return $xeTree.$nextTick();
-    },
-    clearExpandLoaded: function clearExpandLoaded(node) {
-      var $xeTree = this;
-      var props = $xeTree;
-      var internalData = $xeTree.internalData;
-      var lazy = props.lazy;
-      var nodeMaps = internalData.nodeMaps;
-      if (lazy) {
-        var nodeItem = nodeMaps[$xeTree.getNodeId(node)];
-        if (nodeItem) {
-          nodeItem.treeLoaded = false;
-        }
-      }
-      return $xeTree.$nextTick();
-    },
-    /**
-     * 用于树结构，给行数据加载子节点
-     */
-    loadChildrenNode: function loadChildrenNode(node, childRecords) {
-      var $xeTree = this;
-      var props = $xeTree;
-      var internalData = $xeTree.internalData;
-      var lazy = props.lazy,
-        transform = props.transform;
-      var nodeMaps = internalData.nodeMaps;
-      if (!lazy) {
-        return Promise.resolve([]);
-      }
-      var childrenField = $xeTree.computeChildrenField;
-      var parentNodeItem = nodeMaps[$xeTree.getNodeId(node)];
-      var parentLevel = parentNodeItem ? parentNodeItem.level : 0;
-      var parentNodes = parentNodeItem ? parentNodeItem.nodes : [];
-      return $xeTree.createNode(childRecords).then(function (nodeList) {
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(nodeList, function (childRow, index, items, path, parent, nodes) {
-          var itemNodeId = $xeTree.getNodeId(childRow);
-          nodeMaps[itemNodeId] = {
-            item: node,
-            itemIndex: -1,
-            items: items,
-            parent: parent || parentNodeItem.item,
-            nodes: parentNodes.concat(nodes),
-            level: parentLevel + nodes.length,
-            lineCount: 0,
-            treeLoaded: false
-          };
-        }, {
-          children: childrenField
-        });
-        node[childrenField] = nodeList;
-        if (transform) {
-          node[childrenField] = nodeList;
-        }
-        $xeTree.updateNodeLine(node);
-        return nodeList;
-      });
-    },
     getNodeId: function getNodeId(node) {
       var $xeTree = this;
       var valueField = $xeTree.computeValueField;
@@ -50022,20 +49959,6 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var $xeTree = this;
       return $xeTree.isIndeterminateByCheckboxNodeid($xeTree.getNodeId(node));
     },
-    getCheckboxIndeterminateNodes: function getCheckboxIndeterminateNodes() {
-      var $xeTree = this;
-      var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps,
-        indeterminateRowMaps = internalData.indeterminateRowMaps;
-      var list = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(indeterminateRowMaps, function (item, nodeid) {
-        var nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          list.push(nodeItem.item);
-        }
-      });
-      return list;
-    },
     emitCheckboxMode: function emitCheckboxMode(value) {
       var $xeTree = this;
       $xeTree.$emit('update:checkNodeKeys', value);
@@ -50044,31 +49967,6 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var $xeTree = this;
       $xeTree.$emit('update:checkNodeKey', value);
     },
-    getRadioNodeId: function getRadioNodeId() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      return reactData.selectRadioKey || null;
-    },
-    setRadioNodeId: function setRadioNodeId(nodeKey) {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      reactData.selectRadioKey = nodeKey;
-      return $xeTree.$nextTick();
-    },
-    getRadioNode: function getRadioNode() {
-      var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var internalData = $xeTree.internalData;
-      var selectRadioKey = reactData.selectRadioKey;
-      var nodeMaps = internalData.nodeMaps;
-      if (selectRadioKey) {
-        var nodeItem = nodeMaps[selectRadioKey];
-        if (nodeItem) {
-          return nodeItem.item;
-        }
-      }
-      return null;
-    },
     setRadioNode: function setRadioNode(node) {
       var $xeTree = this;
       var reactData = $xeTree.reactData;
@@ -50143,6 +50041,54 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var $xeTree = this;
       $xeTree.setCheckboxByNodeId(nodeIds, true);
     },
+    handleSetExpand: function handleSetExpand(nodeid, expanded, expandedMaps) {
+      if (expanded) {
+        if (!expandedMaps[nodeid]) {
+          expandedMaps[nodeid] = true;
+        }
+      } else {
+        if (expandedMaps[nodeid]) {
+          delete expandedMaps[nodeid];
+        }
+      }
+    },
+    getParentElem: function getParentElem() {
+      var $xeTree = this;
+      var el = $xeTree.$refs.refElem;
+      return el ? el.parentElement : null;
+    },
+    calcTableHeight: function calcTableHeight(key) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var reactData = $xeTree.reactData;
+      var parentHeight = reactData.parentHeight;
+      var val = props[key];
+      var num = 0;
+      if (val) {
+        if (val === '100%' || val === 'auto') {
+          num = parentHeight;
+        } else {
+          if (isScale(val)) {
+            num = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(val) || 1) / 100 * parentHeight);
+          } else {
+            num = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val);
+          }
+          num = Math.max(40, num);
+        }
+      }
+      return num;
+    },
+    updateHeight: function updateHeight() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      reactData.customHeight = $xeTree.calcTableHeight('height');
+      reactData.customMinHeight = $xeTree.calcTableHeight('minHeight');
+      reactData.customMaxHeight = $xeTree.calcTableHeight('maxHeight');
+      // 如果启用虚拟滚动，默认高度
+      if (reactData.scrollYLoad && !(reactData.customHeight || reactData.customMinHeight)) {
+        reactData.customHeight = 300;
+      }
+    },
     createNode: function createNode(records) {
       var $xeTree = this;
       var valueField = $xeTree.computeValueField;
@@ -50158,16 +50104,12 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
     },
     cacheNodeMap: function cacheNodeMap() {
       var $xeTree = this;
-      var props = $xeTree;
-      var reactData = $xeTree.reactData;
       var internalData = $xeTree.internalData;
-      var transform = props.transform;
-      var treeList = reactData.treeList;
+      var treeFullData = internalData.treeFullData;
       var valueField = $xeTree.computeValueField;
       var childrenField = $xeTree.computeChildrenField;
-      var mapChildrenField = $xeTree.computeMapChildrenField;
       var keyMaps = {};
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(treeList, function (item, itemIndex, items, path, parent, nodes) {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(treeFullData, function (item, index, items, path, parent, nodes) {
         var nodeid = $xeTree.getNodeId(item);
         if (!nodeid) {
           nodeid = getNodeUniqueId();
@@ -50175,84 +50117,439 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         }
         keyMaps[nodeid] = {
           item: item,
-          itemIndex: itemIndex,
+          index: index,
           items: items,
           parent: parent,
           nodes: nodes,
           level: nodes.length,
+          treeIndex: index,
           lineCount: 0,
           treeLoaded: false
         };
       }, {
-        children: transform ? mapChildrenField : childrenField
+        children: childrenField
       });
       internalData.nodeMaps = keyMaps;
     },
-    loadTreeData: function loadTreeData(list) {
+    updateAfterDataIndex: function updateAfterDataIndex() {
+      var $xeTree = this;
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform;
+      var afterTreeList = internalData.afterTreeList,
+        nodeMaps = internalData.nodeMaps;
+      var childrenField = $xeTree.computeChildrenField;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeList, function (item, index, items) {
+        var nodeid = $xeTree.getNodeId(item);
+        var nodeItem = nodeMaps[nodeid];
+        if (nodeItem) {
+          nodeItem.items = items;
+          nodeItem.treeIndex = index;
+        } else {
+          var rest = {
+            item: item,
+            index: index,
+            items: items,
+            parent: parent,
+            nodes: [],
+            level: 0,
+            treeIndex: index,
+            lineCount: 0,
+            treeLoaded: false
+          };
+          nodeMaps[nodeid] = rest;
+        }
+      }, {
+        children: transform ? mapChildrenField : childrenField
+      });
+    },
+    updateAfterFullData: function updateAfterFullData() {
+      var $xeTree = this;
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform,
+        filterValue = props.filterValue;
+      var treeFullData = internalData.treeFullData,
+        lastFilterValue = internalData.lastFilterValue;
+      var titleField = $xeTree.computeTitleField;
+      var childrenField = $xeTree.computeChildrenField;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      var filterOpts = $xeTree.computeFilterOpts;
+      var autoExpandAll = filterOpts.autoExpandAll,
+        beforeFilterMethod = filterOpts.beforeFilterMethod,
+        filterMethod = filterOpts.filterMethod,
+        afterFilterMethod = filterOpts.afterFilterMethod;
+      var fullList = treeFullData;
+      var treeList = fullList;
+      var filterStr = '';
+      if (filterValue || filterValue === 0) {
+        filterStr = "".concat(filterValue);
+        var handleSearch = filterMethod ? function (item) {
+          return filterMethod({
+            $tree: $xeTree,
+            node: item,
+            filterValue: filterStr
+          });
+        } : function (item) {
+          return String(item[titleField]).toLowerCase().indexOf(filterStr) > -1;
+        };
+        var bafParams = {
+          $tree: $xeTree,
+          filterValue: filterStr
+        };
+        if (beforeFilterMethod) {
+          beforeFilterMethod(bafParams);
+        }
+        if (transform) {
+          treeList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(treeFullData, handleSearch, {
+            children: childrenField,
+            mapChildren: mapChildrenField,
+            isEvery: true
+          });
+          fullList = treeList;
+        } else {
+          fullList = treeFullData.filter(handleSearch);
+        }
+        internalData.lastFilterValue = filterStr;
+        $xeTree.$nextTick(function () {
+          // 筛选时自动展开
+          if (autoExpandAll) {
+            $xeTree.setAllExpandNode(true).then(function () {
+              if (afterFilterMethod) {
+                afterFilterMethod(bafParams);
+              }
+            });
+          } else {
+            if (afterFilterMethod) {
+              afterFilterMethod(bafParams);
+            }
+          }
+        });
+      } else {
+        if (transform) {
+          treeList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(treeFullData, function () {
+            return true;
+          }, {
+            children: childrenField,
+            mapChildren: mapChildrenField,
+            isEvery: true
+          });
+          fullList = treeList;
+          if (lastFilterValue) {
+            var _bafParams = {
+              $tree: $xeTree,
+              filterValue: filterStr
+            };
+            if (beforeFilterMethod) {
+              beforeFilterMethod(_bafParams);
+            }
+            // 取消筛选时自动收起
+            $xeTree.$nextTick(function () {
+              if (autoExpandAll) {
+                $xeTree.clearAllExpandNode().then(function () {
+                  if (afterFilterMethod) {
+                    afterFilterMethod(_bafParams);
+                  }
+                });
+              } else {
+                if (afterFilterMethod) {
+                  afterFilterMethod(_bafParams);
+                }
+              }
+            });
+          }
+        }
+        internalData.lastFilterValue = '';
+      }
+      internalData.afterVisibleList = fullList;
+      internalData.afterTreeList = treeList;
+      $xeTree.updateAfterDataIndex();
+    },
+    /**
+     * 如果为虚拟树、则将树结构拍平
+     */
+    handleTreeToList: function handleTreeToList() {
       var $xeTree = this;
       var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform;
+      var afterTreeList = internalData.afterTreeList,
+        treeExpandedMaps = internalData.treeExpandedMaps;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      var expandMaps = {};
+      if (transform) {
+        var fullData = [];
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeList, function (item, index, items, path, parentRow) {
+          var nodeid = $xeTree.getNodeId(item);
+          var parentNodeid = $xeTree.getNodeId(parentRow);
+          if (!parentRow || expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid]) {
+            expandMaps[nodeid] = 1;
+            fullData.push(item);
+          }
+        }, {
+          children: mapChildrenField
+        });
+        $xeTree.updateScrollYStatus(fullData);
+        internalData.afterVisibleList = fullData;
+        return fullData;
+      }
+      return internalData.afterVisibleList;
+    },
+    handleData: function handleData(force) {
+      var $xeTree = this;
       var reactData = $xeTree.reactData;
       var internalData = $xeTree.internalData;
+      var scrollYLoad = reactData.scrollYLoad;
+      var scrollYStore = internalData.scrollYStore;
+      var fullList = internalData.afterVisibleList;
+      if (force) {
+        // 更新数据，处理筛选和排序
+        $xeTree.updateAfterFullData();
+        // 如果为虚拟树，将树结构拍平
+        fullList = $xeTree.handleTreeToList();
+      }
+      var treeList = scrollYLoad ? fullList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullList.slice(0);
+      reactData.treeList = treeList;
+    },
+    triggerSearchEvent: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(function () {
+      var $xeSelect = this;
+      $xeSelect.handleData(true);
+    }, 350, {
+      trailing: true
+    }),
+    loadData: function loadData(list) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
       var expandAll = props.expandAll,
         transform = props.transform;
-      var initialized = internalData.initialized;
+      var initialized = internalData.initialized,
+        scrollYStore = internalData.scrollYStore;
       var keyField = $xeTree.computeKeyField;
       var parentField = $xeTree.computeParentField;
-      var mapChildrenField = $xeTree.computeMapChildrenField;
-      if (transform) {
-        reactData.treeList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toArrayTree(list, {
-          key: keyField,
-          parentKey: parentField,
-          mapChildren: mapChildrenField
-        });
-      } else {
-        reactData.treeList = list ? list.slice(0) : [];
-      }
+      var childrenField = $xeTree.computeChildrenField;
+      var fullData = transform ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toArrayTree(list, {
+        key: keyField,
+        parentKey: parentField,
+        mapChildren: childrenField
+      }) : list ? list.slice(0) : [];
+      internalData.treeFullData = fullData;
+      Object.assign(scrollYStore, {
+        startIndex: 0,
+        endIndex: 1,
+        visibleSize: 0
+      });
+      var sYLoad = $xeTree.updateScrollYStatus(fullData);
       $xeTree.cacheNodeMap();
-      if (!initialized) {
-        if (list && list.length) {
-          internalData.initialized = true;
-          if (expandAll) {
-            $xeTree.setAllExpandNode(true);
+      $xeTree.handleData(true);
+      if (sYLoad) {
+        if (!(props.height || props.maxHeight)) {
+          errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false']);
+        }
+      }
+      return $xeTree.computeScrollLoad().then(function () {
+        if (!initialized) {
+          if (list && list.length) {
+            internalData.initialized = true;
+            if (expandAll) {
+              $xeTree.setAllExpandNode(true);
+            }
+            $xeTree.setCheckboxByNodeId(props.checkNodeKeys || [], true);
           }
-          $xeTree.setCheckboxByNodeId(props.checkNodeKeys || [], true);
         }
-      }
+        $xeTree.updateHeight();
+        $xeTree.refreshScroll();
+      });
     },
-    handleCountLine: function handleCountLine(item, isRoot, nodeItem) {
+    updateScrollYStatus: function updateScrollYStatus(fullData) {
       var $xeTree = this;
+      var props = $xeTree;
+      var reactData = $xeTree.reactData;
       var internalData = $xeTree.internalData;
-      var treeExpandedMaps = internalData.treeExpandedMaps;
-      var childrenField = $xeTree.computeChildrenField;
-      var nodeid = $xeTree.getNodeId(item);
-      nodeItem.lineCount++;
-      if (treeExpandedMaps[nodeid]) {
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(item[childrenField], function (childItem, childIndex, childList) {
-          if (!isRoot || childIndex < childList.length - 1) {
-            $xeTree.handleCountLine(childItem, false, nodeItem);
+      var transform = props.transform;
+      var virtualYOpts = $xeTree.computeVirtualYOpts;
+      var allList = fullData || internalData.treeFullData;
+      // 如果gt为0，则总是启用
+      var scrollYLoad = !!transform && !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt < allList.length);
+      reactData.scrollYLoad = scrollYLoad;
+      return scrollYLoad;
+    },
+    updateYSpace: function updateYSpace() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var scrollYLoad = reactData.scrollYLoad;
+      var scrollYStore = internalData.scrollYStore,
+        afterVisibleList = internalData.afterVisibleList;
+      reactData.bodyHeight = scrollYLoad ? afterVisibleList.length * scrollYStore.rowHeight : 0;
+      reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
+    },
+    updateYData: function updateYData() {
+      var $xeTree = this;
+      $xeTree.handleData();
+      $xeTree.updateYSpace();
+    },
+    computeScrollLoad: function computeScrollLoad() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      return $xeTree.$nextTick().then(function () {
+        var scrollYLoad = reactData.scrollYLoad;
+        var scrollYStore = internalData.scrollYStore;
+        var virtualBodyElem = $xeTree.$refs.refVirtualBody;
+        var virtualYOpts = $xeTree.computeVirtualYOpts;
+        var rowHeight = 0;
+        var firstItemElem;
+        if (virtualBodyElem) {
+          if (!firstItemElem) {
+            firstItemElem = virtualBodyElem.children[0];
           }
+        }
+        if (firstItemElem) {
+          rowHeight = firstItemElem.offsetHeight;
+        }
+        rowHeight = Math.max(20, rowHeight);
+        scrollYStore.rowHeight = rowHeight;
+        // 计算 Y 逻辑
+        if (scrollYLoad) {
+          var scrollBodyElem = $xeTree.$refs.refVirtualWrapper;
+          var visibleYSize = Math.max(8, scrollBodyElem ? Math.ceil(scrollBodyElem.clientHeight / rowHeight) : 0);
+          var offsetYSize = Math.max(0, Math.min(2, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(virtualYOpts.oSize)));
+          scrollYStore.offsetSize = offsetYSize;
+          scrollYStore.visibleSize = visibleYSize;
+          scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
+          $xeTree.updateYData();
+        } else {
+          $xeTree.updateYSpace();
+        }
+      });
+    },
+    /**
+     * 如果有滚动条，则滚动到对应的位置
+     * @param {Number} scrollLeft 左距离
+     * @param {Number} scrollTop 上距离
+     */
+    scrollTo: function scrollTo(scrollLeft, scrollTop) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var scrollBodyElem = $xeTree.$refs.refVirtualWrapper;
+      if (scrollBodyElem) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
+          scrollBodyElem.scrollLeft = scrollLeft;
+        }
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollTop)) {
+          scrollBodyElem.scrollTop = scrollTop;
+        }
+      }
+      if (reactData.scrollYLoad) {
+        return new Promise(function (resolve) {
+          setTimeout(function () {
+            $xeTree.$nextTick(function () {
+              resolve();
+            });
+          }, 50);
         });
       }
+      return $xeTree.$nextTick();
+    },
+    /**
+     * 刷新滚动条
+     */
+    refreshScroll: function refreshScroll() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var lastScrollLeft = internalData.lastScrollLeft,
+        lastScrollTop = internalData.lastScrollTop;
+      return $xeTree.clearScroll().then(function () {
+        if (lastScrollLeft || lastScrollTop) {
+          internalData.lastScrollLeft = 0;
+          internalData.lastScrollTop = 0;
+          return scrollTo(lastScrollLeft, lastScrollTop);
+        }
+      });
+    },
+    /**
+     * 重新计算列表
+     */
+    recalculate: function recalculate() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var scrollYStore = internalData.scrollYStore;
+      var rowHeight = scrollYStore.rowHeight;
+      var el = $xeTree.$refs.refElem;
+      if (el && el.clientWidth && el.clientHeight) {
+        var parentEl = $xeTree.getParentElem();
+        var headerWrapperEl = $xeTree.$refs.refHeaderWrapperElem;
+        var footerWrapperEl = $xeTree.$refs.refFooterWrapperElem;
+        var headHeight = headerWrapperEl ? headerWrapperEl.clientHeight : 0;
+        var footHeight = footerWrapperEl ? footerWrapperEl.clientHeight : 0;
+        if (parentEl) {
+          var parentPaddingSize = getPaddingTopBottomSize(parentEl);
+          reactData.parentHeight = Math.max(headHeight + footHeight + rowHeight, parentEl.clientHeight - parentPaddingSize - headHeight - footHeight);
+        }
+        $xeTree.updateHeight();
+        return $xeTree.computeScrollLoad();
+      }
+      return $xeTree.$nextTick();
     },
-    updateNodeLine: function updateNodeLine(node) {
+    loadYData: function loadYData(evnt) {
       var $xeTree = this;
       var internalData = $xeTree.internalData;
-      var nodeMaps = internalData.nodeMaps;
-      if (node) {
-        var nodeid = $xeTree.getNodeId(node);
-        var nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().lastArrayEach(nodeItem.nodes, function (childItem) {
-            var nodeid = $xeTree.getNodeId(childItem);
-            var nodeItem = nodeMaps[nodeid];
-            if (nodeItem) {
-              nodeItem.lineCount = 0;
-              $xeTree.handleCountLine(childItem, true, nodeItem);
-            }
-          });
+      var scrollYStore = internalData.scrollYStore;
+      var startIndex = scrollYStore.startIndex,
+        endIndex = scrollYStore.endIndex,
+        visibleSize = scrollYStore.visibleSize,
+        offsetSize = scrollYStore.offsetSize,
+        rowHeight = scrollYStore.rowHeight;
+      var scrollBodyElem = evnt.target;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var toVisibleIndex = Math.floor(scrollTop / rowHeight);
+      var offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
+      var offsetEndIndex = toVisibleIndex + visibleSize + offsetSize;
+      if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+        if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+          scrollYStore.startIndex = offsetStartIndex;
+          scrollYStore.endIndex = offsetEndIndex;
+          $xeTree.updateYData();
         }
       }
     },
+    scrollEvent: function scrollEvent(evnt) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var scrollBodyElem = evnt.target;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var scrollLeft = scrollBodyElem.scrollLeft;
+      var isX = scrollLeft !== internalData.lastScrollLeft;
+      var isY = scrollTop !== internalData.lastScrollTop;
+      internalData.lastScrollTop = scrollTop;
+      internalData.lastScrollLeft = scrollLeft;
+      if (reactData.scrollYLoad) {
+        $xeTree.loadYData(evnt);
+      }
+      internalData.lastScrollTime = Date.now();
+      $xeTree.dispatchEvent('scroll', {
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        isX: isX,
+        isY: isY
+      }, evnt);
+    },
+    clearScroll: function clearScroll() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var scrollBodyElem = $xeTree.$refs.refVirtualWrapper;
+      if (scrollBodyElem) {
+        scrollBodyElem.scrollTop = 0;
+        scrollBodyElem.scrollLeft = 0;
+      }
+      internalData.lastScrollTop = 0;
+      internalData.lastScrollLeft = 0;
+      return $xeTree.$nextTick();
+    },
     handleNodeClickEvent: function handleNodeClickEvent(evnt, node) {
       var $xeTree = this;
       var props = $xeTree;
@@ -50336,7 +50633,6 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
                 if (!checkStrictly && $xeTree.isCheckedByCheckboxNodeId(nodeid)) {
                   $xeTree.handleCheckedCheckboxNode(childRows, true);
                 }
-                $xeTree.updateNodeLine(node);
                 $xeTree.dispatchEvent('load-success', {
                   node: node,
                   data: childRecords
@@ -50344,7 +50640,6 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
                 return $xeTree.$nextTick();
               });
             } else {
-              $xeTree.updateNodeLine(node);
               $xeTree.dispatchEvent('load-success', {
                 node: node,
                 data: childRecords
@@ -50356,13 +50651,14 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
             if (treeExpandLazyLoadedMaps[nodeid]) {
               treeExpandLazyLoadedMaps[nodeid] = false;
             }
-            $xeTree.updateNodeLine(node);
             $xeTree.dispatchEvent('load-error', {
               node: node,
               data: e
             }, new Event('load-error'));
           }).finally(function () {
-            return $xeTree.$nextTick();
+            $xeTree.handleTreeToList();
+            $xeTree.handleData();
+            return $xeTree.recalculate();
           });
         } else {
           resolve();
@@ -50438,8 +50734,11 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         });
       }
       reactData.updateExpandedFlag++;
-      expandNodes.forEach($xeTree.updateNodeLine);
-      return Promise.all(result);
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return Promise.all(result).then(function () {
+        return $xeTree.recalculate();
+      });
     },
     toggleExpandEvent: function toggleExpandEvent(evnt, node) {
       var $xeTree = this;
@@ -50461,9 +50760,9 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var reactData = $xeTree.reactData;
       var internalData = $xeTree.internalData;
       var transform = props.transform;
-      var treeList = reactData.treeList;
       var selectCheckboxMaps = internalData.selectCheckboxMaps,
-        indeterminateRowMaps = internalData.indeterminateRowMaps;
+        indeterminateRowMaps = internalData.indeterminateRowMaps,
+        afterTreeList = internalData.afterTreeList;
       var childrenField = $xeTree.computeChildrenField;
       var mapChildrenField = $xeTree.computeMapChildrenField;
       var checkboxOpts = $xeTree.computeCheckboxOpts;
@@ -50472,7 +50771,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       if (!checkStrictly) {
         var childRowMaps = {};
         var childRowList = [];
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(treeList, function (node) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeList, function (node) {
           var nodeid = $xeTree.getNodeId(node);
           var childList = node[childrenField];
           if (childList && childList.length && !childRowMaps[nodeid]) {
@@ -50488,11 +50787,13 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
           var childList = vals[2];
           var sLen = 0; // 已选
           var hLen = 0; // 半选
-          var vLen = 0; // 有效行
+          var vLen = 0; // 有效子行
+          var cLen = childList.length; // 子行
           childList.forEach(checkMethod ? function (item) {
             var childNodeid = $xeTree.getNodeId(item);
             var isSelect = selectCheckboxMaps[childNodeid];
             if (checkMethod({
+              $tree: $xeTree,
               node: item
             })) {
               if (isSelect) {
@@ -50518,8 +50819,25 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
             }
             vLen++;
           });
-          var isSelected = sLen >= vLen;
-          var halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+          var isSelected = false;
+          if (cLen > 0) {
+            if (vLen > 0) {
+              isSelected = (sLen > 0 || hLen > 0) && sLen >= vLen;
+            } else {
+              // 如果存在子项禁用
+              if (sLen > 0 && sLen >= vLen) {
+                isSelected = true;
+              } else if (selectCheckboxMaps[nodeid]) {
+                isSelected = true;
+              } else {
+                isSelected = false;
+              }
+            }
+          } else {
+            // 如果无子项
+            isSelected = selectCheckboxMaps[nodeid];
+          }
+          var halfSelect = !isSelected && (sLen > 0 || hLen > 0);
           if (isSelected) {
             selectCheckboxMaps[nodeid] = node;
             if (indeterminateRowMaps[nodeid]) {
@@ -50558,6 +50876,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var isDisabled = !!checkMethod;
       if (checkMethod) {
         isDisabled = !checkMethod({
+          $tree: $xeTree,
           node: node
         });
       }
@@ -50573,7 +50892,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         selectCheckboxMaps[nodeid] = node;
       }
       if (!checkStrictly) {
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, childrenField), function (childNode) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, transform ? mapChildrenField : childrenField), function (childNode) {
           var childNodeid = $xeTree.getNodeId(childNode);
           if (isChecked) {
             if (!selectCheckboxMaps[childNodeid]) {
@@ -50643,6 +50962,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var isDisabled = !!checkMethod;
       if (checkMethod) {
         isDisabled = !checkMethod({
+          $tree: $xeTree,
           node: node
         });
       }
@@ -50659,6 +50979,373 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         checked: isChecked
       }, evnt);
     },
+    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
+      var $xeTree = this;
+      var el = $xeTree.$refs.refElem;
+      if (!el || !el.clientWidth) {
+        return;
+      }
+      $xeTree.recalculate();
+    },
+    reloadData: function reloadData(data) {
+      var $xeTree = this;
+      return $xeTree.loadData(data || []);
+    },
+    clearCurrentNode: function clearCurrentNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      reactData.currentNode = null;
+      return $xeTree.$nextTick();
+    },
+    getCurrentNodeId: function getCurrentNodeId() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var currentNode = reactData.currentNode;
+      if (currentNode) {
+        return $xeTree.getNodeId(currentNode);
+      }
+      return null;
+    },
+    getCurrentNode: function getCurrentNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var currentNode = reactData.currentNode;
+      var nodeMaps = internalData.nodeMaps;
+      if (currentNode) {
+        var nodeItem = nodeMaps[$xeTree.getNodeId(currentNode)];
+        if (nodeItem) {
+          return nodeItem.item;
+        }
+      }
+      return null;
+    },
+    setCurrentNodeId: function setCurrentNodeId(nodeKey) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var nodeMaps = internalData.nodeMaps;
+      var nodeItem = nodeMaps[nodeKey];
+      reactData.currentNode = nodeItem ? nodeItem.item : null;
+      return $xeTree.$nextTick();
+    },
+    setCurrentNode: function setCurrentNode(node) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      reactData.currentNode = node;
+      return $xeTree.$nextTick();
+    },
+    clearRadioNode: function clearRadioNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      reactData.selectRadioKey = null;
+      return $xeTree.$nextTick();
+    },
+    getRadioNodeId: function getRadioNodeId() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      return reactData.selectRadioKey || null;
+    },
+    getRadioNode: function getRadioNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var selectRadioKey = reactData.selectRadioKey;
+      var nodeMaps = internalData.nodeMaps;
+      if (selectRadioKey) {
+        var nodeItem = nodeMaps[selectRadioKey];
+        if (nodeItem) {
+          return nodeItem.item;
+        }
+      }
+      return null;
+    },
+    setRadioNodeId: function setRadioNodeId(nodeKey) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      reactData.selectRadioKey = nodeKey;
+      return $xeTree.$nextTick();
+    },
+    getCheckboxNodeIds: function getCheckboxNodeIds() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var selectCheckboxMaps = internalData.selectCheckboxMaps;
+      return Object.keys(selectCheckboxMaps);
+    },
+    getCheckboxNodes: function getCheckboxNodes() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var nodeMaps = internalData.nodeMaps,
+        selectCheckboxMaps = internalData.selectCheckboxMaps;
+      var list = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, function (item, nodeid) {
+        var nodeItem = nodeMaps[nodeid];
+        if (nodeItem) {
+          list.push(nodeItem.item);
+        }
+      });
+      return list;
+    },
+    clearCheckboxNode: function clearCheckboxNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      internalData.selectCheckboxMaps = {};
+      reactData.updateCheckboxFlag++;
+      return $xeTree.$nextTick().then(function () {
+        return {
+          checkNodeKeys: []
+        };
+      });
+    },
+    setAllCheckboxNode: function setAllCheckboxNode(checked) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform;
+      var selectMaps = {};
+      var childrenField = $xeTree.computeChildrenField;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      var checkKeys = [];
+      if (checked) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(internalData.afterTreeList, function (node) {
+          var nodeid = $xeTree.getNodeId(node);
+          checkKeys.push(nodeid);
+          selectMaps[nodeid] = true;
+        }, {
+          children: transform ? mapChildrenField : childrenField
+        });
+      }
+      internalData.selectCheckboxMaps = selectMaps;
+      reactData.updateCheckboxFlag++;
+      return $xeTree.$nextTick().then(function () {
+        return {
+          checkNodeKeys: checkKeys
+        };
+      });
+    },
+    clearExpandNode: function clearExpandNode() {
+      var $xeTree = this;
+      return $xeTree.clearAllExpandNode();
+    },
+    clearAllExpandNode: function clearAllExpandNode() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var nodeMaps = internalData.nodeMaps;
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(nodeMaps, function (nodeItem) {
+        nodeItem.treeLoaded = false;
+      });
+      internalData.treeExpandedMaps = {};
+      reactData.updateExpandedFlag++;
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    setExpandByNodeId: function setExpandByNodeId(nodeids, expanded) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      if (nodeids) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeids)) {
+          nodeids = [nodeids];
+        }
+        nodeids.forEach(function (nodeid) {
+          handleSetExpand(nodeid, expanded, treeExpandedMaps);
+        });
+        reactData.updateExpandedFlag++;
+      }
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    getExpandNodeIds: function getExpandNodeIds() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().keys(treeExpandedMaps);
+    },
+    getExpandNodes: function getExpandNodes() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var nodeMaps = internalData.nodeMaps,
+        treeExpandedMaps = internalData.treeExpandedMaps;
+      var list = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(treeExpandedMaps, function (item, nodeid) {
+        var nodeItem = nodeMaps[nodeid];
+        if (nodeItem) {
+          list.push(nodeItem.item);
+        }
+      });
+      return list;
+    },
+    setExpandNode: function setExpandNode(nodes, expanded) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      if (nodes) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodes)) {
+          nodes = [nodes];
+        }
+        nodes.forEach(function (node) {
+          var nodeid = $xeTree.getNodeId(node);
+          handleSetExpand(nodeid, expanded, treeExpandedMaps);
+        });
+        reactData.updateExpandedFlag++;
+      }
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    toggleExpandByNodeId: function toggleExpandByNodeId(nodeids) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      if (nodeids) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeids)) {
+          nodeids = [nodeids];
+        }
+        nodeids.forEach(function (nodeid) {
+          handleSetExpand(nodeid, !treeExpandedMaps[nodeid], treeExpandedMaps);
+        });
+        reactData.updateExpandedFlag++;
+      }
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    toggleExpandNode: function toggleExpandNode(nodes) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      if (nodes) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodes)) {
+          nodes = [nodes];
+        }
+        nodes.forEach(function (node) {
+          var nodeid = $xeTree.getNodeId(node);
+          handleSetExpand(nodeid, !treeExpandedMaps[nodeid], treeExpandedMaps);
+        });
+        reactData.updateExpandedFlag++;
+      }
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    setAllExpandNode: function setAllExpandNode(expanded) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      var childrenField = $xeTree.computeChildrenField;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      if (expanded) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(internalData.afterTreeList, function (node) {
+          var childList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, childrenField);
+          var hasChild = childList && childList.length;
+          if (hasChild) {
+            var nodeid = $xeTree.getNodeId(node);
+            treeExpandedMaps[nodeid] = true;
+          }
+        }, {
+          children: transform ? mapChildrenField : childrenField
+        });
+      } else {
+        internalData.treeExpandedMaps = {};
+      }
+      reactData.updateExpandedFlag++;
+      $xeTree.handleTreeToList();
+      $xeTree.handleData();
+      return $xeTree.recalculate();
+    },
+    reloadExpandNode: function reloadExpandNode(node) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var lazy = props.lazy;
+      if (lazy) {
+        $xeTree.clearExpandLoaded(node);
+        return $xeTree.handleAsyncTreeExpandChilds(node);
+      }
+      return $xeTree.recalculate();
+    },
+    clearExpandLoaded: function clearExpandLoaded(node) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var lazy = props.lazy;
+      var nodeMaps = internalData.nodeMaps;
+      if (lazy) {
+        var nodeItem = nodeMaps[$xeTree.getNodeId(node)];
+        if (nodeItem) {
+          nodeItem.treeLoaded = false;
+        }
+      }
+      return $xeTree.recalculate();
+    },
+    /**
+     * 用于树结构，给行数据加载子节点
+     */
+    loadChildrenNode: function loadChildrenNode(node, childRecords) {
+      var $xeTree = this;
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var lazy = props.lazy,
+        transform = props.transform;
+      var nodeMaps = internalData.nodeMaps;
+      if (!lazy) {
+        return Promise.resolve([]);
+      }
+      var childrenField = $xeTree.computeChildrenField;
+      var mapChildrenField = $xeTree.computeMapChildrenField;
+      var parentNodeItem = nodeMaps[$xeTree.getNodeId(node)];
+      var parentLevel = parentNodeItem ? parentNodeItem.level : 0;
+      var parentNodes = parentNodeItem ? parentNodeItem.nodes : [];
+      return $xeTree.createNode(childRecords).then(function (nodeList) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(nodeList, function (childRow, index, items, path, parent, nodes) {
+          var itemNodeId = $xeTree.getNodeId(childRow);
+          nodeMaps[itemNodeId] = {
+            item: node,
+            index: -1,
+            items: items,
+            parent: parent || parentNodeItem.item,
+            nodes: parentNodes.concat(nodes),
+            level: parentLevel + nodes.length,
+            treeIndex: -1,
+            lineCount: 0,
+            treeLoaded: false
+          };
+        }, {
+          children: childrenField
+        });
+        node[childrenField] = nodeList;
+        if (transform) {
+          node[mapChildrenField] = nodeList;
+        }
+        $xeTree.updateAfterDataIndex();
+        return nodeList;
+      });
+    },
+    getCheckboxIndeterminateNodes: function getCheckboxIndeterminateNodes() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var nodeMaps = internalData.nodeMaps,
+        indeterminateRowMaps = internalData.indeterminateRowMaps;
+      var list = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(indeterminateRowMaps, function (item, nodeid) {
+        var nodeItem = nodeMaps[nodeid];
+        if (nodeItem) {
+          list.push(nodeItem.item);
+        }
+      });
+      return list;
+    },
     //
     // Render
     //
@@ -50671,12 +51358,14 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         checkMethod = radioOpts.checkMethod,
         visibleMethod = radioOpts.visibleMethod;
       var isVisible = !visibleMethod || visibleMethod({
+        $tree: $xeTree,
         node: node
       });
       var isDisabled = !!checkMethod;
       if (showRadio && showIcon && isVisible) {
         if (checkMethod) {
           isDisabled = !checkMethod({
+            $tree: $xeTree,
             node: node
           });
         }
@@ -50708,12 +51397,14 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         visibleMethod = checkboxOpts.visibleMethod;
       var isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid);
       var isVisible = !visibleMethod || visibleMethod({
+        $tree: $xeTree,
         node: node
       });
       var isDisabled = !!checkMethod;
       if (showCheckbox && showIcon && isVisible) {
         if (checkMethod) {
           isDisabled = !checkMethod({
+            $tree: $xeTree,
             node: node
           });
         }
@@ -50736,7 +51427,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       }
       return renderEmptyElement($xeTree);
     },
-    renderNode: function renderNode(h, node) {
+    renderNode: function renderNode(h, node, nodeid) {
       var $xeTree = this;
       var props = $xeTree;
       var slots = $xeTree.$scopedSlots;
@@ -50754,7 +51445,8 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var currentNode = reactData.currentNode,
         selectRadioKey = reactData.selectRadioKey,
         updateExpandedFlag = reactData.updateExpandedFlag;
-      var nodeMaps = internalData.nodeMaps,
+      var afterTreeList = internalData.afterTreeList,
+        nodeMaps = internalData.nodeMaps,
         treeExpandedMaps = internalData.treeExpandedMaps,
         treeExpandLazyLoadedMaps = internalData.treeExpandLazyLoadedMaps;
       var childrenField = $xeTree.computeChildrenField;
@@ -50765,14 +51457,12 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var iconSlot = slots.icon;
       var titleSlot = slots.title;
       var extraSlot = slots.extra;
-      var nodeid = $xeTree.getNodeId(node);
       var isExpand = updateExpandedFlag && treeExpandedMaps[nodeid];
       var nodeItem = nodeMaps[nodeid];
       var nodeValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, titleField);
       var isRadioChecked = false;
       if (showRadio) {
-        // eslint-disable-next-line eqeqeq
-        isRadioChecked = nodeid == selectRadioKey;
+        isRadioChecked = nodeid === String(selectRadioKey);
       }
       var isCheckboxChecked = false;
       if (showCheckbox) {
@@ -50786,23 +51476,13 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
         hasLazyChilds = node[hasChildField];
         isLazyLoaded = !!nodeItem.treeLoaded;
       }
-      var childVns = [];
-      if (hasChild && treeExpandedMaps[nodeid]) {
-        if (showLine) {
-          childVns.push(h('div', {
-            key: 'line',
-            class: 'vxe-tree--node-child-line',
-            style: {
-              height: "calc(".concat(nodeItem.lineCount, " * var(--vxe-ui-tree-node-height) - var(--vxe-ui-tree-node-height) / 2)"),
-              left: "".concat((nodeItem.level + 1) * (indent || 1), "px")
-            }
-          }));
-        }
-        childList.forEach(function (childItem) {
-          childVns.push($xeTree.renderNode(h, childItem));
-        });
-      }
+      var prevNode = nodeItem.items[nodeItem.treeIndex - 1];
+      var nParams = {
+        node: node,
+        isExpand: isExpand
+      };
       return h('div', {
+        key: nodeid,
         class: ['vxe-tree--node-wrapper', "node--level-".concat(nodeItem.level)],
         attrs: {
           nodeid: nodeid
@@ -50824,7 +51504,14 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
             $xeTree.handleNodeDblclickEvent(evnt, node);
           }
         }
-      }, [showIcon || showLine ? h('div', {
+      }, [showLine ? h('div', {
+        class: 'vxe-tree--node-line-wrapper'
+      }, [h('div', {
+        class: 'vxe-tree--node-line',
+        style: {
+          height: "".concat($xeTree.getNodeId(afterTreeList[0]) === nodeid ? 1 : calcTreeLine($xeTree, node, prevNode), "px")
+        }
+      })]) : renderEmptyElement($xeTree), h('div', {
         class: 'vxe-tree--node-item-switcher'
       }, showIcon && (lazy ? isLazyLoaded ? hasChild : hasLazyChilds : hasChild) ? [h('div', {
         class: 'vxe-tree--node-item-icon',
@@ -50833,56 +51520,95 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
             $xeTree.toggleExpandEvent(evnt, node);
           }
         }
-      }, iconSlot ? iconSlot({
-        node: node,
-        isExpand: isExpand
-      }) : [h('i', {
+      }, iconSlot ? getSlotVNs(iconSlot(nParams)) : [h('i', {
         class: isLazyLoading ? iconLoaded || getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || getIcon().TREE_NODE_OPEN : iconClose || getIcon().TREE_NODE_CLOSE
-      })])] : []) : renderEmptyElement($xeTree), $xeTree.renderRadio(h, node, nodeid, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked), h('div', {
+      })])] : []), $xeTree.renderRadio(h, node, nodeid, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked), h('div', {
         class: 'vxe-tree--node-item-inner'
       }, [h('div', {
         class: 'vxe-tree--node-item-title'
-      }, titleSlot ? getSlotVNs(titleSlot({
-        node: node,
-        isExpand: isExpand
-      })) : "".concat(nodeValue)), extraSlot ? h('div', {
+      }, titleSlot ? getSlotVNs(titleSlot(nParams)) : "".concat(nodeValue)), extraSlot ? h('div', {
         class: 'vxe-tree--node-item-extra'
-      }, getSlotVNs(extraSlot({
-        node: node,
-        isExpand: isExpand
-      }))) : renderEmptyElement($xeTree)])]), hasChild && treeExpandedMaps[nodeid] ? h('div', {
-        class: 'vxe-tree--node-child-wrapper'
-      }, childVns) : renderEmptyElement($xeTree)]);
+      }, getSlotVNs(extraSlot(nParams))) : renderEmptyElement($xeTree)])])]);
     },
-    renderNodeList: function renderNodeList(h) {
+    renderList: function renderList(h, treeList) {
       var $xeTree = this;
-      var reactData = $xeTree.reactData;
-      var treeList = reactData.treeList;
-      return h('div', {
-        class: 'vxe-tree--node-list-wrapper'
-      }, treeList.map(function (node) {
-        return $xeTree.renderNode(h, node);
-      }));
+      var props = $xeTree;
+      var internalData = $xeTree.internalData;
+      var transform = props.transform;
+      var treeExpandedMaps = internalData.treeExpandedMaps;
+      var childrenField = $xeTree.computeChildrenField;
+      if (!treeList.length) {
+        return [h('div', {
+          class: 'vxe-tree--empty-placeholder'
+        }, getI18n('vxe.tree.searchEmpty'))];
+      }
+      var nodeVNs = [];
+      treeList.forEach(transform ? function (node) {
+        var nodeid = $xeTree.getNodeId(node);
+        nodeVNs.push($xeTree.renderNode(h, node, nodeid));
+      } : function (node) {
+        var nodeid = $xeTree.getNodeId(node);
+        nodeVNs.push($xeTree.renderNode(h, node, nodeid));
+        var childList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, childrenField);
+        var hasChild = childList && childList.length;
+        if (hasChild && treeExpandedMaps[nodeid]) {
+          nodeVNs.push.apply(nodeVNs, _toConsumableArray($xeTree.renderList(h, childList)));
+        }
+      });
+      return nodeVNs;
     },
     renderVN: function renderVN(h) {
       var $xeTree = this;
       var props = $xeTree;
       var slots = $xeTree.$scopedSlots;
+      var reactData = $xeTree.reactData;
       var loading = props.loading,
         trigger = props.trigger,
         showLine = props.showLine;
+      var bodyHeight = reactData.bodyHeight,
+        topSpaceHeight = reactData.topSpaceHeight,
+        treeList = reactData.treeList;
       var vSize = $xeTree.computeSize;
       var radioOpts = $xeTree.computeRadioOpts;
       var checkboxOpts = $xeTree.computeCheckboxOpts;
-      var treeStyle = $xeTree.computeTreeStyle;
       var loadingOpts = $xeTree.computeLoadingOpts;
       var isRowHover = $xeTree.computeIsRowHover;
+      var treeStyle = $xeTree.computeTreeStyle;
       var loadingSlot = slots.loading;
+      var headerSlot = slots.header;
+      var footerSlot = slots.footer;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-tree', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'show--line', showLine), 'checkbox--highlight', checkboxOpts.highlight), 'radio--highlight', radioOpts.highlight), 'node--hover', isRowHover), 'node--trigger', trigger === 'node'), 'is--loading', loading)],
-        style: treeStyle
-      }, [$xeTree.renderNodeList(h),
+        class: ['vxe-tree', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'show--line', showLine), 'checkbox--highlight', checkboxOpts.highlight), 'radio--highlight', radioOpts.highlight), 'node--hover', isRowHover), 'node--trigger', trigger === 'node'), 'is--loading', loading)]
+      }, [headerSlot ? h('div', {
+        ref: 'refHeaderWrapperElem',
+        class: 'vxe-tree--header-wrapper'
+      }, headerSlot({
+        $tree: $xeTree
+      })) : renderEmptyElement($xeTree), h('div', {
+        ref: 'refVirtualWrapper',
+        class: 'vxe-tree--node-list-wrapper',
+        style: treeStyle,
+        on: {
+          scroll: $xeTree.scrollEvent
+        }
+      }, [h('div', {
+        class: 'vxe-select--y-space',
+        style: {
+          height: bodyHeight ? "".concat(bodyHeight, "px") : ''
+        }
+      }), h('div', {
+        ref: 'refVirtualBody',
+        class: 'vxe-tree--node-list-body',
+        style: {
+          transform: "translateY(".concat(topSpaceHeight, "px)")
+        }
+      }, $xeTree.renderList(h, treeList))]), footerSlot ? h('div', {
+        ref: 'refFooterWrapperElem',
+        class: 'vxe-tree--footer-wrapper'
+      }, footerSlot({
+        $tree: $xeTree
+      })) : renderEmptyElement($xeTree),
       /**
        * 加载中
        */
@@ -50906,7 +51632,7 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
   watch: {
     data: function data(val) {
       var $xeTree = this;
-      $xeTree.loadTreeData(val || []);
+      $xeTree.loadData(val || []);
     },
     checkNodeKey: function checkNodeKey(val) {
       var $xeTree = this;
@@ -50917,6 +51643,22 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
       var $xeTree = this;
       var props = $xeTree;
       $xeTree.updateCheckboxChecked(props.checkNodeKeys || []);
+    },
+    filterValue: function filterValue() {
+      var $xeTree = this;
+      $xeTree.triggerSearchEvent(new Event('filter'));
+    },
+    height: function height() {
+      var $xeTree = this;
+      $xeTree.recalculate();
+    },
+    minHeight: function minHeight() {
+      var $xeTree = this;
+      $xeTree.recalculate();
+    },
+    maxHeight: function maxHeight() {
+      var $xeTree = this;
+      $xeTree.recalculate();
     }
   },
   created: function created() {
@@ -50924,16 +51666,41 @@ function handleSetExpand(nodeid, expanded, expandedMaps) {
     var props = $xeTree;
     var reactData = $xeTree.reactData;
     reactData.selectRadioKey = props.checkNodeKey || null;
-    $xeTree.loadTreeData(props.data || []);
+    $xeTree.loadData(props.data || []);
+  },
+  mounted: function mounted() {
+    var $xeTree = this;
+    var props = $xeTree;
+    var internalData = $xeTree.internalData;
+    if (props.autoResize) {
+      var el = $xeTree.$refs.refElem;
+      var parentEl = $xeTree.getParentElem();
+      var resizeObserver = globalResize.create(function () {
+        if (props.autoResize) {
+          $xeTree.recalculate();
+        }
+      });
+      if (el) {
+        resizeObserver.observe(el);
+      }
+      if (parentEl) {
+        resizeObserver.observe(parentEl);
+      }
+      internalData.resizeObserver = resizeObserver;
+    }
+    globalEvents.on($xeTree, 'resize', $xeTree.handleGlobalResizeEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTree = this;
-    var reactData = $xeTree.reactData;
     var internalData = $xeTree.internalData;
-    reactData.treeList = [];
+    var resizeObserver = internalData.resizeObserver;
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
     internalData.treeExpandedMaps = {};
     internalData.indeterminateRowMaps = {};
     internalData.nodeMaps = {};
+    globalEvents.off($xeTree, 'resize');
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -50969,6 +51736,10 @@ var Tree = VxeTree;
 
 
 
+
+
+
+
 function tree_select_getOptUniqueId() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('node_');
 }
@@ -50997,6 +51768,8 @@ function tree_select_getOptUniqueId() {
       type: Boolean,
       default: null
     },
+    filterable: Boolean,
+    filterConfig: Object,
     multiple: Boolean,
     className: [String, Function],
     popupClassName: [String, Function],
@@ -51007,17 +51780,53 @@ function tree_select_getOptUniqueId() {
     size: {
       type: String,
       default: function _default() {
-        return getConfig().select.size || getConfig().size;
+        return getConfig().treeSelect.size || getConfig().size;
       }
     },
     remote: Boolean,
-    remoteMethod: Function,
+    remoteConfig: Function,
     popupConfig: Object,
     treeConfig: Object,
+    virtualYConfig: Object,
+    autoClose: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.autoClose;
+      }
+    },
+    showTotalButoon: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showTotalButoon;
+      }
+    },
+    showCheckedButoon: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showCheckedButoon;
+      }
+    },
+    showClearButton: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showClearButton;
+      }
+    },
+    showExpandButton: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showExpandButton;
+      }
+    },
     transfer: {
       type: Boolean,
       default: null
-    }
+    },
+    /**
+     * 已废弃，被 remote-config.queryMethod 替换
+     * @deprecated
+     */
+    remoteMethod: Function
   },
   inject: {
     $xeModal: {
@@ -51047,8 +51856,8 @@ function tree_select_getOptUniqueId() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = {
       initialized: false,
-      fullOptionList: [],
-      fullNodeMaps: {},
+      searchValue: '',
+      searchLoading: false,
       panelIndex: 0,
       panelStyle: {},
       panelPlacement: null,
@@ -51058,7 +51867,9 @@ function tree_select_getOptUniqueId() {
       isActivated: false
     };
     var internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      fullOptionList: [],
+      fullNodeMaps: {}
     };
     return {
       xID: xID,
@@ -51182,14 +51993,31 @@ function tree_select_getOptUniqueId() {
       var propsOpts = $xeTreeSelect.computePropsOpts;
       return propsOpts.hasChild || 'hasChild';
     },
+    computeVirtualYOpts: function computeVirtualYOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      return Object.assign({}, getConfig().treeSelect.virtualYConfig, props.virtualYConfig);
+    },
+    computeRemoteOpts: function computeRemoteOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      return Object.assign({}, getConfig().treeSelect.remoteConfig, props.remoteConfig);
+    },
+    computeFilterOpts: function computeFilterOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var treeOpts = $xeTreeSelect.computeTreeOpts;
+      return Object.assign({}, treeOpts.filterConfig, props.filterConfig);
+    },
     computeSelectLabel: function computeSelectLabel() {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
-      var value = props.value;
-      var fullNodeMaps = reactData.fullNodeMaps;
+      var internalData = $xeTreeSelect.internalData;
+      var modelValue = props.value;
+      var fullNodeMaps = internalData.fullNodeMaps;
       var labelField = $xeTreeSelect.computeLabelField;
-      return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value) ? value : [value]).map(function (val) {
+      var selectVals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue) ? [] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
+      return selectVals.map(function (val) {
         var cacheItem = fullNodeMaps[val];
         return cacheItem ? cacheItem.item[labelField] : val;
       }).join(', ');
@@ -51238,7 +52066,7 @@ function tree_select_getOptUniqueId() {
     cacheDataMap: function cacheDataMap() {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
+      var internalData = $xeTreeSelect.internalData;
       var options = props.options;
       var nodeKeyField = $xeTreeSelect.computeNodeKeyField;
       var childrenField = $xeTreeSelect.computeChildrenField;
@@ -51268,8 +52096,8 @@ function tree_select_getOptUniqueId() {
       }, {
         children: childrenField
       });
-      reactData.fullOptionList = options || [];
-      reactData.fullNodeMaps = nodeMaps;
+      internalData.fullOptionList = options || [];
+      internalData.fullNodeMaps = nodeMaps;
     },
     updateZindex: function updateZindex() {
       var $xeTreeSelect = this;
@@ -51306,8 +52134,12 @@ function tree_select_getOptUniqueId() {
       var props = $xeTreeSelect;
       var reactData = $xeTreeSelect.reactData;
       var internalData = $xeTreeSelect.internalData;
-      var loading = props.loading;
+      var loading = props.loading,
+        remote = props.remote,
+        filterable = props.filterable;
+      var fullOptionList = internalData.fullOptionList;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
+      var remoteOpts = $xeTreeSelect.computeRemoteOpts;
       if (!loading && !isDisabled) {
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -51324,8 +52156,14 @@ function tree_select_getOptUniqueId() {
         }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
+        if (filterable) {
+          if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullOptionList.length) {
+            $xeTreeSelect.handleSearchEvent();
+          }
+        }
         setTimeout(function () {
           reactData.visiblePanel = true;
+          $xeTreeSelect.handleFocusSearch();
         }, 10);
         $xeTreeSelect.updateZindex();
         $xeTreeSelect.updatePlacement();
@@ -51343,10 +52181,10 @@ function tree_select_getOptUniqueId() {
     changeEvent: function changeEvent(evnt, selectValue) {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
+      var internalData = $xeTreeSelect.internalData;
       var $xeForm = $xeTreeSelect.$xeForm;
       var formItemInfo = $xeTreeSelect.formItemInfo;
-      var fullNodeMaps = reactData.fullNodeMaps;
+      var fullNodeMaps = internalData.fullNodeMaps;
       $xeTreeSelect.emitModel(selectValue);
       if (selectValue !== props.value) {
         var cacheItem = fullNodeMaps[selectValue];
@@ -51372,6 +52210,62 @@ function tree_select_getOptUniqueId() {
       $xeTreeSelect.clearValueEvent(evnt, null);
       $xeTreeSelect.hideOptionPanel();
     },
+    allCheckedPanelEvent: function allCheckedPanelEvent(params) {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var $event = params.$event;
+      var multiple = props.multiple,
+        autoClose = props.autoClose;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if (multiple) {
+        if ($tree) {
+          $tree.setAllCheckboxNode(true).then(function (_ref) {
+            var checkNodeKeys = _ref.checkNodeKeys;
+            $xeTreeSelect.changeEvent($event, checkNodeKeys);
+            $xeTreeSelect.dispatchEvent('all-change', {
+              value: checkNodeKeys
+            }, $event);
+            if (autoClose) {
+              $xeTreeSelect.hideOptionPanel();
+            }
+          });
+        }
+      }
+    },
+    clearCheckedPanelEvent: function clearCheckedPanelEvent(params) {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var $event = params.$event;
+      var multiple = props.multiple,
+        autoClose = props.autoClose;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        var value = multiple ? [] : null;
+        $tree.clearCheckboxNode().then(function () {
+          if (autoClose) {
+            $xeTreeSelect.hideOptionPanel();
+          }
+        });
+        $xeTreeSelect.changeEvent($event, value);
+        $xeTreeSelect.dispatchEvent('clear', {
+          value: value
+        }, $event);
+      }
+    },
+    allExpandPanelEvent: function allExpandPanelEvent() {
+      var $xeTreeSelect = this;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        $tree.setAllExpandNode(true);
+      }
+    },
+    clearExpandPanelEvent: function clearExpandPanelEvent() {
+      var $xeTreeSelect = this;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        $tree.clearAllExpandNode();
+      }
+    },
     handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -51414,6 +52308,18 @@ function tree_select_getOptUniqueId() {
         $xeTreeSelect.updatePlacement();
       }
     },
+    handleFocusSearch: function handleFocusSearch() {
+      var $xeSelect = this;
+      var props = $xeSelect;
+      if (props.filterable) {
+        $xeSelect.$nextTick(function () {
+          var inpSearch = $xeSelect.$refs.refInpSearch;
+          if (inpSearch) {
+            inpSearch.focus();
+          }
+        });
+      }
+    },
     focusEvent: function focusEvent(evnt) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -51440,6 +52346,36 @@ function tree_select_getOptUniqueId() {
       reactData.isActivated = false;
       $xeTreeSelect.dispatchEvent('blur', {}, evnt);
     },
+    modelSearchEvent: function modelSearchEvent(value) {
+      var $xeTreeSelect = this;
+      var reactData = $xeTreeSelect.reactData;
+      reactData.searchValue = value;
+    },
+    handleSearchEvent: function handleSearchEvent() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var reactData = $xeTreeSelect.reactData;
+      var modelValue = props.value,
+        remote = props.remote,
+        remoteMethod = props.remoteMethod;
+      var searchValue = reactData.searchValue;
+      var remoteOpts = $xeTreeSelect.computeRemoteOpts;
+      var queryMethod = remoteOpts.queryMethod || remoteMethod;
+      if (remote && queryMethod && remoteOpts.enabled) {
+        reactData.searchLoading = true;
+        Promise.resolve(queryMethod({
+          $treeSelect: $xeTreeSelect,
+          searchValue: searchValue,
+          value: modelValue
+        })).then(function () {
+          return $xeTreeSelect.$nextTick();
+        }).catch(function () {
+          return $xeTreeSelect.$nextTick();
+        }).finally(function () {
+          reactData.searchLoading = false;
+        });
+      }
+    },
     togglePanelEvent: function togglePanelEvent(params) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -51486,14 +52422,20 @@ function tree_select_getOptUniqueId() {
       var slots = $xeTreeSelect.$scopedSlots;
       var reactData = $xeTreeSelect.reactData;
       var className = props.className,
-        value = props.value,
+        modelValue = props.value,
         multiple = props.multiple,
         options = props.options,
-        loading = props.loading;
+        loading = props.loading,
+        filterable = props.filterable,
+        showTotalButoon = props.showTotalButoon,
+        showCheckedButoon = props.showCheckedButoon,
+        showClearButton = props.showClearButton,
+        showExpandButton = props.showExpandButton;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
         isAniVisible = reactData.isAniVisible,
-        visiblePanel = reactData.visiblePanel;
+        visiblePanel = reactData.visiblePanel,
+        searchValue = reactData.searchValue;
       var vSize = $xeTreeSelect.computeSize;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
       var selectLabel = $xeTreeSelect.computeSelectLabel;
@@ -51515,6 +52457,8 @@ function tree_select_getOptUniqueId() {
       var childrenField = $xeTreeSelect.computeChildrenField;
       var parentField = $xeTreeSelect.computeParentField;
       var hasChildField = $xeTreeSelect.computeHasChildField;
+      var virtualYOpts = $xeTreeSelect.computeVirtualYOpts;
+      var filterOpts = $xeTreeSelect.computeFilterOpts;
       if (formReadonly) {
         return h('div', {
           ref: 'refElem',
@@ -51523,11 +52467,12 @@ function tree_select_getOptUniqueId() {
           class: 'vxe-tree-select-label'
         }, selectLabel)]);
       }
+      var selectVals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue) ? [] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
       return h('div', {
         ref: 'refElem',
         class: ['vxe-tree-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $treeSelect: $xeTreeSelect
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--loading', loading), 'is--active', isActivated)]
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--filterable', filterable), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--loading', loading), 'is--active', isActivated)]
       }, [h(input, {
         ref: 'refInput',
         props: {
@@ -51538,7 +52483,8 @@ function tree_select_getOptUniqueId() {
           type: 'text',
           prefixIcon: props.prefixIcon,
           suffixIcon: loading ? getIcon().TREE_SELECT_LOADED : visiblePanel ? getIcon().TREE_SELECT_OPEN : getIcon().TREE_SELECT_CLOSE,
-          value: loading ? getI18n('vxe.select.loadingText') : selectLabel
+          value: loading ? getI18n('vxe.select.loadingText') : selectLabel,
+          title: selectLabel
         },
         on: {
           clear: $xeTreeSelect.clearEvent,
@@ -51563,24 +52509,84 @@ function tree_select_getOptUniqueId() {
         style: reactData.panelStyle
       }, initialized ? [h('div', {
         class: 'vxe-tree-select--panel-wrapper'
-      }, [headerSlot ? h('div', {
+      }, [filterable ? h('div', {
+        class: 'vxe-tree-select--panel-search'
+      }, [h(input, {
+        ref: 'refInpSearch',
+        class: 'vxe-tree-select-search--input',
+        props: {
+          value: searchValue,
+          title: selectLabel,
+          clearable: true,
+          disabled: false,
+          readonly: false,
+          placeholder: getI18n('vxe.treeSelect.search'),
+          prefixIcon: getIcon().INPUT_SEARCH
+        },
+        on: {
+          'model-value': $xeTreeSelect.modelSearchEvent
+        }
+      })]) : renderEmptyElement($xeTreeSelect), showTotalButoon || showCheckedButoon && multiple || showClearButton || showExpandButton || headerSlot ? h('div', {
         class: 'vxe-tree-select--panel-header'
-      }, headerSlot({})) : renderEmptyElement($xeTreeSelect), h('div', {
+      }, headerSlot ? headerSlot({}) : [h('div', {
+        class: 'vxe-tree-select--header-button'
+      }, [showTotalButoon ? h('div', {
+        class: 'vxe-tree-select--header-total'
+      }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeTreeSelect), h('div', {
+        class: 'vxe-tree-select--header-btns'
+      }, [showCheckedButoon && multiple ? h(src_button, {
+        props: {
+          content: getI18n('vxe.treeSelect.allChecked'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.allCheckedPanelEvent
+        }
+      }) : renderEmptyElement($xeTreeSelect), showClearButton ? h(src_button, {
+        props: {
+          content: getI18n('vxe.treeSelect.clearChecked'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.clearCheckedPanelEvent
+        }
+      }) : renderEmptyElement($xeTreeSelect), showExpandButton ? h(src_button, {
+        props: {
+          content: getI18n('vxe.treeSelect.allExpand'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.allExpandPanelEvent
+        }
+      }) : renderEmptyElement($xeTreeSelect), showExpandButton ? h(src_button, {
+        props: {
+          content: getI18n('vxe.treeSelect.clearExpand'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.clearExpandPanelEvent
+        }
+      }) : renderEmptyElement($xeTreeSelect)])])]) : renderEmptyElement($xeTreeSelect), h('div', {
         class: 'vxe-tree-select--panel-body'
       }, [h('div', {
         ref: 'refTreeWrapper',
         class: 'vxe-tree-select-tree--wrapper',
         style: popupWrapperStyle
       }, [h(tree, {
+        ref: 'refTree',
         class: 'vxe-tree-select--tree',
         props: {
           data: options,
+          height: popupOpts.height ? '100%' : treeOpts.height,
+          minHeight: treeOpts.minHeight,
+          maxHeight: popupOpts.height ? '' : treeOpts.maxHeight,
+          autoResize: true,
           indent: treeOpts.indent,
           showRadio: !multiple,
           radioConfig: treeRadioOpts,
-          checkNodeKey: multiple ? null : value,
+          checkNodeKey: multiple ? null : modelValue,
           showCheckbox: !!multiple,
-          checkNodeKeys: multiple ? value : null,
+          checkNodeKeys: multiple ? modelValue : null,
           checkboxConfig: treeCheckboxOpts,
           titleField: labelField,
           valueField: valueField,
@@ -51600,7 +52606,10 @@ function tree_select_getOptUniqueId() {
           showLine: treeOpts.showLine,
           iconOpen: treeOpts.iconOpen,
           iconLoaded: treeOpts.iconLoaded,
-          iconClose: treeOpts.iconClose
+          iconClose: treeOpts.iconClose,
+          filterValue: searchValue,
+          filterConfig: filterOpts,
+          virtualYConfig: virtualYOpts
         },
         on: {
           'node-click': $xeTreeSelect.nodeClickEvent,