ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/es/ele-loading/index.js

@@ -1,6 +1,7 @@
-import { defineComponent, computed, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, computed, createBlock, withDirectives, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, unref } from "vue";
 import { vLoading } from "element-plus";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
+import LoadingSpinner from "./components/loading-spinner";
 import { loadingProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleLoading", inheritAttrs: false },
@@ -12,7 +13,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.type === "circle";
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ReceiverView), mergeProps(_ctx.$attrs, {
+      return _ctx.plain ? (openBlock(), createBlock(LoadingSpinner, mergeProps({ key: 0 }, _ctx.$attrs, {
+        loading: _ctx.loading,
+        text: _ctx.text,
+        blur: _ctx.blur,
+        size: _ctx.size,
+        spinnerStyle: _ctx.spinnerStyle,
+        textStyle: _ctx.textStyle,
+        plain: true
+      }), {
+        default: withCtx(() => [
+          _ctx.$slots.spinner ? renderSlot(_ctx.$slots, "spinner", { key: 0 }) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["loading", "text", "blur", "size", "spinnerStyle", "textStyle"])) : withDirectives((openBlock(), createBlock(unref(ReceiverView), mergeProps({ key: 1 }, _ctx.$attrs, {
         "element-loading-text": isCircle.value ? _ctx.text : void 0,
         "element-loading-background": isCircle.value ? _ctx.background : void 0,
         "element-loading-spinner": isCircle.value ? _ctx.spinner : void 0,
@@ -21,32 +35,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          !isCircle.value ? withDirectives((openBlock(), createElementBlock("div", {
+          !isCircle.value ? (openBlock(), createBlock(LoadingSpinner, {
             key: 0,
-            style: normalizeStyle(_ctx.spinnerStyle),
-            class: normalizeClass([
-              "ele-loading-spinner",
-              { "ele-loading-blur": _ctx.blur },
-              { "ele-loading-small": _ctx.size === "small" },
-              { "ele-loading-large": _ctx.size === "large" }
-            ])
-          }, [
-            renderSlot(_ctx.$slots, "spinner", {}, () => [
-              _cache[0] || (_cache[0] = createElementVNode("div", { class: "ele-loading-dot" }, [
-                createElementVNode("i"),
-                createElementVNode("i"),
-                createElementVNode("i"),
-                createElementVNode("i")
-              ], -1))
+            loading: _ctx.loading,
+            text: _ctx.text,
+            blur: _ctx.blur,
+            size: _ctx.size,
+            spinnerStyle: _ctx.spinnerStyle,
+            textStyle: _ctx.textStyle,
+            plain: false
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.spinner ? renderSlot(_ctx.$slots, "spinner", { key: 0 }) : createCommentVNode("", true)
             ]),
-            _ctx.text ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "ele-loading-text",
-              style: normalizeStyle(_ctx.textStyle)
-            }, toDisplayString(_ctx.text), 5)) : createCommentVNode("", true)
-          ], 6)), [
-            [vShow, _ctx.loading]
-          ]) : createCommentVNode("", true)
+            _: 3
+          }, 8, ["loading", "text", "blur", "size", "spinnerStyle", "textStyle"])) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [

package/es/ele-loading/props.d.ts

@@ -10,17 +10,6 @@ export declare const loadingProps: {
     loading: BooleanConstructor;
     /** 显示在加载图标下方的加载文案 */
     text: StringConstructor;
-    /** 背景遮罩的颜色 */
-    background: StringConstructor;
-    /** 自定义加载图标 */
-    spinner: StringConstructor;
-    /** 自定义加载图标svg的view-box */
-    svgViewBox: StringConstructor;
-    /** 加载器类型 */
-    type: {
-        type: PropType<LoadingType>;
-        default: string;
-    };
     /** 背景模糊效果 */
     blur: BooleanConstructor;
     /** 加载器尺寸 */
@@ -29,5 +18,18 @@ export declare const loadingProps: {
     spinnerStyle: PropType<StyleValue>;
     /** 自定义文本样式 */
     textStyle: PropType<StyleValue>;
+    /** 是否是纯加载器模式 */
+    plain: BooleanConstructor;
+    /** 加载器类型 */
+    type: {
+        type: PropType<LoadingType>;
+        default: string;
+    };
+    /** 背景遮罩的颜色 */
+    background: StringConstructor;
+    /** 自定义加载图标 */
+    spinner: StringConstructor;
+    /** 自定义加载图标svg的view-box */
+    svgViewBox: StringConstructor;
 };
 export type LoadingProps = ExtractPropTypes<typeof loadingProps>;

package/es/ele-loading/props.js

@@ -3,17 +3,6 @@ const loadingProps = {
   loading: Boolean,
   /** 显示在加载图标下方的加载文案 */
   text: String,
-  /** 背景遮罩的颜色 */
-  background: String,
-  /** 自定义加载图标 */
-  spinner: String,
-  /** 自定义加载图标svg的view-box */
-  svgViewBox: String,
-  /** 加载器类型 */
-  type: {
-    type: String,
-    default: "dot"
-  },
   /** 背景模糊效果 */
   blur: Boolean,
   /** 加载器尺寸 */
@@ -21,7 +10,20 @@ const loadingProps = {
   /** 自定义加载器样式 */
   spinnerStyle: Object,
   /** 自定义文本样式 */
-  textStyle: Object
+  textStyle: Object,
+  /** 是否是纯加载器模式 */
+  plain: Boolean,
+  /** 加载器类型 */
+  type: {
+    type: String,
+    default: "dot"
+  },
+  /** 背景遮罩的颜色 */
+  background: String,
+  /** 自定义加载图标 */
+  spinner: String,
+  /** 自定义加载图标svg的view-box */
+  svgViewBox: String
 };
 export {
   loadingProps

package/es/ele-loading/style/index.scss

@@ -18,17 +18,29 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: eleVar('loading', 'bg');
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: eleVar('loading', 'index');
+  transition: all $transition-base;
+
+  &.ele-loading-spinner-show {
+    background: eleVar('loading', 'bg');
+  }
+
+  &:not(.ele-loading-spinner-show) {
+    pointer-events: none;
+
+    & > * {
+      display: none !important;
+    }
+  }
 }
 
 /* 模糊背景 */
-.ele-loading-blur {
+.ele-loading-blur.ele-loading-spinner-show {
   backdrop-filter: blur(2px);
 }
 

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

@@ -146,11 +146,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onSelect?: ((_selected: PoiItem | null) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;
 }>, {
-    height: string;
-    zoom: number;
     required: boolean;
     filterable: boolean;
     mode: import('../types').SelectMode;
+    height: string;
+    zoom: number;
     selectedZoom: number;
     poiLimit: number;
     poiType: string;

package/es/ele-map-picker/components/map-view.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, createCommentVNode, createElementBlock, Fragment, createVNode, unref, toDisplayString, createTextVNode, renderList, mergeProps, nextTick } from "vue";
+import { defineComponent, inject, ref, computed, watch, onMounted, onBeforeUnmount, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, createCommentVNode, createElementBlock, Fragment, createVNode, unref, toDisplayString, createTextVNode, renderList, mergeProps, nextTick } from "vue";
 import AMapLoader from "@amap/amap-jsapi-loader";
 import { ElIcon, ElAutocomplete, ElButton, ElInput, ElEmpty } from "element-plus";
 import { PlusOutlined, SearchOutlined, EnvironmentOutlined, CheckCircleOutlined } from "../../icons/index";
+import { modalItemContextKey } from "../../utils/hook";
 import EleLoading from "../../ele-loading/index";
 import { mapProps } from "../props";
 const _hoisted_1 = { class: "ele-map-view-body" };
@@ -15,17 +16,21 @@ const _hoisted_6 = {
 };
 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_9 = {
   key: 0,
-  class: "ele-map-view-item-text"
+  class: "ele-map-view-item-title"
 };
+const _hoisted_10 = { class: "ele-map-view-item-title" };
 const _hoisted_11 = {
+  key: 0,
+  class: "ele-map-view-item-text"
+};
+const _hoisted_12 = {
   key: 0,
   class: "ele-map-view-empty"
 };
-const _hoisted_12 = { class: "ele-map-view-extra" };
-const _hoisted_13 = {
+const _hoisted_13 = { class: "ele-map-view-extra" };
+const _hoisted_14 = {
   key: 0,
   class: "ele-map-view-message"
 };
@@ -42,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const state = {};
+    const state = { context: inject(modalItemContextKey, null) };
     const mapRef = ref(null);
     const autocompleteRef = ref(null);
     const listRef = ref(null);
@@ -127,11 +132,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         state.autoCompleteIns.search(keyword, (status, result) => {
           if (status === "error") {
-            const msg = status + " " + (result ? JSON.stringify(result) : "");
+            const msg = `${status} ${result ? JSON.stringify(result) : ""}`;
             reject(new Error(msg));
             return;
           }
-          if (!(result == null ? void 0 : result.tips)) {
+          if (!result?.tips) {
             resolve([]);
             return;
           }
@@ -151,8 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [lng, lat],
           props.poiRadius,
           (status, result) => {
-            var _a;
-            if (status === "complete" && ((_a = result == null ? void 0 : result.poiList) == null ? void 0 : _a.pois)) {
+            if (status === "complete" && result?.poiList?.pois) {
               const ps = result.poiList.pois.filter((d) => !!d.location);
               resolve(ps.map((d) => formatPOI(d)));
               return;
@@ -161,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               resolve([]);
               return;
             }
-            const msg = status + " " + (result ? JSON.stringify(result) : "");
+            const msg = `${status} ${result ? JSON.stringify(result) : ""}`;
             reject(new Error(msg));
           }
         );
@@ -440,6 +444,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showCenterMarker(lng, lat);
     };
     const handleConfirm = () => {
+      if (!state.context?.label) {
+        return;
+      }
       if (!current.value) {
         confirmLoading.value = true;
         getMapCenter(props.returnRegions).then((result) => {
@@ -542,7 +549,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               ref_key: "mapRef",
               ref: mapRef,
-              style: { "height": "100%" }
+              style: { height: "100%" }
             }, null, 512),
             poiMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(ElIcon), { class: "ele-map-view-icon-plus" }, {
@@ -646,8 +653,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     }),
                     createElementVNode("div", _hoisted_8, [
-                      createElementVNode("div", _hoisted_9, toDisplayString(item.name), 1),
-                      item.address ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(item.address), 1)) : createCommentVNode("", true)
+                      !item.name && !item.address ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                        createElementVNode("span", null, toDisplayString(item.lng), 1),
+                        _cache[2] || (_cache[2] = createElementVNode("span", null, ",", -1)),
+                        createElementVNode("span", null, toDisplayString(item.lat), 1)
+                      ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createElementVNode("div", _hoisted_10, toDisplayString(item.name), 1),
+                        item.address ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(item.address), 1)) : createCommentVNode("", true)
+                      ], 64))
                     ]),
                     createVNode(unref(ElIcon), { class: "ele-map-view-item-radio" }, {
                       default: withCtx(() => [
@@ -657,12 +670,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ], 10, _hoisted_7);
                 }), 128)),
-                !data.value || !data.value.length ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                !data.value || !data.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, [
                   createVNode(unref(ElEmpty), mergeProps({ imageSize: 80 }, _ctx.emptyProps || {}), null, 16)
                 ])) : createCommentVNode("", true)
               ], 512),
-              createElementVNode("div", _hoisted_12, [
-                confirmDisabled.value && _ctx.message ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(_ctx.message), 1)) : (openBlock(), createBlock(unref(ElButton), {
+              createElementVNode("div", _hoisted_13, [
+                confirmDisabled.value && _ctx.message ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(_ctx.message), 1)) : (openBlock(), createBlock(unref(ElButton), {
                   key: 1,
                   type: "primary",
                   loading: confirmLoading.value,

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

@@ -168,11 +168,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onMapDone?: ((_ins: any) => any) | undefined;
 }>, {
     height: string;
+    zoom: number;
     required: boolean;
     modelValue: boolean;
     filterable: boolean;
     mode: import('./types').SelectMode;
-    zoom: number;
     responsive: boolean;
     keywordMode: boolean;
     selectedZoom: number;

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

@@ -243,7 +243,7 @@
 }
 
 /* 小屏幕适应 */
-@media screen and (max-width: 768px) {
+@media screen and (max-width: #{$mobile-max-width}) {
   .ele-map-picker.is-responsive {
     top: 0 !important;
     left: 0 !important;

package/es/ele-map-picker/types.d.ts

@@ -41,6 +41,7 @@ export interface PoiItem extends Record<string, any> {
  * 实例
  */
 export interface MapState {
+  context?: any;
   /** 上次搜索建议 */
   lastSuggestion?: string;
   /** 选中的搜索建议 */

package/es/ele-mention/index.d.ts

@@ -70,6 +70,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    props: {
+        readonly type: import('vue').PropType<import('element-plus').MentionOptionProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => Required<import('element-plus').MentionOptionProps>;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -130,7 +138,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -163,6 +171,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -297,6 +311,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    props: {
+        readonly type: import('vue').PropType<import('element-plus').MentionOptionProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => Required<import('element-plus').MentionOptionProps>;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -357,7 +379,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -390,6 +412,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -462,7 +490,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     id: string;
     disabled: boolean;
     autosize: import('element-plus').InputAutoSize;
-    autocomplete: string;
+    autocomplete: AutoFill;
     readonly: boolean;
     clearable: boolean;
     showPassword: boolean;
@@ -475,10 +503,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     rows: number;
     loading: boolean;
     offset: number;
+    props: import('element-plus').MentionOptionProps;
     popperOptions: Partial<import('element-plus').Options>;
+    showArrow: boolean;
     prefix: string | string[];
     filterOption: false | ((pattern: string, option: import('element-plus').MentionOption) => boolean);
-    showArrow: boolean;
     whole: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/ele-mention/props.d.ts

@@ -74,6 +74,14 @@ export declare const mentionProps: {
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    props: {
+        readonly type: PropType<import('element-plus').MentionOptionProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => Required<import('element-plus').MentionOptionProps>;
+    };
     inputmode: {
         readonly type: PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -134,7 +142,7 @@ export declare const mentionProps: {
         readonly default: false;
     };
     autocomplete: {
-        readonly type: PropType<string>;
+        readonly type: PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -167,6 +175,12 @@ export declare const mentionProps: {
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {

package/es/ele-menus/components/item-title.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragment, renderSlot, createCommentVNode, createBlock, createElementVNode, unref, normalizeProps, mergeProps, withCtx, resolveDynamicComponent, normalizeStyle, toDisplayString, withModifiers } from "vue";
+import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragment, renderSlot, createCommentVNode, createBlock, createElementVNode, unref, normalizeProps, mergeProps, withCtx, resolveDynamicComponent, normalizeStyle, toDisplayString } from "vue";
 import { ElIcon, ElBadge } from "element-plus";
 import { isExternalLink } from "../../utils/common";
 const _hoisted_1 = {
@@ -29,8 +29,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemMouseleave: (_item, _e) => true
   },
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const handleItemClick = (item, e) => {
+      if (props.showLink && (isExternalLink(item.path) || item.path && item.pathTarget === "_blank")) {
+        e.stopPropagation();
+      }
       emit("itemClick", item, e);
     };
     const handleItemMouseenter = (item, e) => {
@@ -65,18 +69,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.item.badge != null ? (openBlock(), createBlock(unref(ElBadge), normalizeProps(mergeProps({ key: 1 }, __props.item.badge)), null, 16)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "ele-menu-trigger",
-          onClick: _cache[1] || (_cache[1] = (e) => handleItemClick(__props.item, e)),
-          onMouseenter: _cache[2] || (_cache[2] = (e) => handleItemMouseenter(__props.item, e)),
-          onMouseleave: _cache[3] || (_cache[3] = (e) => handleItemMouseleave(__props.item, e))
+          onClick: _cache[0] || (_cache[0] = (e) => handleItemClick(__props.item, e)),
+          onMouseenter: _cache[1] || (_cache[1] = (e) => handleItemMouseenter(__props.item, e)),
+          onMouseleave: _cache[2] || (_cache[2] = (e) => handleItemMouseleave(__props.item, e))
         }, [
           __props.showLink ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             unref(isExternalLink)(__props.item.path) ? (openBlock(), createElementBlock("a", {
               key: 0,
               href: __props.item.path,
               target: __props.item.pathTarget || "_blank",
-              class: "ele-menu-link",
-              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
+              class: "ele-menu-link"
             }, null, 8, _hoisted_2)) : __props.item.path ? (openBlock(), createBlock(_component_RouterLink, {
               key: 1,
               to: __props.item.path,

package/es/ele-menus/components/menu-items.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful } from '../types';
+import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuItemClickType } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
     title?(_: {
@@ -29,7 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否是 webkit 内核 */
     webkit: BooleanConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_item: MenuItem, _e: MouseEvent) => void;
+    itemClick: (_item: MenuItem, _e: MouseEvent, _type?: MenuItemClickType) => void;
     itemMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
     itemMouseleave: (_item: MenuItem, _e: MouseEvent) => void;
     parentMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
@@ -56,14 +56,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否是 webkit 内核 */
     webkit: BooleanConstructor;
 }>> & Readonly<{
-    onItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemClick?: ((_item: MenuItem, _e: MouseEvent, _type?: MenuItemClickType) => any) | undefined;
     onItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
 }>, {
-    first: boolean;
     colorful: boolean;
+    first: boolean;
     tipDisabled: boolean;
     parentIsGroup: boolean;
     webkit: boolean;

package/es/ele-menus/components/menu-items.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     webkit: Boolean
   },
   emits: {
-    itemClick: (_item, _e) => true,
+    itemClick: (_item, _e, _type) => true,
     itemMouseenter: (_item, _e) => true,
     itemMouseleave: (_item, _e) => true,
     parentMouseenter: (_item, _e) => true,
@@ -44,8 +44,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const handleMenuItemClick = () => {
     };
-    const handleItemClick = (item, e) => {
-      emit("itemClick", item, e);
+    const handleItemClick = (item, e, type) => {
+      emit("itemClick", item, e, type);
+    };
+    const handleParentClick = (item, e) => {
+      handleItemClick(item, e, "parent");
+    };
+    const handleGroupClick = (item, e) => {
+      handleItemClick(item, e, "group");
     };
     const handleItemMouseenter = (item, e) => {
       emit("itemMouseenter", item, e);
@@ -67,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             ref_for: true
           }, unref(pick)(item, ["route", "disabled", "class", "style"]), {
-            key: (item.key || item.index || item.path) + "-" + __props.tipDisabled,
+            key: `${item.key || item.index || item.path}-${__props.tipDisabled}`,
             index: item.index || item.path,
             class: [{ "ele-menu-overflow": item.overflow }],
             onClick: handleMenuItemClick
@@ -113,6 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             title: withCtx(() => [
               createVNode(ItemTitle, {
                 item,
+                onItemClick: handleGroupClick,
                 onItemMouseenter: handleParentMouseenter,
                 onItemMouseleave: handleParentMouseleave
               }, createSlots({ _: 2 }, [
@@ -192,6 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             title: withCtx(() => [
               createVNode(ItemTitle, {
                 item,
+                onItemClick: handleParentClick,
                 onItemMouseenter: handleParentMouseenter,
                 onItemMouseleave: handleParentMouseleave
               }, createSlots({ _: 2 }, [

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

@@ -131,7 +131,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
     close: (index: string, indexPath: string[]) => void;
     open: (index: string, indexPath: string[]) => void;
-    itemClick: (_item: MenuItem, _e: MouseEvent) => void;
+    itemClick: (_item: MenuItem, _e: MouseEvent, _type?: import('./types').MenuItemClickType) => void;
     itemMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
     itemMouseleave: (_item: MenuItem, _e: MouseEvent) => void;
     parentMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
@@ -256,7 +256,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-    onItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemClick?: ((_item: MenuItem, _e: MouseEvent, _type?: import('./types').MenuItemClickType) => any) | undefined;
     onItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;