ele-admin-plus 1.1.9-beta.6 → 1.1.9-beta.7

package/lib/ele-map-picker/components/map-view.cjs

@@ -4,21 +4,21 @@ const AMapLoader = require("@amap/amap-jsapi-loader");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
 const EleLoading = require("../../ele-loading/index");
-const MapSearch = require("./map-search");
 const props = require("../props");
 const ICON_CLASS = "ele-map-view-body-icon";
 const _sfc_main = vue.defineComponent({
   name: "MapView",
   components: {
-    EleLoading,
+    ElAutocomplete: elementPlus.ElAutocomplete,
     ElInput: elementPlus.ElInput,
     ElButton: elementPlus.ElButton,
     ElIcon: elementPlus.ElIcon,
     ElEmpty: elementPlus.ElEmpty,
+    EleLoading,
     PlusOutlined: icons.PlusOutlined,
     EnvironmentOutlined: icons.EnvironmentOutlined,
     CheckCircleOutlined: icons.CheckCircleOutlined,
-    MapSearch
+    SearchOutlined: icons.SearchOutlined
   },
   props: props.mapProps,
   emits: {
@@ -28,6 +28,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props2, { emit }) {
     const mapRef = vue.ref(null);
+    const autocompleteRef = vue.ref(null);
     const loading = vue.ref(true);
     const poiLoading = vue.ref(false);
     const confirmLoading = vue.ref(false);
@@ -151,6 +152,7 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const onSearchSelect = (item) => {
+      autocompleteRef.value && autocompleteRef.value.blur();
       if (!item || !item.location) {
         return;
       }
@@ -418,6 +420,15 @@ const _sfc_main = vue.defineComponent({
           const { lng, lat } = selected.value.location;
           showCenterMarker(lng, lat);
         }
+        if (!data.value.length && (mode === "poi" || mode === "keyword")) {
+          if (selected.value) {
+            const { lng, lat } = selected.value.location;
+            searchPOI(lng, lat);
+          } else {
+            const { lng, lat } = state.mapIns.getCenter();
+            searchPOI(lng, lat);
+          }
+        }
       }
     );
     vue.watch(
@@ -436,6 +447,7 @@ const _sfc_main = vue.defineComponent({
     return {
       SearchOutlined: icons.SearchOutlined,
       mapRef,
+      autocompleteRef,
       loading,
       poiLoading,
       confirmLoading,
@@ -468,35 +480,35 @@ const _hoisted_2 = {
   style: { "height": "100%" }
 };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = {
+const _hoisted_4 = { class: "ele-map-suggest-item" };
+const _hoisted_5 = { class: "ele-map-suggest-title" };
+const _hoisted_6 = { class: "ele-map-suggest-text" };
+const _hoisted_7 = {
   key: 0,
-  class: "ele-map-view-search"
-};
-const _hoisted_5 = {
-  key: 1,
   class: "ele-map-view-message"
 };
-const _hoisted_6 = { class: "ele-map-view-list" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "ele-map-view-item-body" };
-const _hoisted_9 = { class: "ele-map-view-item-title" };
-const _hoisted_10 = {
+const _hoisted_8 = { class: "ele-map-view-list" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "ele-map-view-item-body" };
+const _hoisted_11 = { class: "ele-map-view-item-title" };
+const _hoisted_12 = {
   key: 0,
   class: "ele-map-view-item-text"
 };
-const _hoisted_11 = {
+const _hoisted_13 = {
   key: 0,
   class: "ele-map-view-empty"
 };
-const _hoisted_12 = { class: "ele-map-view-extra" };
-const _hoisted_13 = {
+const _hoisted_14 = { class: "ele-map-view-extra" };
+const _hoisted_15 = {
   key: 0,
   class: "ele-map-view-message"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_MapSearch = vue.resolveComponent("MapSearch");
+  const _component_SearchOutlined = vue.resolveComponent("SearchOutlined");
+  const _component_ElAutocomplete = vue.resolveComponent("ElAutocomplete");
   const _component_ElButton = vue.resolveComponent("ElButton");
   const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_EnvironmentOutlined = vue.resolveComponent("EnvironmentOutlined");
@@ -523,18 +535,41 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: vue.normalizeClass(_ctx.centerIconClass)
           }, null, 10, _hoisted_3)
         ], 64)) : vue.createCommentVNode("", true),
-        !_ctx.poiMode && !_ctx.keywordMode ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.createVNode(_component_MapSearch, {
-              modelValue: _ctx.keywords,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.keywords = $event),
-              placeholder: _ctx.searchPlaceholder,
-              onSearch: _ctx.onSearch,
-              onSearchSelect: _ctx.onSearchSelect
-            }, null, 8, ["modelValue", "placeholder", "onSearch", "onSearchSelect"])
-          ])) : vue.createCommentVNode("", true),
-          _ctx.confirmDisabled && _ctx.clickMessage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(_ctx.clickMessage), 1)) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
-            key: 2,
+        _ctx.filterable && !_ctx.keywordMode ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "ele-map-view-search",
+          style: vue.normalizeStyle(_ctx.searchStyle)
+        }, [
+          vue.createVNode(_component_ElAutocomplete, {
+            ref: "autocompleteRef",
+            clearable: true,
+            modelValue: _ctx.keywords,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.keywords = $event),
+            placeholder: _ctx.searchPlaceholder,
+            popperClass: "ele-map-suggest-popper",
+            fetchSuggestions: _ctx.onSearch,
+            onSelect: _ctx.onSearchSelect
+          }, {
+            prefix: vue.withCtx(() => [
+              vue.createVNode(_component_ElIcon, { class: "el-input__icon" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_SearchOutlined)
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx(({ item }) => [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.label), 1),
+                vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(item.district), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder", "fetchSuggestions", "onSelect"])
+        ], 4)) : vue.createCommentVNode("", true),
+        !_ctx.poiMode && !_ctx.keywordMode ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          _ctx.confirmDisabled && _ctx.clickMessage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(_ctx.clickMessage), 1)) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
+            key: 1,
             type: "primary",
             loading: _ctx.confirmLoading,
             disabled: _ctx.confirmDisabled,
@@ -554,29 +589,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-map-view-side"
       }, {
         default: vue.withCtx(() => [
-          _ctx.keywordMode || _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("div", {
+          _ctx.keywordMode ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "ele-map-view-search",
-            style: vue.normalizeStyle(_ctx.headerStyle)
+            style: vue.normalizeStyle(_ctx.searchStyle)
           }, [
-            _ctx.keywordMode ? (vue.openBlock(), vue.createBlock(_component_ElInput, {
-              key: 0,
+            vue.createVNode(_component_ElInput, {
               clearable: true,
               modelValue: _ctx.keywords,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.keywords = $event),
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.searchPlaceholder,
               onChange: _ctx.onSearch
-            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onChange"])) : (vue.openBlock(), vue.createBlock(_component_MapSearch, {
-              key: 1,
-              modelValue: _ctx.keywords,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.keywords = $event),
-              placeholder: _ctx.searchPlaceholder,
-              onSearch: _ctx.onSearch,
-              onSearchSelect: _ctx.onSearchSelect
-            }, null, 8, ["modelValue", "placeholder", "onSearch", "onSearchSelect"]))
+            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onChange"])
           ], 4)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_6, [
+          vue.createElementVNode("div", _hoisted_8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: item.key,
@@ -589,9 +616,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1
                 }),
-                vue.createElementVNode("div", _hoisted_8, [
-                  vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item.name), 1),
-                  item.address ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(item.address), 1)) : vue.createCommentVNode("", true)
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.name), 1),
+                  item.address ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, vue.toDisplayString(item.address), 1)) : vue.createCommentVNode("", true)
                 ]),
                 vue.createVNode(_component_ElIcon, { class: "ele-map-view-item-radio" }, {
                   default: vue.withCtx(() => [
@@ -599,14 +626,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1
                 })
-              ], 10, _hoisted_7);
+              ], 10, _hoisted_9);
             }), 128)),
-            !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+            !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
               vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_12, [
-            _ctx.confirmDisabled && _ctx.message ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
+          vue.createElementVNode("div", _hoisted_14, [
+            _ctx.confirmDisabled && _ctx.message ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
               key: 1,
               type: "primary",
               loading: _ctx.confirmLoading,

package/lib/ele-map-picker/components/map-view.d.ts

@@ -1,3 +1,4 @@
+import type { ElAutocompleteInstance } from '../../ele-app/el';
 import type { PoiItem, CenterPoint } from '../types';
 declare const _default: import("vue").DefineComponent<{
     height: {
@@ -37,10 +38,11 @@ declare const _default: import("vue").DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图节点 */
-    }; /** 地图节点 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
+        /** 地图节点 */
         type: StringConstructor;
         default: string;
     };
@@ -48,24 +50,25 @@ declare const _default: import("vue").DefineComponent<{
     mapVersion: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 列表请求状态 */
     mapStyle: StringConstructor;
-    darkMode: BooleanConstructor;
+    darkMode: BooleanConstructor; /** 确定按钮请求状态 */
     okText: StringConstructor;
-    emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>; /** 输入建议关键字 */
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     mode: {
         type: import("vue").PropType<import("../types").SelectMode>;
         default: string;
     };
     filterable: {
         type: BooleanConstructor;
-        default: boolean; /** 是否是关键字搜索模式 */
-    };
+        default: boolean; /** 选中数据 */
+    }; /** 选中数据 */
     clickMessage: StringConstructor;
 }, {
     SearchOutlined: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
     mapRef: import("vue").Ref<HTMLDivElement | null>;
+    autocompleteRef: import("vue").Ref<ElAutocompleteInstance>;
     loading: import("vue").Ref<boolean>;
     poiLoading: import("vue").Ref<boolean>;
     confirmLoading: import("vue").Ref<boolean>;
@@ -160,10 +163,11 @@ declare const _default: import("vue").DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图节点 */
-    }; /** 地图节点 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
+        /** 地图节点 */
         type: StringConstructor;
         default: string;
     };
@@ -171,20 +175,20 @@ declare const _default: import("vue").DefineComponent<{
     mapVersion: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 列表请求状态 */
     mapStyle: StringConstructor;
-    darkMode: BooleanConstructor;
+    darkMode: BooleanConstructor; /** 确定按钮请求状态 */
     okText: StringConstructor;
-    emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>; /** 输入建议关键字 */
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     mode: {
         type: import("vue").PropType<import("../types").SelectMode>;
         default: string;
     };
     filterable: {
         type: BooleanConstructor;
-        default: boolean; /** 是否是关键字搜索模式 */
-    };
+        default: boolean; /** 选中数据 */
+    }; /** 选中数据 */
     clickMessage: StringConstructor;
 }>> & {
     onSelect?: ((_selected: PoiItem | null) => any) | undefined;

package/lib/ele-map-picker/index.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     locale: import("vue").PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     height: {
         type: StringConstructor;
         default: string;
@@ -65,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     mode: {
         type: import("vue").PropType<import("./types").SelectMode>;
         default: string;
@@ -99,6 +100,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     locale: import("vue").PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     height: {
         type: StringConstructor;
         default: string;
@@ -152,7 +154,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     mode: {
         type: import("vue").PropType<import("./types").SelectMode>;
         default: string;
@@ -169,10 +171,10 @@ declare const _default: import("vue").DefineComponent<{
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;
 }, {
+    height: string;
     required: boolean;
     modelValue: boolean;
     mode: import("./types").SelectMode;
-    height: string;
     filterable: boolean;
     zoom: number;
     responsive: boolean;

package/lib/ele-map-picker/props.cjs

@@ -74,8 +74,8 @@ const mapProps = {
   okText: String,
   /** 空组件属性 */
   emptyProps: Object,
-  /** 自定义header样式 */
-  headerStyle: Object,
+  /** 自定义搜索栏样式 */
+  searchStyle: Object,
   /** 位置选择模式 */
   mode: {
     type: String,
@@ -103,7 +103,9 @@ const mapPickerProps = {
   /** 国际化 */
   locale: Object,
   /** 是否使用关键字检索模式, 默认POI检索模式 */
-  keywordMode: Boolean
+  keywordMode: Boolean,
+  /** 自定义header样式 */
+  headerStyle: Object
 };
 const mapPickerEmits = {
   /** 选择完成事件 */

package/lib/ele-map-picker/props.d.ts

@@ -79,8 +79,8 @@ export declare const mapProps: {
     okText: StringConstructor;
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
-    /** 自定义header样式 */
-    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义搜索栏样式 */
+    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;
@@ -108,6 +108,8 @@ export declare const mapPickerProps: {
     locale: PropType<Partial<MapLocale>>;
     /** 是否使用关键字检索模式, 默认POI检索模式 */
     keywordMode: BooleanConstructor;
+    /** 自定义header样式 */
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 地图的高度 */
     height: {
         type: StringConstructor;
@@ -181,8 +183,8 @@ export declare const mapPickerProps: {
     okText: StringConstructor;
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
-    /** 自定义header样式 */
-    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义搜索栏样式 */
+    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;

package/lib/ele-map-picker/style/index.scss

@@ -57,7 +57,7 @@
 /* 列表顶部搜索框 */
 .ele-map-view-search {
   flex-shrink: 0;
-  padding: eleVar('map', 'header-padding');
+  padding: eleVar('map', 'search-padding');
   box-sizing: border-box;
 
   .el-autocomplete,

package/lib/ele-menus/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const EleTooltip = require("../ele-tooltip/index");
 const receiver = require("../ele-config-provider/receiver");
 const core = require("../utils/core");
 const icons = require("../icons");
@@ -16,6 +17,9 @@ const index = vue.defineComponent({
     const menuRef = vue.ref(null);
     const ellipsisRef = vue.ref(null);
     const sliceIndex = vue.ref(-1);
+    const tooltipVirtualRef = vue.ref();
+    const tooltipContent = vue.ref("");
+    const tooltipVisible = vue.ref(false);
     const isHorizontal = vue.computed(() => props$1.mode === "horizontal");
     const { observe, unobserve, computedEllipsis } = util.useMenuEllipsis({
       getMenuEl: () => {
@@ -59,15 +63,45 @@ const index = vue.defineComponent({
         }
       }
     );
+    const triggerTooltip = (e) => {
+      var _a;
+      if (props$1.textEllipsisTooltip) {
+        const itemEl = (_a = e.currentTarget) == null ? void 0 : _a.parentNode;
+        if (itemEl) {
+          const titleEl = itemEl.querySelector(`.${util.titleClass}`);
+          const text = titleEl == null ? void 0 : titleEl.innerText;
+          if (text && core.contentIsEllipsis(titleEl, "horizontal")) {
+            tooltipVirtualRef.value = itemEl;
+            tooltipContent.value = text;
+            tooltipVisible.value = true;
+            return;
+          }
+        }
+      }
+      hideTooltip();
+    };
+    const hideTooltip = () => {
+      tooltipVisible.value = false;
+    };
     const onItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
     const onItemMouseenter = (item, e) => {
+      triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
     const onItemMouseleave = (item, e) => {
+      hideTooltip();
       emit("itemMouseleave", item, e);
     };
+    const onParentMouseenter = (item, e) => {
+      triggerTooltip(e);
+      emit("parentMouseenter", item, e);
+    };
+    const onParentMouseleave = (item, e) => {
+      hideTooltip();
+      emit("parentMouseleave", item, e);
+    };
     const exposeValue = {
       menuRef,
       open: (index2) => {
@@ -126,7 +160,9 @@ const index = vue.defineComponent({
             onItemClick,
             onItemMouseenter,
             onItemMouseleave,
-            isWebkit
+            isWebkit,
+            onParentMouseenter,
+            onParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props$1.ellipsisProps || {};
@@ -137,7 +173,8 @@ const index = vue.defineComponent({
               props$1.colorful,
               props$1.popupColorful,
               props$1.firstPopperClass,
-              true
+              true,
+              isWebkit
             );
             nodes.push(
               vue.h(
@@ -167,7 +204,9 @@ const index = vue.defineComponent({
                       onItemClick,
                       onItemMouseenter,
                       onItemMouseleave,
-                      isWebkit
+                      isWebkit,
+                      onParentMouseenter,
+                      onParentMouseleave
                     );
                   },
                   title: () => {
@@ -182,6 +221,19 @@ const index = vue.defineComponent({
               )
             );
           }
+          if (props$1.textEllipsisTooltip) {
+            nodes.push(
+              vue.h(EleTooltip, {
+                trigger: "click",
+                placement: "right",
+                ...props$1.textEllipsisTooltipProps || {},
+                virtualTriggering: true,
+                virtualRef: tooltipVirtualRef.value,
+                content: tooltipContent.value,
+                visible: tooltipVisible.value
+              })
+            );
+          }
           return nodes;
         }
       );

package/lib/ele-menus/index.d.ts

@@ -19,6 +19,8 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
+    textEllipsisTooltip: BooleanConstructor;
+    textEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -43,9 +45,11 @@ declare const _default: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
-    itemMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean; /** 监听菜单尺寸变化并溢出省略 */
+    itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean; /** 文本溢出提示是否显示 */
+    itemMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     itemMouseleave: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
+    parentMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
+    parentMouseleave: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
@@ -67,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
+    textEllipsisTooltip: BooleanConstructor;
+    textEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -93,6 +99,8 @@ declare const _default: import("vue").DefineComponent<{
     onItemClick?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
     onItemMouseenter?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
     onItemMouseleave?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
+    onParentMouseenter?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
+    onParentMouseleave?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
 }, {
     showTimeout: number;
     hideTimeout: number;
@@ -113,5 +121,6 @@ declare const _default: import("vue").DefineComponent<{
     colorful: boolean;
     popupColorful: import("./types").PopupColorful;
     tooltipDisabled: boolean;
+    textEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

package/lib/ele-menus/props.cjs

@@ -27,7 +27,11 @@ const menusProps = {
   /** 禁用 tooltip */
   tooltipDisabled: Boolean,
   /** 省略菜单的属性 */
-  ellipsisProps: Object
+  ellipsisProps: Object,
+  /** 是否开启菜单文本溢出提示 */
+  textEllipsisTooltip: Boolean,
+  /** 菜单文本溢出提示属性 */
+  textEllipsisTooltipProps: Object
 };
 const menuPropKeys = Object.keys(elementPlus.menuProps);
 const menusEmits = {
@@ -37,7 +41,11 @@ const menusEmits = {
   /** 子菜单项鼠标进入事件 */
   itemMouseenter: (_item, _e) => true,
   /** 子菜单项鼠标离开事件 */
-  itemMouseleave: (_item, _e) => true
+  itemMouseleave: (_item, _e) => true,
+  /** 父级菜单项鼠标进入事件 */
+  parentMouseenter: (_item, _e) => true,
+  /** 父级菜单项鼠标离开事件 */
+  parentMouseleave: (_item, _e) => true
 };
 exports.menuPropKeys = menuPropKeys;
 exports.menusEmits = menusEmits;

package/lib/ele-menus/props.d.ts

@@ -30,6 +30,10 @@ export declare const menusProps: {
     tooltipDisabled: BooleanConstructor;
     /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 是否开启菜单文本溢出提示 */
+    textEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    textEllipsisTooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -66,6 +70,10 @@ export declare const menusEmits: {
     itemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
     /** 子菜单项鼠标离开事件 */
     itemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
+    /** 父级菜单项鼠标进入事件 */
+    parentMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    /** 父级菜单项鼠标离开事件 */
+    parentMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: import("element-plus").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => boolean;

package/lib/ele-menus/style/index.scss

@@ -26,7 +26,7 @@
     position: relative;
 
     .el-icon:not(.el-sub-menu__icon-arrow) {
-      width: auto;
+      width: auto !important;
       font-size: eleVar('menu', 'icon-font-size');
       margin: eleVar('menu', 'icon-margin');
     }