vxe-pc-ui 3.15.16 → 3.15.18

package/lib/index.umd.js

@@ -13226,7 +13226,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.15.16");
+var uiVersion = "ui v".concat("3.15.18");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13244,7 +13244,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.15.16";
+var ui_version = "3.15.18";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13661,9 +13661,16 @@ setConfig({
     // 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,
@@ -14217,7 +14224,8 @@ setIcon({
       cancelFixed: '取消冻结列'
     },
     iconPicker: {
-      search: '搜索'
+      search: '搜索',
+      emptyText: '暂无数据'
     },
     datePicker: {
       yearTitle: '{0} 年'
@@ -23159,6 +23167,21 @@ function list_createInternalData() {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/list/index.ts
+
+
+
+
+
+var VxeList = Object.assign(list, {
+  install: function install(app) {
+    app.component(list.name, list);
+  }
+});
+dynamicApp.use(VxeList);
+VxeUI.component(list);
+var List = VxeList;
+/* harmony default export */ var packages_list = (VxeList);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.to-exponential.js
 var es_number_to_exponential = __webpack_require__(2337);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
@@ -26302,6 +26325,21 @@ var input_createComponentLog = createComponentLog('input'),
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/input/index.ts
+
+
+
+
+
+var VxeInput = Object.assign(input, {
+  install: function install(app) {
+    app.component(input.name, input);
+  }
+});
+dynamicApp.use(VxeInput);
+VxeUI.component(input);
+var Input = VxeInput;
+/* harmony default export */ var packages_input = (VxeInput);
 ;// ./packages/cascader/src/cascader.ts
 
 
@@ -28242,7 +28280,7 @@ function cascader_createInternalData() {
         class: ['vxe-cascader', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $cascader: $xeCascader
         }) : 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, {
+      }, [h(packages_input, {
         ref: 'refInput',
         props: {
           clearable: props.clearable,
@@ -28280,7 +28318,7 @@ function cascader_createInternalData() {
         class: 'vxe-cascader--panel-wrapper'
       }, [filterable ? h('div', {
         class: 'vxe-cascader--panel-search'
-      }, [h(input, {
+      }, [h(packages_input, {
         ref: 'refInpSearch',
         class: 'vxe-cascader-search--input',
         props: {
@@ -28300,7 +28338,7 @@ function cascader_createInternalData() {
         class: 'vxe-cascader--header-button'
       }, [showCheckedButton && multiple || showClearButton ? h('div', {
         class: 'vxe-cascader--selected-btns'
-      }, [showCheckedButton && multiple ? h(src_button, {
+      }, [showCheckedButton && multiple ? h(packages_button, {
         props: {
           content: getI18n('vxe.treeSelect.allChecked'),
           mode: 'text'
@@ -28308,7 +28346,7 @@ function cascader_createInternalData() {
         on: {
           click: $xeCascader.allCheckedPanelEvent
         }
-      }) : renderEmptyElement($xeCascader), showClearButton ? h(src_button, {
+      }) : renderEmptyElement($xeCascader), showClearButton ? h(packages_button, {
         props: {
           content: getI18n('vxe.treeSelect.clearChecked'),
           mode: 'text'
@@ -28325,7 +28363,7 @@ function cascader_createInternalData() {
         return h('div', {
           key: chunkIndex,
           class: 'vxe-cascader-chunk--item-wrapper'
-        }, [h(list, {
+        }, [h(packages_list, {
           props: {
             data: chunks,
             virtualYConfig: listVirtualYOpts
@@ -28348,7 +28386,7 @@ function cascader_createInternalData() {
         class: 'vxe-cascader--total-btns'
       }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeCascader), showCloseButton ? h('div', {
         class: 'vxe-cascader--oper-btns'
-      }, [h(src_button, {
+      }, [h(packages_button, {
         props: {
           content: getI18n('vxe.select.close'),
           mode: 'text'
@@ -31333,6 +31371,21 @@ var handleNumberString = function handleNumberString(val) {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/number-input/index.ts
+
+
+
+
+
+var VxeNumberInput = Object.assign({}, number_input, {
+  install: function install(app) {
+    app.component(number_input.name, number_input);
+  }
+});
+dynamicApp.use(VxeNumberInput);
+VxeUI.component(number_input);
+var NumberInput = VxeNumberInput;
+/* harmony default export */ var packages_number_input = (VxeNumberInput);
 ;// ./packages/color-picker/src/color-picker.ts
 
 
@@ -32249,7 +32302,7 @@ var typeList = [{
         class: "vxe-color-picker--".concat(selectTyle, "-wrapper")
       }, isRgb ? [h('div', {
         class: 'vxe-color-picker--input-wrapper'
-      }, [h(number_input, {
+      }, [h(packages_number_input, {
         props: {
           type: 'integer',
           size: 'mini',
@@ -32269,7 +32322,7 @@ var typeList = [{
           },
           change: $xeColorPicker.handleInputRgbEvent
         }
-      }), h(number_input, {
+      }), h(packages_number_input, {
         props: {
           type: 'integer',
           size: 'mini',
@@ -32289,7 +32342,7 @@ var typeList = [{
           },
           change: $xeColorPicker.handleInputRgbEvent
         }
-      }), h(number_input, {
+      }), h(packages_number_input, {
         props: {
           type: 'integer',
           size: 'mini',
@@ -32309,7 +32362,7 @@ var typeList = [{
           },
           change: $xeColorPicker.handleInputRgbEvent
         }
-      }), h(number_input, {
+      }), h(packages_number_input, {
         props: {
           type: 'number',
           size: 'mini',
@@ -32334,7 +32387,7 @@ var typeList = [{
         class: 'vxe-color-picker--input-title'
       }, [h('span', 'R'), h('span', 'G'), h('span', 'B'), h('span', 'A')])] : [h('div', {
         class: 'vxe-color-picker--input-wrapper'
-      }, [h(input, {
+      }, [h(packages_input, {
         props: {
           type: 'text',
           size: 'mini',
@@ -32454,7 +32507,7 @@ var typeList = [{
         }
       }, [$xeColorPicker.renderColorWrapper(h), $xeColorPicker.renderColorBar(h), $xeColorPicker.renderQuickWrapper(h), h('div', {
         class: 'vxe-color-picker--footer-wrapper'
-      }, [clearable ? h(src_button, {
+      }, [clearable ? h(packages_button, {
         props: {
           content: getI18n('vxe.colorPicker.clear'),
           size: 'mini'
@@ -32462,7 +32515,7 @@ var typeList = [{
         on: {
           click: $xeColorPicker.clearEvent
         }
-      }) : renderEmptyElement($xeColorPicker), h(src_button, {
+      }) : renderEmptyElement($xeColorPicker), h(packages_button, {
         props: {
           content: getI18n('vxe.colorPicker.confirm'),
           size: 'mini',
@@ -37441,7 +37494,7 @@ function date_picker_createInternalData() {
       if (isEnableConf(shortcutOpts) && shortcutList.length && (position || 'left') === pos) {
         return h('div', {
           class: "vxe-date-picker--layout-".concat(pos, "-wrapper")
-        }, [h(button_group, {
+        }, [h(packages_button_group, {
           props: {
             options: shortcutList,
             mode: mode,
@@ -37518,7 +37571,7 @@ function date_picker_createInternalData() {
         class: 'vxe-date-picker--layout-header-wrapper'
       }, headerSlot({})) : $xeDatePicker.renderShortcutBtn(h, 'header'), h('div', {
         class: 'vxe-date-picker--layout-body-wrapper'
-      }, [h(date_panel, {
+      }, [h(packages_date_panel, {
         ref: 'refDatePanel',
         props: {
           value: reactData.inputValue,
@@ -37552,7 +37605,7 @@ function date_picker_createInternalData() {
         class: 'vxe-date-picker--layout-footer-custom'
       }, footerSlot ? footerSlot({}) : [$xeDatePicker.renderShortcutBtn(h, 'footer')]), showClearBtn || showConfirmBtn ? h('div', {
         class: 'vxe-date-picker--layout-footer-btns'
-      }, [showClearBtn ? h(src_button, {
+      }, [showClearBtn ? h(packages_button, {
         props: {
           size: 'mini',
           disabled: inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue),
@@ -37561,7 +37614,7 @@ function date_picker_createInternalData() {
         on: {
           click: $xeDatePicker.clearValueEvent
         }
-      }) : renderEmptyElement($xeDatePicker), showConfirmBtn ? h(src_button, {
+      }) : renderEmptyElement($xeDatePicker), showConfirmBtn ? h(packages_button, {
         props: {
           size: 'mini',
           status: 'primary',
@@ -39964,7 +40017,7 @@ var allActiveDrawers = [];
       var rfSlot = slots.rightfoot || propSlots.rightfoot;
       var btnVNs = [];
       if (showCancelButton) {
-        btnVNs.push(h(src_button, {
+        btnVNs.push(h(packages_button, {
           key: 1,
           ref: 'refCancelBtn',
           props: {
@@ -39976,7 +40029,7 @@ var allActiveDrawers = [];
         }));
       }
       if (showConfirmButton) {
-        btnVNs.push(h(src_button, {
+        btnVNs.push(h(packages_button, {
           key: 2,
           ref: 'refConfirmBtn',
           props: {
@@ -40550,6 +40603,21 @@ function destroyItem($xeForm, formItem) {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/icon/index.ts
+
+
+
+
+
+var VxeIcon = Object.assign({}, icon, {
+  install: function install(app) {
+    app.component(icon.name, icon);
+  }
+});
+dynamicApp.use(VxeIcon);
+VxeUI.component(icon);
+var Icon = VxeIcon;
+/* harmony default export */ var packages_icon = (VxeIcon);
 ;// ./packages/form/src/render.ts
 
 
@@ -40573,7 +40641,7 @@ function destroyItem($xeForm, formItem) {
 function renderPrefixIcon(h, titlePrefix) {
   return h('span', {
     class: 'vxe-form--item-title-tip-prefix'
-  }, [h(icon, {
+  }, [h(packages_icon, {
     class: titlePrefix.icon || getIcon().FORM_PREFIX,
     props: {
       status: titlePrefix.iconStatus
@@ -40583,7 +40651,7 @@ function renderPrefixIcon(h, titlePrefix) {
 function renderSuffixIcon(h, titleSuffix) {
   return h('span', {
     class: 'vxe-form--item-title-tip-suffix'
-  }, [h(icon, {
+  }, [h(packages_icon, {
     class: titleSuffix.icon || getIcon().FORM_SUFFIX,
     props: {
       status: titleSuffix.iconStatus
@@ -40742,7 +40810,7 @@ function renderTitle(h, $xeForm, item, isGroup) {
     }, $xeForm.callSlot(prefixSlot, params, h)));
   }
   if (titlePrefix) {
-    titVNs.push(titlePrefix.content || titlePrefix.message ? h(tooltip, {
+    titVNs.push(titlePrefix.content || titlePrefix.message ? h(packages_tooltip, {
       key: 'pm',
       props: _objectSpread2(_objectSpread2(_objectSpread2({}, tooltipOpts), titlePrefix), {}, {
         content: getFuncText(titlePrefix.content || titlePrefix.message)
@@ -40761,7 +40829,7 @@ function renderTitle(h, $xeForm, item, isGroup) {
   }, titleSlot ? $xeForm.callSlot(titleSlot, params, h) : rftTitle ? vn_getSlotVNs(rftTitle.call($xeForm, h, itemRender, params)) : getFuncText(item.title)));
   var fixVNs = [];
   if (titleSuffix) {
-    fixVNs.push(titleSuffix.content || titleSuffix.message ? h(tooltip, {
+    fixVNs.push(titleSuffix.content || titleSuffix.message ? h(packages_tooltip, {
       key: 'sm',
       props: _objectSpread2(_objectSpread2(_objectSpread2({}, tooltipOpts), titleSuffix), {}, {
         content: getFuncText(titleSuffix.content || titleSuffix.message)
@@ -43226,21 +43294,6 @@ dynamicApp.use(VxeFormItem);
 VxeUI.component(form_item);
 var FormItem = VxeFormItem;
 /* harmony default export */ var packages_form_item = (VxeFormItem);
-;// ./packages/icon/index.ts
-
-
-
-
-
-var VxeIcon = Object.assign({}, icon, {
-  install: function install(app) {
-    app.component(icon.name, icon);
-  }
-});
-dynamicApp.use(VxeIcon);
-VxeUI.component(icon);
-var Icon = VxeIcon;
-/* harmony default export */ var packages_icon = (VxeIcon);
 ;// ./packages/icon-picker/src/icon-picker.ts
 
 
@@ -43440,7 +43493,8 @@ function icon_picker_createInternalData() {
       };
       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;
@@ -43621,6 +43675,7 @@ function icon_picker_createInternalData() {
         reactData.isAniVisible = true;
         setTimeout(function () {
           reactData.visiblePanel = true;
+          $xeIconPicker.handleFocusSearch();
           $xeIconPicker.updatePlacement();
         }, 10);
         $xeIconPicker.updateZindex();
@@ -43636,6 +43691,18 @@ function icon_picker_createInternalData() {
         reactData.isAniVisible = false;
       }, 350);
     },
+    handleFocusSearch: function handleFocusSearch() {
+      var $xeIconPicker = this;
+      var props = $xeIconPicker;
+      if (props.filterable) {
+        $xeIconPicker.$nextTick(function () {
+          var inpSearch = $xeIconPicker.$refs.refInpSearch;
+          if (inpSearch) {
+            inpSearch.focus();
+          }
+        });
+      }
+    },
     handleData: function handleData() {
       var $xeIconPicker = this;
       var props = $xeIconPicker;
@@ -43855,6 +43922,11 @@ function icon_picker_createInternalData() {
       var showIconTitle = props.showIconTitle;
       var selectIcon = reactData.selectIcon,
         iconGroups = reactData.iconGroups;
+      if (!iconGroups.length) {
+        return h('div', {
+          class: 'vxe-ico-picker--empty-placeholder'
+        }, getI18n('vxe.iconPicker.emptyText'));
+      }
       return h('div', {
         class: 'vxe-ico-picker--list-wrapper'
       }, iconGroups.map(function (list) {
@@ -45352,21 +45424,6 @@ dynamicApp.use(VxeImagePreview);
 VxeUI.component(preview);
 var ImagePreview = VxeImagePreview;
 /* harmony default export */ var image_preview = (VxeImagePreview);
-;// ./packages/input/index.ts
-
-
-
-
-
-var VxeInput = Object.assign(input, {
-  install: function install(app) {
-    app.component(input.name, input);
-  }
-});
-dynamicApp.use(VxeInput);
-VxeUI.component(input);
-var Input = VxeInput;
-/* harmony default export */ var packages_input = (VxeInput);
 ;// ./packages/layout-aside/src/layout-aside.ts
 
 
@@ -45468,7 +45525,7 @@ var Input = VxeInput;
       /**
        * 加载中
        */
-      h(src_loading, {
+      h(packages_loading, {
         class: 'vxe-list-view--loading',
         props: {
           value: loading
@@ -45991,21 +46048,6 @@ dynamicApp.use(VxeLink);
 VxeUI.component(src_link);
 var Link = VxeLink;
 /* harmony default export */ var packages_link = (VxeLink);
-;// ./packages/list/index.ts
-
-
-
-
-
-var VxeList = Object.assign(list, {
-  install: function install(app) {
-    app.component(list.name, list);
-  }
-});
-dynamicApp.use(VxeList);
-VxeUI.component(list);
-var List = VxeList;
-/* harmony default export */ var packages_list = (VxeList);
 ;// ./packages/menu/src/menu.ts
 
 
@@ -48201,7 +48243,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var rfSlot = slots.rightfoot || propSlots.rightfoot;
       var btnVNs = [];
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCancelButton) ? showCancelButton : type === 'confirm') {
-        btnVNs.push(h(src_button, {
+        btnVNs.push(h(packages_button, {
           key: 1,
           ref: 'refCancelBtn',
           props: {
@@ -48213,7 +48255,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         }));
       }
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showConfirmButton) ? showConfirmButton : type === 'confirm' || type === 'alert') {
-        btnVNs.push(h(src_button, {
+        btnVNs.push(h(packages_button, {
           key: 2,
           ref: 'refConfirmBtn',
           props: {
@@ -48708,21 +48750,6 @@ dynamicApp.use(VxeNoticeBar);
 VxeUI.component(notice_bar);
 var NoticeBar = VxeNoticeBar;
 /* harmony default export */ var packages_notice_bar = (VxeNoticeBar);
-;// ./packages/number-input/index.ts
-
-
-
-
-
-var VxeNumberInput = Object.assign({}, number_input, {
-  install: function install(app) {
-    app.component(number_input.name, number_input);
-  }
-});
-dynamicApp.use(VxeNumberInput);
-VxeUI.component(number_input);
-var NumberInput = VxeNumberInput;
-/* harmony default export */ var packages_number_input = (VxeNumberInput);
 ;// ./packages/select/src/option-info.ts
 
 
@@ -51125,6 +51152,21 @@ function select_createInternalData() {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/select/index.ts
+
+
+
+
+
+var VxeSelect = Object.assign(src_select, {
+  install: function install(app) {
+    app.component(src_select.name, src_select);
+  }
+});
+dynamicApp.use(VxeSelect);
+VxeUI.component(src_select);
+var Select = VxeSelect;
+/* harmony default export */ var packages_select = (VxeSelect);
 ;// ./packages/pager/src/pager.ts
 
 
@@ -51862,7 +51904,7 @@ var pager_createComponentLog = createComponentLog('pager'),
           options: sizeList
         }));
       }
-      return h(src_select, {
+      return h(packages_select, {
         class: 'vxe-pager--sizes',
         props: {
           value: pageSize,
@@ -51899,7 +51941,7 @@ var pager_createComponentLog = createComponentLog('pager'),
         class: 'vxe-pager--jump'
       }, [isFull ? h('span', {
         class: 'vxe-pager--goto-text'
-      }, getI18n('vxe.pager.goto')) : null, h(number_input, {
+      }, getI18n('vxe.pager.goto')) : null, h(packages_number_input, {
         class: 'vxe-pager--goto',
         props: {
           value: inpCurrPage,
@@ -55165,21 +55207,6 @@ dynamicApp.use(VxeSegmented);
 VxeUI.component(segmented);
 var Segmented = VxeSegmented;
 /* harmony default export */ var packages_segmented = (VxeSegmented);
-;// ./packages/select/index.ts
-
-
-
-
-
-var VxeSelect = Object.assign(src_select, {
-  install: function install(app) {
-    app.component(src_select.name, src_select);
-  }
-});
-dynamicApp.use(VxeSelect);
-VxeUI.component(src_select);
-var Select = VxeSelect;
-/* harmony default export */ var packages_select = (VxeSelect);
 ;// ./packages/splitter/src/splitter.ts
 
 
@@ -60815,6 +60842,9 @@ function getCrossTreeDragNodeInfo($xeTree) {
 
 
 
+
+
+
 
 
 
@@ -61362,7 +61392,11 @@ function tree_createReactData() {
     removeNodeFlag: 1,
     dragNode: null,
     dragTipText: '',
-    isCrossDragNode: false
+    isCrossDragNode: false,
+    tooltipStore: {
+      visible: false,
+      node: null
+    }
   };
 }
 /* harmony default export */ var tree = (/* define-vxe-component start */defineVxeComponent({
@@ -61479,6 +61513,13 @@ function tree_createReactData() {
     lazy: Boolean,
     toggleMethod: Function,
     loadMethod: Function,
+    showOverflow: {
+      type: Boolean,
+      default: function _default() {
+        return tree_getConfig().tree.showOverflow;
+      }
+    },
+    tooltipConfig: Object,
     drag: {
       type: Boolean,
       default: function _default() {
@@ -61639,6 +61680,11 @@ function tree_createReactData() {
       var props = $xeTree;
       return Object.assign({}, tree_getConfig().tree.dragConfig, props.dragConfig);
     },
+    computeTooltipOpts: function computeTooltipOpts() {
+      var $xeTree = this;
+      var props = $xeTree;
+      return Object.assign({}, tree_getConfig().tree.tooltipConfig, props.tooltipConfig);
+    },
     computeMenuOpts: function computeMenuOpts() {
       var $xeTree = this;
       var props = $xeTree;
@@ -62823,6 +62869,108 @@ function tree_createReactData() {
         node: node
       }, evnt);
     },
+    handleNodeMouseenterEvent: function handleNodeMouseenterEvent(evnt, node) {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var internalData = $xeTree.internalData;
+      var $tooltip = $xeTree.$refs.refTooltip;
+      if (!$tooltip) {
+        return;
+      }
+      var tooltipStore = reactData.tooltipStore;
+      var tipTimeout = internalData.tipTimeout;
+      var nodeEl = evnt.currentTarget;
+      var tooltipOpts = $xeTree.computeTooltipOpts;
+      var showAll = tooltipOpts.showAll,
+        contentMethod = tooltipOpts.contentMethod;
+      if (tipTimeout) {
+        clearTimeout(tipTimeout);
+        internalData.tipTimeout = undefined;
+      }
+      var titleEl = nodeEl.querySelector('.vxe-tree--node-item-title');
+      var tipOverEl = nodeEl.querySelector('.vxe-tree--node-item-wrapper');
+      if (!tipOverEl) {
+        return;
+      }
+      var cellText = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toString(tipOverEl.textContent).trim();
+      var isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
+      var isShow = false;
+      var customContent = null;
+      var content = '';
+      if (contentMethod) {
+        customContent = contentMethod({
+          node: node,
+          $event: evnt,
+          $tree: $xeTree
+        });
+      }
+      // 是否全部展示
+      if (showAll) {
+        // 如果为 null 默认显示
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(customContent)) {
+          isShow = true;
+          content = cellText;
+        } else if (customContent !== '' && customContent !== false) {
+          // 如果为 '' | false 则不显示
+          isShow = true;
+          content = '' + customContent;
+        }
+      } else {
+        // 如果为 null 使用默认逻辑
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(customContent)) {
+          isShow = isOver;
+          content = cellText;
+        } else if (customContent !== '' && customContent !== false) {
+          // 如果为 '' | false 则不显示
+          isShow = true;
+          content = '' + customContent;
+        } else {
+          content = cellText;
+        }
+      }
+      if (isShow && content) {
+        var tipContent = getText(content);
+        tooltipStore.visible = true;
+        tooltipStore.node = node;
+        if ($tooltip.open) {
+          $tooltip.open((isOver ? tipOverEl : titleEl) || tipOverEl, tipContent);
+        }
+      }
+    },
+    handleNodeMouseleaveEvent: function handleNodeMouseleaveEvent() {
+      var $xeTree = this;
+      var internalData = $xeTree.internalData;
+      var $tooltip = $xeTree.$refs.refTooltip;
+      var tooltipOpts = $xeTree.computeTooltipOpts;
+      if ($tooltip && $tooltip.setActived) {
+        $tooltip.setActived(false);
+      }
+      if (tooltipOpts.enterable) {
+        internalData.tipTimeout = setTimeout(function () {
+          $tooltip = $xeTree.$refs.refTooltip;
+          if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
+            $xeTree.closeTooltip();
+          }
+          internalData.tipTimeout = undefined;
+        }, tooltipOpts.leaveDelay);
+      } else {
+        $xeTree.closeTooltip();
+      }
+    },
+    closeTooltip: function closeTooltip() {
+      var $xeTree = this;
+      var reactData = $xeTree.reactData;
+      var tooltipStore = reactData.tooltipStore;
+      if (tooltipStore.visible) {
+        tooltipStore.visible = false;
+        tooltipStore.node = null;
+        var $tooltip = $xeTree.$refs.refTooltip;
+        if ($tooltip) {
+          $tooltip.close();
+        }
+      }
+      return $xeTree.$nextTick();
+    },
     handleContextmenuEvent: function handleContextmenuEvent(evnt, node) {
       var $xeTree = this;
       var props = $xeTree;
@@ -64218,6 +64366,8 @@ function tree_createReactData() {
         nodeMaps = internalData.nodeMaps,
         treeExpandedMaps = internalData.treeExpandedMaps,
         treeExpandLazyLoadedMaps = internalData.treeExpandLazyLoadedMaps;
+      var tooltipOpts = $xeTree.computeTooltipOpts;
+      var tipMode = tooltipOpts.mode;
       var childrenField = $xeTree.computeChildrenField;
       var titleField = $xeTree.computeTitleField;
       var hasChildField = $xeTree.computeHasChildField;
@@ -64228,7 +64378,7 @@ function tree_createReactData() {
       var extraSlot = slots.extra;
       var isExpand = updateExpandedFlag && treeExpandedMaps[nodeid];
       var nodeItem = nodeMaps[nodeid] || {};
-      var nodeTitle = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, titleField);
+      var nodeTitle = getText(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, titleField));
       var nLevel = nodeItem.level;
       var isRadioChecked = false;
       if (showRadio) {
@@ -64253,7 +64403,7 @@ function tree_createReactData() {
         node: node,
         isExpand: isExpand
       };
-      var itemOn = {
+      var itemOns = {
         mousedown: function mousedown(evnt) {
           $xeTree.handleNodeMousedownEvent(evnt, node);
         },
@@ -64268,19 +64418,26 @@ function tree_createReactData() {
           $xeTree.handleContextmenuEvent(evnt, node);
         }
       };
+      if (tipMode === 'tooltip') {
+        itemOns.mouseenter = function (evnt) {
+          $xeTree.handleNodeMouseenterEvent(evnt, node);
+        };
+        itemOns.mouseleave = $xeTree.handleNodeMouseleaveEvent;
+      }
       // 拖拽行事件
       if (drag && transform) {
-        itemOn.dragstart = $xeTree.handleNodeDragDragstartEvent;
-        itemOn.dragend = $xeTree.handleNodeDragDragendEvent;
-        itemOn.dragover = $xeTree.handleNodeDragDragoverEvent;
+        itemOns.dragstart = $xeTree.handleNodeDragDragstartEvent;
+        itemOns.dragend = $xeTree.handleNodeDragDragendEvent;
+        itemOns.dragover = $xeTree.handleNodeDragDragoverEvent;
       }
       return h('div', {
         key: nodeid,
         class: ['vxe-tree--node-wrapper', "node--level-".concat(nLevel)],
         attrs: {
-          nodeid: nodeid
+          nodeid: nodeid,
+          title: tipMode === 'title' ? nodeTitle : ''
         },
-        on: itemOn
+        on: itemOns
       }, [h('div', {
         class: ['vxe-tree--node-item', {
           'is--current': currentNode && nodeid === $xeTree.getNodeId(currentNode),
@@ -64309,8 +64466,10 @@ function tree_createReactData() {
       })])] : []), $xeTree.renderDragIcon(h, node, nodeid), $xeTree.renderRadio(h, node, nodeid, isExistChild, nLevel, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate), h('div', {
         class: 'vxe-tree--node-item-inner'
       }, [h('div', {
+        class: 'vxe-tree--node-item-wrapper'
+      }, [h('span', {
         class: 'vxe-tree--node-item-title'
-      }, titleSlot ? vn_getSlotVNs(titleSlot(nParams)) : "".concat(nodeTitle)), extraSlot ? h('div', {
+      }, titleSlot ? vn_getSlotVNs(titleSlot(nParams)) : nodeTitle)]), extraSlot ? h('div', {
         class: 'vxe-tree--node-item-extra'
       }, vn_getSlotVNs(extraSlot(nParams))) : renderEmptyElement($xeTree)])])]);
     },
@@ -64387,7 +64546,8 @@ function tree_createReactData() {
         showLine = props.showLine;
       var bodyHeight = reactData.bodyHeight,
         topSpaceHeight = reactData.topSpaceHeight,
-        treeList = reactData.treeList;
+        treeList = reactData.treeList,
+        tooltipStore = reactData.tooltipStore;
       var vSize = $xeTree.computeSize;
       var radioOpts = $xeTree.computeRadioOpts;
       var checkboxOpts = $xeTree.computeCheckboxOpts;
@@ -64395,9 +64555,11 @@ function tree_createReactData() {
       var isNodeHover = $xeTree.computeIsNodeHover;
       var treeStyle = $xeTree.computeTreeStyle;
       var dragOpts = $xeTree.computeDragOpts;
+      var tooltipOpts = $xeTree.computeTooltipOpts;
       var loadingSlot = slots.loading;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
+      var tooltipSlot = slots.tooltip;
       var teOns = {};
       if (dragOpts.isCrossTreeDrag && !treeList.length) {
         teOns.dragover = $xeTree.handleCrossTreeNodeDragoverEmptyEvent;
@@ -64439,6 +64601,37 @@ function tree_createReactData() {
        * 拖拽提示
        */
       $xeTree.renderDragTip(h),
+      /**
+        * 工具提示
+        */
+      tooltipOpts.mode === 'tooltip' ? h(packages_tooltip, {
+        ref: 'refTooltip',
+        props: {
+          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
+        },
+        scopedSlots: tooltipSlot ? {
+          content: function content() {
+            var node = tooltipStore.node;
+            return tooltipSlot({
+              node: node,
+              $tree: $xeTree
+            });
+          }
+        } : undefined
+      }) : renderEmptyElement($xeTree),
       /**
        * 加载中
        */
@@ -64455,7 +64648,7 @@ function tree_createReactData() {
               $tree: $xeTree
             });
           }
-        } : {}
+        } : undefined
       })]);
     }
   },
@@ -64522,8 +64715,12 @@ function tree_createReactData() {
     var internalData = $xeTree.internalData;
     var transform = props.transform,
       drag = props.drag,
-      menuConfig = props.menuConfig;
+      menuConfig = props.menuConfig,
+      showOverflow = props.showOverflow;
     var dragOpts = $xeTree.computeDragOpts;
+    if (!showOverflow) {
+      tree_errLog('vxe.error.errProp', ['show-overflow=false', 'show-overflow=true']);
+    }
     if (drag && !transform) {
       tree_errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
     }