ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.3

package/lib/ele-icon-select/props.d.ts

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElEmptyProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElEmptyProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { IconItem } from './types';
 
 /**
@@ -16,7 +18,7 @@ export declare const iconSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -37,7 +39,7 @@ export declare const iconSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -46,7 +48,7 @@ export declare const iconSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -60,9 +62,11 @@ export declare const iconSelectProps: {
         default: number;
     };
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
     /** 顶部选项卡只有一个时隐藏 */
     hideOnSingleTab: BooleanConstructor;
     /** 空组件属性 */
@@ -73,21 +77,21 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 头部样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 选项卡样式 */
-    tabsStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsStyle: PropType<StyleValue>;
     /** 搜索区样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 菜单样式 */
-    menusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    menusStyle: PropType<StyleValue>;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
+    gridStyle: PropType<StyleValue>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 搜索框提示文本 */
     filterPlaceholder: {
         type: StringConstructor;

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

@@ -10,8 +10,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     blur: BooleanConstructor;
     size: import('vue').PropType<import('./types').LoadingSize>;
-    spinnerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    textStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    textStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     isCircle: import('vue').ComputedRef<boolean>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -26,8 +26,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     blur: BooleanConstructor;
     size: import('vue').PropType<import('./types').LoadingSize>;
-    spinnerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    textStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    textStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>>, {
     type: import('./types').LoadingType;
     blur: boolean;

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { LoadingType, LoadingSize } from './types';
 
 /**
@@ -25,8 +26,8 @@ export declare const loadingProps: {
     /** 加载器尺寸 */
     size: PropType<LoadingSize>;
     /** 自定义加载器样式 */
-    spinnerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: PropType<StyleValue>;
     /** 自定义文本样式 */
-    textStyle: PropType<Partial<import('vue').CSSProperties>>;
+    textStyle: PropType<StyleValue>;
 };
 export type LoadingProps = ExtractPropTypes<typeof loadingProps>;

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

@@ -674,6 +674,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.keywords = $event),
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.searchPlaceholder,
+              validateEvent: false,
               onChange: _ctx.handleSearch
             }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onChange"])
           ], 4)) : vue.createCommentVNode("", true),

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

@@ -51,12 +51,11 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    mapStyle: StringConstructor; /** 地图渲染状态 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>; /** 确定按钮请求状态 */
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** POI数据 */
+    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>;
+    searchStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('../types').SelectMode>;
         default: string;
@@ -67,7 +66,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
 }, {
     SearchOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
     mapRef: import('vue').Ref<HTMLDivElement | null>;
@@ -78,12 +77,12 @@ declare const _default: import('vue').DefineComponent<{
     confirmLoading: import('vue').Ref<boolean>;
     data: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -93,12 +92,12 @@ declare const _default: import('vue').DefineComponent<{
     }[]>;
     suggestionData: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -110,12 +109,12 @@ declare const _default: import('vue').DefineComponent<{
     keywords: import('vue').Ref<string>;
     current: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -186,12 +185,11 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    mapStyle: StringConstructor; /** 地图渲染状态 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>; /** 确定按钮请求状态 */
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** POI数据 */
+    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>;
+    searchStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('../types').SelectMode>;
         default: string;
@@ -202,7 +200,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
 }>> & {
     onSelect?: ((_selected: PoiItem | null) => any) | undefined;
     onDone?: ((_result: PoiItem) => any) | undefined;

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

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     locale: import('vue').PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {
         type: StringConstructor;
         default: string;
@@ -51,8 +51,8 @@ declare const _default: import('vue').DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图密钥 */
-    }; /** 地图密钥 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -67,7 +67,7 @@ declare const _default: import('vue').DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('./types').SelectMode>;
         default: string;
@@ -78,7 +78,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     lang: import('vue').ComputedRef<MapLocale>;
     isResponsive: import('vue').ComputedRef<boolean>;
@@ -103,7 +103,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     locale: import('vue').PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {
         type: StringConstructor;
         default: string;
@@ -141,8 +141,8 @@ declare const _default: import('vue').DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图密钥 */
-    }; /** 地图密钥 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -157,7 +157,7 @@ declare const _default: import('vue').DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('./types').SelectMode>;
         default: string;
@@ -168,7 +168,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElEmptyProps } from '../ele-app/el';
 import { EleModalProps } from '../ele-app/plus';
 import { SelectMode, PoiItem, MapLocale } from './types';
@@ -81,7 +82,7 @@ export declare const mapProps: {
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 自定义搜索栏样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;
@@ -97,7 +98,7 @@ export declare const mapProps: {
     /** 回显选中的位置 */
     selected: PropType<PoiItem>;
     /** 侧栏容器样式 */
-    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: PropType<StyleValue>;
 };
 export declare const mapPickerProps: {
     /** 弹窗是否显示 */
@@ -114,7 +115,7 @@ export declare const mapPickerProps: {
     /** 是否使用关键字检索模式, 默认POI检索模式 */
     keywordMode: BooleanConstructor;
     /** 自定义header样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 地图的高度 */
     height: {
         type: StringConstructor;
@@ -189,7 +190,7 @@ export declare const mapPickerProps: {
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 自定义搜索栏样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;
@@ -205,7 +206,7 @@ export declare const mapPickerProps: {
     /** 回显选中的位置 */
     selected: PropType<PoiItem>;
     /** 侧栏容器样式 */
-    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: PropType<StyleValue>;
 };
 export type MapPickerProps = ExtractPropTypes<typeof mapPickerProps>;
 export type MapProps = ExtractPropTypes<typeof mapProps>;

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

@@ -181,7 +181,7 @@
     padding: 0;
     width: 200px;
     max-width: calc(100% - 16px);
-    background: elVar('bg-color');
+    background: elVar('bg-color', 'overlay');
     box-shadow: elVar('box-shadow', 'lighter');
     border-radius: elVar('border-radius', 'base');
   }

package/lib/ele-menus/index.cjs

@@ -109,22 +109,22 @@ const index = vue.defineComponent({
         }
       }
     };
-    const onItemClick = (item, e) => {
+    const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
-    const onItemMouseenter = (item, e) => {
+    const handleItemMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
-    const onItemMouseleave = (item, e) => {
+    const handleItemMouseleave = (item, e) => {
       hideTooltip();
       emit("itemMouseleave", item, e);
     };
-    const onParentMouseenter = (item, e) => {
+    const handleParentMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("parentMouseenter", item, e);
     };
-    const onParentMouseleave = (item, e) => {
+    const handleParentMouseleave = (item, e) => {
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
@@ -175,12 +175,12 @@ const index = vue.defineComponent({
             props$1.popupColorful,
             props$1.firstPopperClass,
             true,
-            onItemClick,
-            onItemMouseenter,
-            onItemMouseleave,
+            handleItemClick,
+            handleItemMouseenter,
+            handleItemMouseleave,
             isWebkit,
-            onParentMouseenter,
-            onParentMouseleave
+            handleParentMouseenter,
+            handleParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props$1.ellipsisProps || {};
@@ -219,12 +219,12 @@ const index = vue.defineComponent({
                       props$1.popupColorful,
                       props$1.firstPopperClass,
                       false,
-                      onItemClick,
-                      onItemMouseenter,
-                      onItemMouseleave,
+                      handleItemClick,
+                      handleItemMouseenter,
+                      handleItemMouseleave,
                       isWebkit,
-                      onParentMouseenter,
-                      onParentMouseleave
+                      handleParentMouseenter,
+                      handleParentMouseleave
                     );
                   },
                   title: () => {

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

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
@@ -78,7 +78,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;

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

@@ -38,7 +38,7 @@ export declare const menusProps: {
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;

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

@@ -265,6 +265,7 @@
     background: eleVar('menu-popup', 'bg');
     box-shadow: eleVar('menu-popup', 'shadow');
     border-radius: eleVar('menu-popup', 'radius');
+    overflow-x: hidden;
     overflow-y: auto;
 
     .el-menu-item,
@@ -274,6 +275,10 @@
       background: none;
     }
 
+    .el-menu-item-group__title {
+      padding-left: eleVar('menu-popup', 'item-padding');
+    }
+
     .el-menu-item::after {
       display: none;
     }

package/lib/ele-menus/util.cjs

@@ -10,6 +10,16 @@ const titleClass = "ele-menu-title";
 const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
+function mergeClass(class1, class2) {
+  const classes = [];
+  if (class1 != null && class1 !== "") {
+    classes.push(class1);
+  }
+  if (class2 != null && class2 !== "") {
+    classes.push(class2);
+  }
+  return classes;
+}
 function getLinkNode(path) {
   if (core.isExternalLink(path)) {
     return vue.h("a", {
@@ -100,7 +110,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
             index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
-            class: item.overflow ? overflowClass : void 0,
+            class: mergeClass(
+              item.overflow ? overflowClass : void 0,
+              item.class
+            ),
+            style: item.style,
             onClick: () => {
             }
           },
@@ -126,30 +140,34 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     );
     if (item.group === true && !parentIsGroup) {
       nodes.push(
-        vue.h(elementPlus.ElMenuItemGroup, { key }, {
-          default: () => {
-            return renderItems(
-              item.children,
-              sIcon,
-              sTitle,
-              tipDisabled,
-              theme,
-              popTheme,
-              colorful,
-              popupColorful,
-              firstPopClass,
-              first,
-              onItemClick,
-              onItemMouseenter,
-              onItemMouseleave,
-              webkit,
-              onParentMouseenter,
-              onParentMouseleave,
-              true
-            );
-          },
-          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
-        })
+        vue.h(
+          elementPlus.ElMenuItemGroup,
+          { key, style: item.style, class: item.class },
+          {
+            default: () => {
+              return renderItems(
+                item.children,
+                sIcon,
+                sTitle,
+                tipDisabled,
+                theme,
+                popTheme,
+                colorful,
+                popupColorful,
+                firstPopClass,
+                first,
+                onItemClick,
+                onItemMouseenter,
+                onItemMouseleave,
+                webkit,
+                onParentMouseenter,
+                onParentMouseleave,
+                true
+              );
+            },
+            title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
+          }
+        )
       );
       return;
     }
@@ -178,7 +196,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
           expandOpenIcon: item.expandOpenIcon ?? icons.ArrowDown,
           collapseCloseIcon: item.collapseCloseIcon ?? icons.ArrowRight,
           collapseOpenIcon: item.collapseOpenIcon ?? icons.ArrowRight,
-          class: item.overflow ? overflowClass : void 0
+          class: mergeClass(
+            item.overflow ? overflowClass : void 0,
+            item.class
+          ),
+          style: item.style
         },
         {
           default: () => {
@@ -343,6 +365,7 @@ exports.getNodes = getNodes;
 exports.getPopperClass = getPopperClass;
 exports.getTriggerNode = getTriggerNode;
 exports.linkClass = linkClass;
+exports.mergeClass = mergeClass;
 exports.overflowClass = overflowClass;
 exports.renderItems = renderItems;
 exports.titleClass = titleClass;

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

@@ -1,4 +1,5 @@
 import { VNode, Slot } from 'vue';
+import { ClassValue, ClassValues } from '../ele-app/types';
 import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
 
 /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ export declare const triggerClass = "ele-menu-trigger";
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
 export declare const ellipsisClass = "ele-sub-menu-ellipsis";
+/**
+ * 合并类名
+ * @param class1 类名
+ * @param class2 用户自定义类名
+ */
+export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
 /**
  * 生成菜单链接节点
  * @param path 链接地址