vxe-pc-ui 4.15.15 → 4.15.17

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.15.15"}`;
+const uiVersion = `ui v${"4.15.17"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$c = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.15.15";
+const version = "4.15.17";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -512,9 +512,16 @@ setConfig$1({
         // autoResize: false,
         indent: 20,
         minHeight: 60,
+        showOverflow: true,
         radioConfig: {
             strict: true
         },
+        tooltipConfig: {
+            mode: 'tooltip',
+            enterable: true,
+            leaveDelay: 300,
+            defaultPlacement: 'top'
+        },
         dragConfig: {
             showIcon: true,
             animation: true,
@@ -1066,7 +1073,8 @@ var zhCN = {
             cancelFixed: '取消冻结列'
         },
         iconPicker: {
-            search: '搜索'
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         datePicker: {
             yearTitle: '{0} 年'
@@ -8341,6 +8349,15 @@ var VxeListComponent = defineVxeComponent({
     }
 });
 
+const VxeList = Object.assign(VxeListComponent, {
+    install(app) {
+        app.component(VxeListComponent.name, VxeListComponent);
+    }
+});
+dynamicApp.use(VxeList);
+VxeUI.component(VxeListComponent);
+const List = VxeList;
+
 function handleNumber(val) {
     return XEUtils.isString(val) ? val.replace(/[^0-9e.-]/g, '') : val;
 }
@@ -11038,6 +11055,15 @@ var VxeInputComponent = defineVxeComponent({
     }
 });
 
+const VxeInput = Object.assign(VxeInputComponent, {
+    install(app) {
+        app.component(VxeInputComponent.name, VxeInputComponent);
+    }
+});
+dynamicApp.use(VxeInput);
+VxeUI.component(VxeInputComponent);
+const Input = VxeInput;
+
 /**
  * 生成节点的唯一主键
  */
@@ -12584,7 +12610,7 @@ var VxeCascaderComponent = defineVxeComponent({
                         'is--active': isActivated
                     }]
             }, [
-                h(VxeInputComponent, {
+                h(VxeInput, {
                     ref: refInput,
                     clearable: props.clearable,
                     placeholder: loading ? getI18n$2('vxe.select.loadingText') : props.placeholder,
@@ -12628,7 +12654,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                     ? h('div', {
                                         class: 'vxe-cascader--panel-search'
                                     }, [
-                                        h(VxeInputComponent, {
+                                        h(VxeInput, {
                                             ref: refInpSearch,
                                             class: 'vxe-cascader-search--input',
                                             modelValue: searchValue,
@@ -12655,14 +12681,14 @@ var VxeCascaderComponent = defineVxeComponent({
                                                         class: 'vxe-cascader--selected-btns'
                                                     }, [
                                                         (showCheckedButton && multiple)
-                                                            ? h(VxeButtonComponent, {
+                                                            ? h(VxeButton, {
                                                                 content: getI18n$2('vxe.treeSelect.allChecked'),
                                                                 mode: 'text',
                                                                 onClick: allCheckedPanelEvent
                                                             })
                                                             : renderEmptyElement($xeCascader),
                                                         showClearButton
-                                                            ? h(VxeButtonComponent, {
+                                                            ? h(VxeButton, {
                                                                 content: getI18n$2('vxe.treeSelect.clearChecked'),
                                                                 mode: 'text',
                                                                 onClick: clearCheckedPanelEvent
@@ -12685,7 +12711,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                                 key: chunkIndex,
                                                 class: 'vxe-cascader-chunk--item-wrapper'
                                             }, [
-                                                h(VxeListComponent, {
+                                                h(VxeList, {
                                                     data: chunks,
                                                     virtualYConfig: listVirtualYOpts
                                                 }, {
@@ -12719,7 +12745,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                                     ? h('div', {
                                                         class: 'vxe-cascader--oper-btns'
                                                     }, [
-                                                        h(VxeButtonComponent, {
+                                                        h(VxeButton, {
                                                             content: getI18n$2('vxe.select.close'),
                                                             mode: 'text',
                                                             onClick: closePanelEvent
@@ -15110,6 +15136,15 @@ var VxeNumberInputComponent = defineVxeComponent({
     }
 });
 
+const VxeNumberInput = Object.assign({}, VxeNumberInputComponent, {
+    install(app) {
+        app.component(VxeNumberInputComponent.name, VxeNumberInputComponent);
+    }
+});
+dynamicApp.use(VxeNumberInput);
+VxeUI.component(VxeNumberInputComponent);
+const NumberInput = VxeNumberInput;
+
 var VxeColorPickerComponent = defineVxeComponent({
     name: 'VxeColorPicker',
     props: {
@@ -15882,7 +15917,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                             h('div', {
                                 class: 'vxe-color-picker--input-wrapper'
                             }, [
-                                h(VxeNumberInputComponent, {
+                                h(VxeNumberInput, {
                                     type: 'integer',
                                     size: 'mini',
                                     align: 'center',
@@ -15899,7 +15934,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                                     },
                                     onChange: handleInputRgbEvent
                                 }),
-                                h(VxeNumberInputComponent, {
+                                h(VxeNumberInput, {
                                     type: 'integer',
                                     size: 'mini',
                                     align: 'center',
@@ -15916,7 +15951,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                                     },
                                     onChange: handleInputRgbEvent
                                 }),
-                                h(VxeNumberInputComponent, {
+                                h(VxeNumberInput, {
                                     type: 'integer',
                                     size: 'mini',
                                     align: 'center',
@@ -15933,7 +15968,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                                     },
                                     onChange: handleInputRgbEvent
                                 }),
-                                h(VxeNumberInputComponent, {
+                                h(VxeNumberInput, {
                                     type: 'number',
                                     size: 'mini',
                                     align: 'center',
@@ -15965,7 +16000,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                             h('div', {
                                 class: 'vxe-color-picker--input-wrapper'
                             }, [
-                                h(VxeInputComponent, {
+                                h(VxeInput, {
                                     type: 'text',
                                     size: 'mini',
                                     align: 'center',
@@ -16089,13 +16124,13 @@ var VxeColorPickerComponent = defineVxeComponent({
                                     class: 'vxe-color-picker--footer-wrapper'
                                 }, [
                                     clearable
-                                        ? h(VxeButtonComponent, {
+                                        ? h(VxeButton, {
                                             content: getI18n$2('vxe.colorPicker.clear'),
                                             size: 'mini',
                                             onClick: clearEvent
                                         })
                                         : renderEmptyElement($xeColorPicker),
-                                    h(VxeButtonComponent, {
+                                    h(VxeButton, {
                                         content: getI18n$2('vxe.colorPicker.confirm'),
                                         size: 'mini',
                                         status: 'primary',
@@ -21575,7 +21610,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 return h('div', {
                     class: `vxe-date-range-picker--layout-${pos}-wrapper`
                 }, [
-                    h(VxeButtonGroupComponent, {
+                    h(VxeButtonGroup, {
                         options: shortcutList,
                         mode,
                         align,
@@ -21667,7 +21702,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                     h('div', {
                                         class: 'vxe-date-range-picker--layout-body-wrapper'
                                     }, [
-                                        h(VxeDatePanelComponent, {
+                                        h(VxeDatePanel, {
                                             ref: refStartDatePanel,
                                             modelValue: startValue,
                                             type: props.type,
@@ -21691,7 +21726,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                             onDateToday: startPanelDateBtnChangeEvent,
                                             onDateNext: startPanelDateBtnChangeEvent
                                         }),
-                                        h(VxeDatePanelComponent, {
+                                        h(VxeDatePanel, {
                                             ref: refEndDatePanel,
                                             modelValue: endValue,
                                             type: props.type,
@@ -21735,7 +21770,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                             class: 'vxe-date-range-picker--layout-footer-btns'
                                         }, [
                                             showClearBtn
-                                                ? h(VxeButtonComponent, {
+                                                ? h(VxeButton, {
                                                     size: 'mini',
                                                     disabled: !(startValue || endValue),
                                                     content: getI18n$2('vxe.button.clear'),
@@ -21743,7 +21778,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                                 })
                                                 : renderEmptyElement($xeDateRangePicker),
                                             showConfirmBtn
-                                                ? h(VxeButtonComponent, {
+                                                ? h(VxeButton, {
                                                     size: 'mini',
                                                     status: 'primary',
                                                     content: getI18n$2('vxe.button.confirm'),
@@ -22437,7 +22472,7 @@ var VxeDrawerComponent = defineVxeComponent({
             const rfSlot = slots.rightfoot || propSlots.rightfoot;
             const btnVNs = [];
             if (showCancelButton) {
-                btnVNs.push(h(VxeButtonComponent, {
+                btnVNs.push(h(VxeButton, {
                     key: 1,
                     ref: refCancelBtn,
                     content: props.cancelButtonText || getI18n$2('vxe.button.cancel'),
@@ -22445,7 +22480,7 @@ var VxeDrawerComponent = defineVxeComponent({
                 }));
             }
             if (showConfirmButton) {
-                btnVNs.push(h(VxeButtonComponent, {
+                btnVNs.push(h(VxeButton, {
                     key: 2,
                     ref: refConfirmBtn,
                     loading: loading,
@@ -22923,11 +22958,20 @@ var VxeIconComponent = defineVxeComponent({
     }
 });
 
+const VxeIcon = Object.assign({}, VxeIconComponent, {
+    install(app) {
+        app.component(VxeIconComponent.name, VxeIconComponent);
+    }
+});
+dynamicApp.use(VxeIcon);
+VxeUI.component(VxeIconComponent);
+const Icon = VxeIcon;
+
 function renderPrefixIcon(titlePrefix) {
     return h('span', {
         class: 'vxe-form--item-title-tip-prefix'
     }, [
-        h(VxeIconComponent, {
+        h(VxeIcon, {
             class: titlePrefix.icon || getIcon$2().FORM_PREFIX,
             status: titlePrefix.iconStatus
         })
@@ -22937,7 +22981,7 @@ function renderSuffixIcon(titleSuffix) {
     return h('span', {
         class: 'vxe-form--item-title-tip-suffix'
     }, [
-        h(VxeIconComponent, {
+        h(VxeIcon, {
             class: titleSuffix.icon || getIcon$2().FORM_SUFFIX,
             status: titleSuffix.iconStatus
         })
@@ -23055,7 +23099,7 @@ function renderTitle($xeForm, item, isGroup) {
     }
     if (titlePrefix) {
         titVNs.push((titlePrefix.content || titlePrefix.message)
-            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({ key: 'pm' }, tooltipOpts), titlePrefix), { content: getFuncText(titlePrefix.content || titlePrefix.message) }), {
+            ? h(VxeTooltip, Object.assign(Object.assign(Object.assign({ key: 'pm' }, tooltipOpts), titlePrefix), { content: getFuncText(titlePrefix.content || titlePrefix.message) }), {
                 default: () => renderPrefixIcon(titlePrefix)
             })
             : renderPrefixIcon(titlePrefix));
@@ -23068,7 +23112,7 @@ function renderTitle($xeForm, item, isGroup) {
     const fixVNs = [];
     if (titleSuffix) {
         fixVNs.push((titleSuffix.content || titleSuffix.message)
-            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({ key: 'sm' }, tooltipOpts), titleSuffix), { content: getFuncText(titleSuffix.content || titleSuffix.message) }), {
+            ? h(VxeTooltip, Object.assign(Object.assign(Object.assign({ key: 'sm' }, tooltipOpts), titleSuffix), { content: getFuncText(titleSuffix.content || titleSuffix.message) }), {
                 default: () => renderSuffixIcon(titleSuffix)
             })
             : renderSuffixIcon(titleSuffix));
@@ -25040,15 +25084,6 @@ dynamicApp.use(VxeFormItem);
 VxeUI.component(VxeFormItemComponent);
 const FormItem = VxeFormItem;
 
-const VxeIcon = Object.assign({}, VxeIconComponent, {
-    install(app) {
-        app.component(VxeIconComponent.name, VxeIconComponent);
-    }
-});
-dynamicApp.use(VxeIcon);
-VxeUI.component(VxeIconComponent);
-const Icon = VxeIcon;
-
 function createReactData$b() {
     return {
         initialized: false,
@@ -25199,7 +25234,7 @@ var VxeIconPickerComponent = defineVxeComponent({
             if (height) {
                 stys['--vxe-ui-icon-picker-panel-height'] = toCssUnit(height);
             }
-            else if (maxHeight) {
+            if (maxHeight) {
                 stys['--vxe-ui-icon-picker-panel-max-height'] = toCssUnit(maxHeight);
             }
             return stys;
@@ -25283,6 +25318,7 @@ var VxeIconPickerComponent = defineVxeComponent({
                 reactData.isAniVisible = true;
                 setTimeout(() => {
                     reactData.visiblePanel = true;
+                    handleFocusSearch();
                     updatePlacement();
                 }, 10);
                 updateZindex();
@@ -25295,6 +25331,16 @@ var VxeIconPickerComponent = defineVxeComponent({
                 reactData.isAniVisible = false;
             }, 350);
         };
+        const handleFocusSearch = () => {
+            if (props.filterable) {
+                nextTick(() => {
+                    const inpSearch = refInpSearch.value;
+                    if (inpSearch) {
+                        inpSearch.focus();
+                    }
+                });
+            }
+        };
         const handleData = () => {
             const { modelValue } = props;
             const { searchValue } = reactData;
@@ -25513,6 +25559,11 @@ var VxeIconPickerComponent = defineVxeComponent({
         const renderIconWrapper = () => {
             const { showIconTitle } = props;
             const { selectIcon, iconGroups } = reactData;
+            if (!iconGroups.length) {
+                return h('div', {
+                    class: 'vxe-ico-picker--empty-placeholder'
+                }, getI18n$2('vxe.iconPicker.emptyText'));
+            }
             return h('div', {
                 class: 'vxe-ico-picker--list-wrapper'
             }, iconGroups.map(list => {
@@ -26836,15 +26887,6 @@ dynamicApp.use(VxeImagePreview);
 VxeUI.component(VxeImagePreviewComponent);
 const ImagePreview = VxeImagePreview;
 
-const VxeInput = Object.assign(VxeInputComponent, {
-    install(app) {
-        app.component(VxeInputComponent.name, VxeInputComponent);
-    }
-});
-dynamicApp.use(VxeInput);
-VxeUI.component(VxeInputComponent);
-const Input = VxeInput;
-
 var VxeLayoutAsideComponent = defineVxeComponent({
     name: 'VxeLayoutAside',
     props: {
@@ -26933,7 +26975,7 @@ var VxeLayoutAsideComponent = defineVxeComponent({
                 /**
                  * 加载中
                  */
-                h(VxeLoadingComponent, {
+                h(VxeLoading, {
                     class: 'vxe-list-view--loading',
                     modelValue: loading
                 })
@@ -27401,15 +27443,6 @@ dynamicApp.use(VxeLink);
 VxeUI.component(VxeLinkComponent);
 const Link = VxeLink;
 
-const VxeList = Object.assign(VxeListComponent, {
-    install(app) {
-        app.component(VxeListComponent.name, VxeListComponent);
-    }
-});
-dynamicApp.use(VxeList);
-VxeUI.component(VxeListComponent);
-const List = VxeList;
-
 const { errLog: errLog$9 } = createComponentLog('menu');
 const { menus: menus$1, getConfig: getConfig$1, getIcon: getIcon$1 } = VxeUI;
 var VxeMenuComponent = defineVxeComponent({
@@ -29187,7 +29220,7 @@ var VxeModalComponent = defineVxeComponent({
             const rfSlot = slots.rightfoot || propSlots.rightfoot;
             const btnVNs = [];
             if (XEUtils.isBoolean(showCancelButton) ? showCancelButton : type === 'confirm') {
-                btnVNs.push(h(VxeButtonComponent, {
+                btnVNs.push(h(VxeButton, {
                     key: 1,
                     ref: refCancelBtn,
                     content: props.cancelButtonText || getI18n$2('vxe.button.cancel'),
@@ -29195,7 +29228,7 @@ var VxeModalComponent = defineVxeComponent({
                 }));
             }
             if (XEUtils.isBoolean(showConfirmButton) ? showConfirmButton : (type === 'confirm' || type === 'alert')) {
-                btnVNs.push(h(VxeButtonComponent, {
+                btnVNs.push(h(VxeButton, {
                     key: 2,
                     ref: refConfirmBtn,
                     loading: loading,
@@ -29621,15 +29654,6 @@ dynamicApp.use(VxeNoticeBar);
 VxeUI.component(VxeNoticeBarComponent);
 const NoticeBar = VxeNoticeBar;
 
-const VxeNumberInput = Object.assign({}, VxeNumberInputComponent, {
-    install(app) {
-        app.component(VxeNumberInputComponent.name, VxeNumberInputComponent);
-    }
-});
-dynamicApp.use(VxeNumberInput);
-VxeUI.component(VxeNumberInputComponent);
-const NumberInput = VxeNumberInput;
-
 class OptionInfo {
     constructor($xeselect, _vm) {
         Object.assign(this, {
@@ -31512,6 +31536,15 @@ var VxeSelectComponent = defineVxeComponent({
     }
 });
 
+const VxeSelect = Object.assign(VxeSelectComponent, {
+    install: function (app) {
+        app.component(VxeSelectComponent.name, VxeSelectComponent);
+    }
+});
+dynamicApp.use(VxeSelect);
+VxeUI.component(VxeSelectComponent);
+const Select = VxeSelect;
+
 const { warnLog: warnLog$6, errLog: errLog$6 } = createComponentLog('pager');
 var VxePagerComponent = defineVxeComponent({
     name: 'VxePager',
@@ -31960,7 +31993,7 @@ var VxePagerComponent = defineVxeComponent({
                     class: 'vxe-pager--custom-sizes'
                 }, sizesSlot({ $pager: $xePager, total, currentPage, pageCount, pageSize, options: sizeList }));
             }
-            return h(VxeSelectComponent, {
+            return h(VxeSelect, {
                 class: 'vxe-pager--sizes',
                 modelValue: pageSize,
                 placement: pageSizePlacement,
@@ -31988,7 +32021,7 @@ var VxePagerComponent = defineVxeComponent({
                         class: 'vxe-pager--goto-text'
                     }, getI18n$2('vxe.pager.goto'))
                     : null,
-                h(VxeNumberInputComponent, {
+                h(VxeNumberInput, {
                     class: 'vxe-pager--goto',
                     modelValue: reactData.inpCurrPage,
                     placeholder: getI18n$2('vxe.pager.gotoTitle'),
@@ -34747,15 +34780,6 @@ dynamicApp.use(VxeSegmented);
 VxeUI.component(VxeSegmentedComponent);
 const Segmented = VxeSegmented;
 
-const VxeSelect = Object.assign(VxeSelectComponent, {
-    install: function (app) {
-        app.component(VxeSelectComponent.name, VxeSelectComponent);
-    }
-});
-dynamicApp.use(VxeSelect);
-VxeUI.component(VxeSelectComponent);
-const Select = VxeSelect;
-
 const { warnLog: warnLog$5, errLog: errLog$5 } = createComponentLog('splitter');
 var VxeSplitComponent = defineVxeComponent({
     name: 'VxeSplitter',
@@ -39479,7 +39503,7 @@ function createInternalData$2() {
         afterVisibleList: [],
         nodeMaps: {},
         selectCheckboxMaps: {},
-        indeterminateRowMaps: {},
+        indeterminateNodeMaps: {},
         treeExpandedMaps: {},
         treeExpandLazyLoadedMaps: {},
         lastScrollLeft: 0,
@@ -39491,8 +39515,8 @@ function createInternalData$2() {
             offsetSize: 0,
             rowHeight: 0
         },
-        removeRowMaps: {},
-        insertRowMaps: {},
+        removeNodeMaps: {},
+        insertNodeMaps: {},
         // prevDragNode: null,
         // prevDragToChild: false,
         // prevDragPos: ''
@@ -39514,10 +39538,15 @@ function createReactData$2() {
         treeList: [],
         updateExpandedFlag: 1,
         updateCheckboxFlag: 1,
-        insertRowFlag: 1,
-        removeRowFlag: 1,
+        insertNodeFlag: 1,
+        removeNodeFlag: 1,
         dragNode: null,
-        dragTipText: ''
+        dragTipText: '',
+        isCrossDragNode: false,
+        tooltipStore: {
+            visible: false,
+            node: null
+        }
     };
 }
 let crossTreeDragNodeObj = null;
@@ -39604,6 +39633,11 @@ var VxeTreeComponent = defineVxeComponent({
         lazy: Boolean,
         toggleMethod: Function,
         loadMethod: Function,
+        showOverflow: {
+            type: Boolean,
+            default: () => getConfig().tree.showOverflow
+        },
+        tooltipConfig: Object,
         drag: {
             type: Boolean,
             default: () => getConfig().tree.drag
@@ -39674,6 +39708,7 @@ var VxeTreeComponent = defineVxeComponent({
         const refVirtualBody = ref();
         const refDragNodeLineElem = ref();
         const refDragTipElem = ref();
+        const refTooltip = ref();
         const crossTreeDragNodeInfo = getCrossTreeDragNodeInfo();
         const internalData = createInternalData$2();
         const reactData = reactive(createReactData$2());
@@ -39705,7 +39740,7 @@ var VxeTreeComponent = defineVxeComponent({
         const computeVirtualYOpts = computed(() => {
             return Object.assign({}, getConfig().tree.virtualYConfig, props.virtualYConfig);
         });
-        const computeIsRowCurrent = computed(() => {
+        const computeIsNodeCurrent = computed(() => {
             const nodeOpts = computeNodeOpts.value;
             const { isCurrent } = nodeOpts;
             if (XEUtils.isBoolean(isCurrent)) {
@@ -39713,7 +39748,7 @@ var VxeTreeComponent = defineVxeComponent({
             }
             return props.isCurrent;
         });
-        const computeIsRowHover = computed(() => {
+        const computeIsNodeHover = computed(() => {
             const nodeOpts = computeNodeOpts.value;
             const { isHover } = nodeOpts;
             if (XEUtils.isBoolean(isHover)) {
@@ -39736,6 +39771,9 @@ var VxeTreeComponent = defineVxeComponent({
         const computeDragOpts = computed(() => {
             return Object.assign({}, getConfig().tree.dragConfig, props.dragConfig);
         });
+        const computeTooltipOpts = computed(() => {
+            return Object.assign({}, getConfig().tree.tooltipConfig, props.tooltipConfig);
+        });
         const computeMenuOpts = computed(() => {
             return Object.assign({}, getConfig().tree.menuConfig, props.menuConfig);
         });
@@ -39821,8 +39859,8 @@ var VxeTreeComponent = defineVxeComponent({
         };
         const isIndeterminateByCheckboxNodeid = (nodeid) => {
             const { updateCheckboxFlag } = reactData;
-            const { indeterminateRowMaps } = internalData;
-            return !!(updateCheckboxFlag && indeterminateRowMaps[nodeid]);
+            const { indeterminateNodeMaps } = internalData;
+            return !!(updateCheckboxFlag && indeterminateNodeMaps[nodeid]);
         };
         const isIndeterminateByCheckboxNode = (node) => {
             return isIndeterminateByCheckboxNodeid(getNodeId(node));
@@ -40108,10 +40146,10 @@ var VxeTreeComponent = defineVxeComponent({
             const expandMaps = {};
             if (transform) {
                 const fullData = [];
-                XEUtils.eachTree(afterTreeList, (item, index, items, path, parentRow) => {
+                XEUtils.eachTree(afterTreeList, (item, index, items, path, parentNode) => {
                     const nodeid = getNodeId(item);
-                    const parentNodeid = getNodeId(parentRow);
-                    if (!parentRow || (expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid])) {
+                    const parentNodeid = getNodeId(parentNode);
+                    if (!parentNode || (expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid])) {
                         expandMaps[nodeid] = 1;
                         fullData.push(item);
                     }
@@ -40159,6 +40197,10 @@ var VxeTreeComponent = defineVxeComponent({
                 })
                 : list ? list.slice(0) : [];
             internalData.treeFullData = fullData;
+            internalData.insertNodeMaps = {};
+            reactData.insertNodeFlag++;
+            internalData.removeNodeMaps = {};
+            reactData.removeNodeFlag++;
             Object.assign(scrollYStore, {
                 startIndex: 0,
                 endIndex: 1,
@@ -40376,12 +40418,12 @@ var VxeTreeComponent = defineVxeComponent({
             const { showRadio, showCheckbox, trigger } = props;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
-            const isRowCurrent = computeIsRowCurrent.value;
+            const isNodeCurrent = computeIsNodeCurrent.value;
             let triggerCurrent = false;
             let triggerRadio = false;
             let triggerCheckbox = false;
             let triggerExpand = false;
-            if (isRowCurrent) {
+            if (isNodeCurrent) {
                 triggerCurrent = true;
                 changeCurrentEvent(evnt, node);
             }
@@ -40405,14 +40447,109 @@ var VxeTreeComponent = defineVxeComponent({
         const handleNodeDblclickEvent = (evnt, node) => {
             dispatchEvent('node-dblclick', { node }, evnt);
         };
+        const handleNodeMouseenterEvent = (evnt, node) => {
+            const $tooltip = refTooltip.value;
+            if (!$tooltip) {
+                return;
+            }
+            const { tooltipStore } = reactData;
+            const { tipTimeout } = internalData;
+            const nodeEl = evnt.currentTarget;
+            const tooltipOpts = computeTooltipOpts.value;
+            const { showAll, contentMethod } = tooltipOpts;
+            if (tipTimeout) {
+                clearTimeout(tipTimeout);
+                internalData.tipTimeout = undefined;
+            }
+            const titleEl = nodeEl.querySelector('.vxe-tree--node-item-title');
+            const tipOverEl = nodeEl.querySelector('.vxe-tree--node-item-wrapper');
+            if (!tipOverEl) {
+                return;
+            }
+            const cellText = XEUtils.toString(tipOverEl.textContent).trim();
+            const isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
+            let isShow = false;
+            let customContent = null;
+            let content = '';
+            if (contentMethod) {
+                customContent = contentMethod({ node, $event: evnt, $tree: $xeTree });
+            }
+            // 是否全部展示
+            if (showAll) {
+                // 如果为 null 默认显示
+                if (XEUtils.eqNull(customContent)) {
+                    isShow = true;
+                    content = cellText;
+                }
+                else if (customContent !== '' && customContent !== false) {
+                    // 如果为 '' | false 则不显示
+                    isShow = true;
+                    content = '' + customContent;
+                }
+            }
+            else {
+                // 如果为 null 使用默认逻辑
+                if (XEUtils.eqNull(customContent)) {
+                    isShow = isOver;
+                    content = cellText;
+                }
+                else if (customContent !== '' && customContent !== false) {
+                    // 如果为 '' | false 则不显示
+                    isShow = true;
+                    content = '' + customContent;
+                }
+                else {
+                    content = cellText;
+                }
+            }
+            if (isShow && content) {
+                const tipContent = getText(content);
+                tooltipStore.visible = true;
+                tooltipStore.node = node;
+                if ($tooltip.open) {
+                    $tooltip.open((isOver ? tipOverEl : titleEl) || tipOverEl, tipContent);
+                }
+            }
+        };
+        const handleNodeMouseleaveEvent = () => {
+            let $tooltip = refTooltip.value;
+            const tooltipOpts = computeTooltipOpts.value;
+            if ($tooltip && $tooltip.setActived) {
+                $tooltip.setActived(false);
+            }
+            if (tooltipOpts.enterable) {
+                internalData.tipTimeout = setTimeout(() => {
+                    $tooltip = refTooltip.value;
+                    if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
+                        closeTooltip();
+                    }
+                    internalData.tipTimeout = undefined;
+                }, tooltipOpts.leaveDelay);
+            }
+            else {
+                closeTooltip();
+            }
+        };
+        const closeTooltip = () => {
+            const { tooltipStore } = reactData;
+            if (tooltipStore.visible) {
+                tooltipStore.visible = false;
+                tooltipStore.node = null;
+                const $tooltip = refTooltip.value;
+                if ($tooltip) {
+                    $tooltip.close();
+                }
+            }
+            return nextTick();
+        };
         const handleContextmenuEvent = (evnt, node) => {
             const { menuConfig } = props;
-            const isRowCurrent = computeIsRowCurrent.value;
+            const isNodeCurrent = computeIsNodeCurrent.value;
             const menuOpts = computeMenuOpts.value;
             if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
                 const { options, visibleMethod } = menuOpts;
                 if (!visibleMethod || visibleMethod({ $tree: $xeTree, options, node })) {
-                    if (isRowCurrent) {
+                    if (isNodeCurrent) {
                         changeCurrentEvent(evnt, node);
                     }
                     else if (reactData.currentNode) {
@@ -40468,15 +40605,15 @@ var VxeTreeComponent = defineVxeComponent({
                             childRecords = [];
                         }
                         if (childRecords) {
-                            return $xeTree.loadChildrenNode(node, childRecords).then(childRows => {
+                            return $xeTree.loadChildrenNode(node, childRecords).then(childNodes => {
                                 const { treeExpandedMaps } = internalData;
-                                if (childRows.length && !treeExpandedMaps[nodeid]) {
+                                if (childNodes.length && !treeExpandedMaps[nodeid]) {
                                     treeExpandedMaps[nodeid] = true;
                                 }
                                 reactData.updateExpandedFlag++;
                                 // 如果当前节点已选中，则展开后子节点也被选中
                                 if (!checkStrictly && $xeTree.isCheckedByCheckboxNodeId(nodeid)) {
-                                    handleCheckedCheckboxNode(childRows, true);
+                                    handleCheckedCheckboxNode(childNodes, true);
                                 }
                                 dispatchEvent('load-success', { node, data: childRecords }, new Event('load-success'));
                                 return nextTick();
@@ -40575,23 +40712,23 @@ var VxeTreeComponent = defineVxeComponent({
         };
         const updateCheckboxStatus = () => {
             const { transform } = props;
-            const { selectCheckboxMaps, indeterminateRowMaps, afterTreeList } = internalData;
+            const { selectCheckboxMaps, indeterminateNodeMaps, afterTreeList } = internalData;
             const childrenField = computeChildrenField.value;
             const mapChildrenField = computeMapChildrenField.value;
             const checkboxOpts = computeCheckboxOpts.value;
             const { checkStrictly, checkMethod } = checkboxOpts;
             if (!checkStrictly) {
-                const childRowMaps = {};
-                const childRowList = [];
+                const childNodeMaps = {};
+                const childNodeList = [];
                 XEUtils.eachTree(afterTreeList, (node) => {
                     const nodeid = getNodeId(node);
                     const childList = node[childrenField];
-                    if (childList && childList.length && !childRowMaps[nodeid]) {
-                        childRowMaps[nodeid] = 1;
-                        childRowList.unshift([node, nodeid, childList]);
+                    if (childList && childList.length && !childNodeMaps[nodeid]) {
+                        childNodeMaps[nodeid] = 1;
+                        childNodeList.unshift([node, nodeid, childList]);
                     }
                 }, { children: transform ? mapChildrenField : childrenField });
-                childRowList.forEach(vals => {
+                childNodeList.forEach(vals => {
                     const node = vals[0];
                     const nodeid = vals[1];
                     const childList = vals[2];
@@ -40607,7 +40744,7 @@ var VxeTreeComponent = defineVxeComponent({
                                 if (isSelect) {
                                     sLen++;
                                 }
-                                else if (indeterminateRowMaps[childNodeid]) {
+                                else if (indeterminateNodeMaps[childNodeid]) {
                                     hLen++;
                                 }
                                 vLen++;
@@ -40616,7 +40753,7 @@ var VxeTreeComponent = defineVxeComponent({
                                 if (isSelect) {
                                     sLen++;
                                 }
-                                else if (indeterminateRowMaps[childNodeid]) {
+                                else if (indeterminateNodeMaps[childNodeid]) {
                                     hLen++;
                                 }
                             }
@@ -40627,7 +40764,7 @@ var VxeTreeComponent = defineVxeComponent({
                             if (isSelect) {
                                 sLen++;
                             }
-                            else if (indeterminateRowMaps[childNodeid]) {
+                            else if (indeterminateNodeMaps[childNodeid]) {
                                 hLen++;
                             }
                             vLen++;
@@ -40657,8 +40794,8 @@ var VxeTreeComponent = defineVxeComponent({
                     const halfSelect = !isSelected && (sLen > 0 || hLen > 0);
                     if (isSelected) {
                         selectCheckboxMaps[nodeid] = node;
-                        if (indeterminateRowMaps[nodeid]) {
-                            delete indeterminateRowMaps[nodeid];
+                        if (indeterminateNodeMaps[nodeid]) {
+                            delete indeterminateNodeMaps[nodeid];
                         }
                     }
                     else {
@@ -40666,11 +40803,11 @@ var VxeTreeComponent = defineVxeComponent({
                             delete selectCheckboxMaps[nodeid];
                         }
                         if (halfSelect) {
-                            indeterminateRowMaps[nodeid] = node;
+                            indeterminateNodeMaps[nodeid] = node;
                         }
                         else {
-                            if (indeterminateRowMaps[nodeid]) {
-                                delete indeterminateRowMaps[nodeid];
+                            if (indeterminateNodeMaps[nodeid]) {
+                                delete indeterminateNodeMaps[nodeid];
                             }
                         }
                     }
@@ -40791,9 +40928,9 @@ var VxeTreeComponent = defineVxeComponent({
             const mapChildrenField = computeMapChildrenField.value;
             const funcName = isAppend ? 'push' : 'unshift';
             newRecords.forEach((item) => {
-                const parentRowId = item[parentField];
+                const parentNodeId = item[parentField];
                 const nodeid = getNodeId(item);
-                const matchObj = parentRowId ? XEUtils.findTree(treeFullData, (item) => parentRowId === item[keyField], { children: mapChildrenField }) : null;
+                const matchObj = parentNodeId ? XEUtils.findTree(treeFullData, (item) => parentNodeId === item[keyField], { children: mapChildrenField }) : null;
                 const itemRest = getItemCacheObj(item);
                 if (matchObj) {
                     const { item: parentItem } = matchObj;
@@ -40814,7 +40951,7 @@ var VxeTreeComponent = defineVxeComponent({
                     pMapChilds[funcName](item);
                 }
                 else {
-                    if (parentRowId) {
+                    if (parentNodeId) {
                         warnLog$2('vxe.error.unableInsert');
                     }
                     treeFullData[funcName](item);
@@ -40824,7 +40961,7 @@ var VxeTreeComponent = defineVxeComponent({
         };
         const handleInsertNodeAt = (records, targetNodeOrNodeid, isInsertNextNode) => {
             const { transform } = props;
-            const { treeFullData, nodeMaps } = internalData;
+            const { treeFullData, nodeMaps, removeNodeMaps, insertNodeMaps } = internalData;
             const keyField = computeKeyField.value;
             const parentField = computeParentField.value;
             const childrenField = computeChildrenField.value;
@@ -40862,26 +40999,26 @@ var VxeTreeComponent = defineVxeComponent({
                         const parentMapChilds = parentNode ? parentNode[mapChildrenField] : treeFullData;
                         const parentRest = nodeMaps[getNodeId(parentNode)];
                         const parentLevel = parentRest ? parentRest.level : 0;
-                        treeRecords.forEach((row, i) => {
+                        treeRecords.forEach((item, i) => {
                             if (parentNode) {
-                                if (row[parentField] !== parentNode[keyField]) {
-                                    errLog$2('vxe.error.errProp', [`${parentField}=${row[parentField]}`, `${parentField}=${parentNode[keyField]}`]);
-                                    row[parentField] = parentNode[keyField];
+                                if (item[parentField] !== parentNode[keyField]) {
+                                    errLog$2('vxe.error.errProp', [`${parentField}=${item[parentField]}`, `${parentField}=${parentNode[keyField]}`]);
+                                    item[parentField] = parentNode[keyField];
                                 }
                             }
                             else {
-                                if (row[parentField] !== null) {
-                                    if (!XEUtils.eqNull(row[parentField])) {
-                                        errLog$2('vxe.error.errProp', [`${parentField}=${row[parentField]}`, 'null']);
+                                if (item[parentField] !== null) {
+                                    if (!XEUtils.eqNull(item[parentField])) {
+                                        errLog$2('vxe.error.errProp', [`${parentField}=${item[parentField]}`, 'null']);
                                     }
-                                    row[parentField] = null;
+                                    item[parentField] = null;
                                 }
                             }
                             let targetIndex = matchMapObj.index + i;
                             if (isInsertNextNode) {
                                 targetIndex = targetIndex + 1;
                             }
-                            parentMapChilds.splice(targetIndex, 0, row);
+                            parentMapChilds.splice(targetIndex, 0, item);
                         });
                         XEUtils.eachTree(treeRecords, (item) => {
                             const nodeid = getNodeId(item);
@@ -40911,7 +41048,22 @@ var VxeTreeComponent = defineVxeComponent({
                     }
                 }
             }
-            reactData.insertRowFlag++;
+            const handleStatus = (newItem) => {
+                const nodeid = getNodeId(newItem);
+                // 如果是被删除的数据，则还原状态
+                if (removeNodeMaps[nodeid]) {
+                    delete removeNodeMaps[nodeid];
+                    if (insertNodeMaps[nodeid]) {
+                        delete insertNodeMaps[nodeid];
+                    }
+                }
+                else {
+                    insertNodeMaps[nodeid] = newItem;
+                }
+            };
+            XEUtils.eachTree(treeRecords, handleStatus, { children: mapChildrenField });
+            reactData.removeNodeFlag++;
+            reactData.insertNodeFlag++;
             cacheNodeMap();
             handleData(true);
             updateAfterDataIndex();
@@ -40926,6 +41078,27 @@ var VxeTreeComponent = defineVxeComponent({
                 };
             });
         };
+        const handleInsertChildNodeAt = (records, parentNodeOrParentId, targetNodeOrNodeid, isInsertNextNode) => {
+            const { transform } = props;
+            const { nodeMaps } = internalData;
+            const keyField = computeKeyField.value;
+            const parentField = computeParentField.value;
+            if (!transform) {
+                errLog$2('vxe.error.reqSupportProp', ['insertChild() | insertChildAt() | insertChildNextAt()', 'transform']);
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            if (!XEUtils.isArray(records)) {
+                records = [records];
+            }
+            let parentNode = parentNodeOrParentId;
+            if (XEUtils.isString(parentNodeOrParentId) || XEUtils.isNumber(parentNodeOrParentId)) {
+                const nodeRest = nodeMaps[parentNodeOrParentId];
+                if (nodeRest) {
+                    parentNode = nodeRest.item;
+                }
+            }
+            return handleInsertNodeAt(records.map((item) => Object.assign({}, item, { [parentField]: parentNode[keyField] })), targetNodeOrNodeid, isInsertNextNode);
+        };
         const treeMethods = {
             dispatchEvent,
             getNodeId,
@@ -41047,7 +41220,7 @@ var VxeTreeComponent = defineVxeComponent({
                 return list;
             },
             clearCheckboxNode() {
-                internalData.indeterminateRowMaps = {};
+                internalData.indeterminateNodeMaps = {};
                 internalData.selectCheckboxMaps = {};
                 reactData.updateCheckboxFlag++;
                 emitCheckboxMode([]);
@@ -41071,7 +41244,7 @@ var VxeTreeComponent = defineVxeComponent({
                         selectMaps[nodeid] = true;
                     }, { children: transform ? mapChildrenField : childrenField });
                 }
-                internalData.indeterminateRowMaps = {};
+                internalData.indeterminateNodeMaps = {};
                 internalData.selectCheckboxMaps = selectMaps;
                 reactData.updateCheckboxFlag++;
                 updateCheckboxStatus();
@@ -41251,10 +41424,10 @@ var VxeTreeComponent = defineVxeComponent({
                 const parentLevel = parentNodeItem ? parentNodeItem.level : 0;
                 const parentNodes = parentNodeItem ? parentNodeItem.nodes : [];
                 return createNode(childRecords).then((nodeList) => {
-                    XEUtils.eachTree(nodeList, (childRow, index, items, path, parent, nodes) => {
-                        const itemNodeId = getNodeId(childRow);
+                    XEUtils.eachTree(nodeList, (childNode, index, items, path, parent, nodes) => {
+                        const itemNodeId = getNodeId(childNode);
                         nodeMaps[itemNodeId] = {
-                            item: childRow,
+                            item: childNode,
                             index: -1,
                             $index: -1,
                             _index: -1,
@@ -41282,9 +41455,9 @@ var VxeTreeComponent = defineVxeComponent({
             isIndeterminateByCheckboxNode,
             isCheckedByCheckboxNode,
             getCheckboxIndeterminateNodes() {
-                const { nodeMaps, indeterminateRowMaps } = internalData;
+                const { nodeMaps, indeterminateNodeMaps } = internalData;
                 const list = [];
-                XEUtils.each(indeterminateRowMaps, (item, nodeid) => {
+                XEUtils.each(indeterminateNodeMaps, (item, nodeid) => {
                     const nodeItem = nodeMaps[nodeid];
                     if (nodeItem) {
                         list.push(nodeItem.item);
@@ -41339,9 +41512,30 @@ var VxeTreeComponent = defineVxeComponent({
             insertNextAt(records, targetNodeOrNodeid) {
                 return handleInsertNodeAt(records, targetNodeOrNodeid, true);
             },
+            insertChild(records, parentNodeOrParentId) {
+                return handleInsertChildNodeAt(records, parentNodeOrParentId, null);
+            },
+            insertChildAt(records, parentNodeOrParentId, targetNode) {
+                return handleInsertChildNodeAt(records, parentNodeOrParentId, targetNode);
+            },
+            insertChildNextAt(records, parentNodeOrParentId, targetNode) {
+                return handleInsertChildNodeAt(records, parentNodeOrParentId, targetNode, true);
+            },
+            getInsertRecords() {
+                const { insertNodeMaps } = internalData;
+                const insertRecords = [];
+                XEUtils.each(insertNodeMaps, (item) => {
+                    insertRecords.push(item);
+                });
+                return insertRecords;
+            },
+            isInsertByNode(node) {
+                const nodeid = getNodeId(node);
+                return !!reactData.insertNodeFlag && !!internalData.insertNodeMaps[nodeid];
+            },
             remove(nodes) {
                 const { transform } = props;
-                const { treeFullData } = internalData;
+                const { treeFullData, insertNodeMaps, removeNodeMaps } = internalData;
                 const childrenField = computeChildrenField.value;
                 const mapChildrenField = computeMapChildrenField.value;
                 if (!transform) {
@@ -41358,6 +41552,13 @@ var VxeTreeComponent = defineVxeComponent({
                 if (!nodes.length) {
                     return Promise.resolve({ node: null, nodes: [] });
                 }
+                // 如果是新增，则保存记录
+                nodes.forEach((item) => {
+                    if (!$xeTree.isInsertByNode(item)) {
+                        const nodeid = getNodeId(item);
+                        removeNodeMaps[nodeid] = item;
+                    }
+                });
                 // 从数据源中移除
                 if (treeFullData === nodes) {
                     nodes = delList = treeFullData.slice(0);
@@ -41378,8 +41579,15 @@ var VxeTreeComponent = defineVxeComponent({
                         }
                     });
                 }
-                reactData.removeRowFlag++;
-                reactData.insertRowFlag++;
+                // 从新增中移除已删除的数据
+                nodes.forEach((item) => {
+                    const nodeid = getNodeId(item);
+                    if (insertNodeMaps[nodeid]) {
+                        delete insertNodeMaps[nodeid];
+                    }
+                });
+                reactData.removeNodeFlag++;
+                reactData.insertNodeFlag++;
                 cacheNodeMap();
                 handleData(true);
                 updateAfterDataIndex();
@@ -41393,22 +41601,19 @@ var VxeTreeComponent = defineVxeComponent({
                     return { node: delList.length ? delList[delList.length - 1] : null, nodes: delList };
                 });
             },
-            getInsertRecords() {
-                const { insertRowMaps } = internalData;
-                const insertRecords = [];
-                XEUtils.each(insertRowMaps, (row) => {
-                    insertRecords.push(row);
-                });
-                return insertRecords;
-            },
             getRemoveRecords() {
-                const { removeRowMaps } = internalData;
+                const { removeNodeMaps } = internalData;
                 const removeRecords = [];
-                XEUtils.each(removeRowMaps, (row) => {
-                    removeRecords.push(row);
+                XEUtils.each(removeNodeMaps, (item) => {
+                    removeRecords.push(item);
                 });
                 return removeRecords;
-            }
+            },
+            isRemoveByNode(node) {
+                const nodeid = getNodeId(node);
+                return !!reactData.removeNodeFlag && !!internalData.removeNodeMaps[nodeid];
+            },
+            closeTooltip
         };
         const handleNodeDragEndClearStatus = () => {
             clearNodeDragData();
@@ -41435,7 +41640,7 @@ var VxeTreeComponent = defineVxeComponent({
                 });
             }
         };
-        const updateRowDropTipContent = (itemEl) => {
+        const updateNodeDropTipContent = (itemEl) => {
             const { dragNode } = reactData;
             const dragOpts = computeDragOpts.value;
             const { tooltipMethod } = dragOpts;
@@ -41480,20 +41685,26 @@ var VxeTreeComponent = defineVxeComponent({
             evnt.stopPropagation();
             const { node } = params;
             const dragConfig = computeDragOpts.value;
-            const { trigger, dragStartMethod } = dragConfig;
+            const { isCrossTreeDrag, trigger, dragStartMethod } = dragConfig;
             const dragEl = evnt.currentTarget;
             const itemEl = trigger === 'node' ? dragEl : dragEl.parentElement.parentElement;
             clearNodeDropOrigin();
             if (dragStartMethod && !dragStartMethod(params)) {
                 itemEl.draggable = false;
                 reactData.dragNode = null;
+                clearCrossTreeDragStatus();
                 hideDropTip();
                 return;
             }
+            if (isCrossTreeDrag) {
+                crossTreeDragNodeInfo.node = node;
+                crossTreeDragNodeObj = { $oldTree: $xeTree, $newTree: null };
+            }
             reactData.dragNode = node;
+            reactData.isCrossDragNode = false;
             itemEl.draggable = true;
             updateNodeDropOrigin(node);
-            updateRowDropTipContent(itemEl);
+            updateNodeDropTipContent(itemEl);
             dispatchEvent('node-dragstart', params, evnt);
         };
         const handleNodeDragMouseupEvent = () => {
@@ -41561,6 +41772,7 @@ var VxeTreeComponent = defineVxeComponent({
                 status: false
             };
             if (!(el && prevDragNode && dragNode)) {
+                handleNodeDragEndClearStatus();
                 return Promise.resolve(errRest);
             }
             // 判断是否有拖动
@@ -41608,15 +41820,13 @@ var VxeTreeComponent = defineVxeComponent({
                             if (isPeerDrag && !isCrossDrag) {
                                 if (oldRest.item[parentField] !== newRest.item[parentField]) {
                                     // 非同级
-                                    clearNodeDragData();
-                                    clearCrossTreeDragStatus();
+                                    handleNodeDragEndClearStatus();
                                     return errRest;
                                 }
                             }
                             else {
                                 if (!isCrossDrag) {
-                                    clearNodeDragData();
-                                    clearCrossTreeDragStatus();
+                                    handleNodeDragEndClearStatus();
                                     return errRest;
                                 }
                                 if (oldAllMaps[newNodeid]) {
@@ -41628,8 +41838,7 @@ var VxeTreeComponent = defineVxeComponent({
                                                 content: getI18n('vxe.error.treeDragChild')
                                             });
                                         }
-                                        clearNodeDragData();
-                                        clearCrossTreeDragStatus();
+                                        handleNodeDragEndClearStatus();
                                         return errRest;
                                     }
                                 }
@@ -41638,16 +41847,14 @@ var VxeTreeComponent = defineVxeComponent({
                         else if (oldLevel) {
                             // 子到根
                             if (!isCrossDrag) {
-                                clearNodeDragData();
-                                clearCrossTreeDragStatus();
+                                handleNodeDragEndClearStatus();
                                 return errRest;
                             }
                         }
                         else if (newLevel) {
                             // 根到子
                             if (!isCrossDrag) {
-                                clearNodeDragData();
-                                clearCrossTreeDragStatus();
+                                handleNodeDragEndClearStatus();
                                 return errRest;
                             }
                             if (oldAllMaps[newNodeid]) {
@@ -41659,8 +41866,7 @@ var VxeTreeComponent = defineVxeComponent({
                                             content: getI18n('vxe.error.treeDragChild')
                                         });
                                     }
-                                    clearNodeDragData();
-                                    clearCrossTreeDragStatus();
+                                    handleNodeDragEndClearStatus();
                                     return errRest;
                                 }
                             }
@@ -41808,13 +42014,11 @@ var VxeTreeComponent = defineVxeComponent({
                 }).catch(() => {
                     return errRest;
                 }).then((rest) => {
-                    clearNodeDragData();
-                    clearCrossTreeDragStatus();
+                    handleNodeDragEndClearStatus();
                     return rest;
                 });
             }
-            clearNodeDragData();
-            clearCrossTreeDragStatus();
+            handleNodeDragEndClearStatus();
             return Promise.resolve(errRest);
         };
         const handleNodeDragDragstartEvent = (evnt) => {
@@ -41863,7 +42067,7 @@ var VxeTreeComponent = defineVxeComponent({
             const dragConfig = computeDragOpts.value;
             const parentField = computeParentField.value;
             const hasChildField = computeHasChildField.value;
-            const { isCrossDrag, isPeerDrag, isToChildDrag } = dragConfig;
+            const { isCrossTreeDrag, isCrossDrag, isPeerDrag, isToChildDrag } = dragConfig;
             if (!dragNode && !isCrossDrag) {
                 evnt.preventDefault();
             }
@@ -41879,6 +42083,32 @@ var VxeTreeComponent = defineVxeComponent({
                 internalData.prevDragToChild = !!(transform && (isCrossDrag && isToChildDrag) && isControlKey);
                 internalData.prevDragNode = node;
                 internalData.prevDragPos = dragPos;
+                // 跨树拖拽
+                if (isCrossTreeDrag && isCrossDrag && crossTreeDragNodeObj) {
+                    const { $oldTree, $newTree } = crossTreeDragNodeObj;
+                    if ($oldTree) {
+                        const oldTreeReactData = $oldTree.reactData;
+                        if ($oldTree.xID === $xeTree.xID) {
+                            if ($newTree) {
+                                $newTree.hideCrossTreeNodeDropClearStatus();
+                            }
+                            reactData.isCrossDragNode = false;
+                            oldTreeReactData.isCrossDragNode = false;
+                            crossTreeDragNodeObj.$newTree = null;
+                        }
+                        else if (isCrossDrag) {
+                            if ($newTree && $newTree.xID !== $xeTree.xID) {
+                                $newTree.hideCrossTreeNodeDropClearStatus();
+                            }
+                            $oldTree.hideCrossTreeNodeDropClearStatus();
+                            oldTreeReactData.isCrossDragNode = true;
+                            reactData.dragTipText = oldTreeReactData.dragTipText;
+                            crossTreeDragNodeObj.$newTree = $xeTree;
+                            showDropTip(evnt, itemEl, true, dragPos);
+                            return;
+                        }
+                    }
+                }
                 if ((dragNode && getNodeId(dragNode) === nodeid) ||
                     (isControlKey && lazy && node[hasChildField] && nodeItem && !nodeItem.treeLoaded) ||
                     (!isCrossDrag && transform && (isPeerDrag ? dragNode[parentField] !== node[parentField] : nodeItem.level))) {
@@ -42052,9 +42282,9 @@ var VxeTreeComponent = defineVxeComponent({
                             else {
                                 dragNode[parentField] = null;
                             }
-                            dragList.forEach(row => {
-                                row[childrenField] = undefined;
-                                row[mapChildrenField] = undefined;
+                            dragList.forEach(item => {
+                                item[childrenField] = undefined;
+                                item[mapChildrenField] = undefined;
                             });
                             if (prevDragNode) {
                                 if (prevDragPos === 'bottom') {
@@ -42212,6 +42442,8 @@ var VxeTreeComponent = defineVxeComponent({
             const { lazy, drag, transform, showRadio, showCheckbox, showLine, iconOpen, iconClose, iconLoaded, showIcon } = props;
             const { currentNode, selectRadioKey, updateExpandedFlag } = reactData;
             const { afterTreeList, nodeMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
+            const tooltipOpts = computeTooltipOpts.value;
+            const { mode: tipMode } = tooltipOpts;
             const childrenField = computeChildrenField.value;
             const titleField = computeTitleField.value;
             const hasChildField = computeHasChildField.value;
@@ -42222,7 +42454,7 @@ var VxeTreeComponent = defineVxeComponent({
             const extraSlot = slots.extra;
             const isExpand = updateExpandedFlag && treeExpandedMaps[nodeid];
             const nodeItem = nodeMaps[nodeid] || {};
-            const nodeTitle = XEUtils.get(node, titleField);
+            const nodeTitle = getText(XEUtils.get(node, titleField));
             const nLevel = nodeItem.level;
             let isRadioChecked = false;
             if (showRadio) {
@@ -42244,7 +42476,7 @@ var VxeTreeComponent = defineVxeComponent({
             }
             const prevNode = nodeItem.items[nodeItem.treeIndex - 1];
             const nParams = { node, isExpand };
-            const itemOn = {
+            const itemOns = {
                 onMousedown(evnt) {
                     handleNodeMousedownEvent(evnt, node);
                 },
@@ -42259,13 +42491,19 @@ var VxeTreeComponent = defineVxeComponent({
                     handleContextmenuEvent(evnt, node);
                 }
             };
+            if (tipMode === 'tooltip') {
+                itemOns.onMouseenter = (evnt) => {
+                    handleNodeMouseenterEvent(evnt, node);
+                };
+                itemOns.onMouseleave = handleNodeMouseleaveEvent;
+            }
             // 拖拽行事件
             if (drag && transform) {
-                itemOn.onDragstart = handleNodeDragDragstartEvent;
-                itemOn.onDragend = handleNodeDragDragendEvent;
-                itemOn.onDragover = handleNodeDragDragoverEvent;
+                itemOns.onDragstart = handleNodeDragDragstartEvent;
+                itemOns.onDragend = handleNodeDragDragendEvent;
+                itemOns.onDragover = handleNodeDragDragoverEvent;
             }
-            return h('div', Object.assign({ key: nodeid, class: ['vxe-tree--node-wrapper', `node--level-${nLevel}`], nodeid }, itemOn), [
+            return h('div', Object.assign({ key: nodeid, class: ['vxe-tree--node-wrapper', `node--level-${nLevel}`], nodeid, title: tipMode === 'title' ? nodeTitle : '' }, itemOns), [
                 h('div', {
                     class: ['vxe-tree--node-item', {
                             'is--current': currentNode && nodeid === getNodeId(currentNode),
@@ -42311,8 +42549,12 @@ var VxeTreeComponent = defineVxeComponent({
                         class: 'vxe-tree--node-item-inner'
                     }, [
                         h('div', {
-                            class: 'vxe-tree--node-item-title'
-                        }, titleSlot ? getSlotVNs(titleSlot(nParams)) : `${nodeTitle}`),
+                            class: 'vxe-tree--node-item-wrapper'
+                        }, [
+                            h('span', {
+                                class: 'vxe-tree--node-item-title'
+                            }, titleSlot ? getSlotVNs(titleSlot(nParams)) : nodeTitle)
+                        ]),
                         extraSlot
                             ? h('div', {
                                 class: 'vxe-tree--node-item-extra'
@@ -42398,27 +42640,29 @@ var VxeTreeComponent = defineVxeComponent({
         };
         const renderVN = () => {
             const { loading, trigger, showLine } = props;
-            const { bodyHeight, topSpaceHeight, treeList } = reactData;
+            const { bodyHeight, topSpaceHeight, treeList, tooltipStore } = reactData;
             const vSize = computeSize.value;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
             const loadingOpts = computeLoadingOpts.value;
-            const isRowHover = computeIsRowHover.value;
+            const isNodeHover = computeIsNodeHover.value;
             const treeStyle = computeTreeStyle.value;
             const dragOpts = computeDragOpts.value;
+            const tooltipOpts = computeTooltipOpts.value;
             const loadingSlot = slots.loading;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
+            const tooltipSlot = slots.tooltip;
             const teOns = {};
             if (dragOpts.isCrossTreeDrag && !treeList.length) {
-                teOns.onDragover = $xeTree.handleCrossTreeNodeDragInsertEvent;
+                teOns.onDragover = $xeTree.handleCrossTreeNodeDragoverEmptyEvent;
             }
             return h('div', Object.assign({ ref: refElem, class: ['vxe-tree', {
                         [`size--${vSize}`]: vSize,
                         'show--line': showLine,
                         'checkbox--highlight': checkboxOpts.highlight,
                         'radio--highlight': radioOpts.highlight,
-                        'node--hover': isRowHover,
+                        'node--hover': isNodeHover,
                         'node--trigger': trigger === 'node',
                         'is--loading': loading
                     }] }, teOns), [
@@ -42458,6 +42702,35 @@ var VxeTreeComponent = defineVxeComponent({
                  * 拖拽提示
                  */
                 renderDragTip(),
+                /**
+                  * 工具提示
+                  */
+                tooltipOpts.mode === 'tooltip'
+                    ? h(VxeTooltip, {
+                        ref: refTooltip,
+                        theme: tooltipOpts.theme,
+                        enterable: tooltipOpts.enterable,
+                        enterDelay: tooltipOpts.enterDelay,
+                        leaveDelay: tooltipOpts.leaveDelay,
+                        useHtml: tooltipOpts.useHtml,
+                        width: tooltipOpts.width,
+                        height: tooltipOpts.height,
+                        minWidth: tooltipOpts.minWidth,
+                        minHeight: tooltipOpts.minHeight,
+                        maxWidth: tooltipOpts.maxWidth,
+                        maxHeight: tooltipOpts.maxHeight,
+                        placement: tooltipOpts.placement,
+                        defaultPlacement: tooltipOpts.defaultPlacement,
+                        popupClassName: tooltipOpts.popupClassName
+                    }, tooltipSlot
+                        ? {
+                            content: () => {
+                                const { node } = tooltipStore;
+                                return tooltipSlot({ node, $tree: $xeTree });
+                            }
+                        }
+                        : undefined)
+                    : renderEmptyElement($xeTree),
                 /**
                  * 加载中
                  */
@@ -42470,7 +42743,7 @@ var VxeTreeComponent = defineVxeComponent({
                     ? {
                         default: () => loadingSlot({ $tree: $xeTree })
                     }
-                    : {})
+                    : undefined)
             ]);
         };
         const dataFlag = ref(0);
@@ -42522,8 +42795,11 @@ var VxeTreeComponent = defineVxeComponent({
             recalculate();
         });
         onMounted(() => {
-            const { transform, drag, menuConfig } = props;
+            const { transform, drag, menuConfig, showOverflow } = props;
             const dragOpts = computeDragOpts.value;
+            if (!showOverflow) {
+                errLog$2('vxe.error.errProp', ['show-overflow=false', 'show-overflow=true']);
+            }
             if (drag && !transform) {
                 errLog$2('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
             }