@keyblade/pro-components 1.11.3 → 1.11.6

package/es/pro-layout/pro-layout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, useCssVars as Y, toRefs as Z, useSlots as ee, provide as H, ref as A, onMounted as te, watch as P, resolveComponent as l, openBlock as o, createBlock as u, normalizeClass as a, withCtx as s, createElementVNode as p, unref as r, renderSlot as y, createElementBlock as m, Fragment as k, createVNode as c, createTextVNode as v, toDisplayString as _, createCommentVNode as f } from "vue";
+import { defineComponent as X, useCssVars as Y, toRefs as Z, useSlots as ee, provide as H, ref as P, onMounted as te, watch as A, resolveComponent as l, openBlock as o, createBlock as u, normalizeClass as a, withCtx as s, createElementVNode as p, unref as r, renderSlot as m, createElementBlock as y, Fragment as k, createVNode as c, createTextVNode as v, toDisplayString as _, createCommentVNode as f } from "vue";
 import { useHooks as ae } from "./hooks.js";
 const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @__PURE__ */ X({
   __name: "pro-layout",
@@ -61,6 +61,12 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
       required: !1,
       default: () => []
     },
+    /** 菜单属性 */
+    menuProps: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    },
     /** 页脚标题 */
     footerTitle: {
       type: String,
@@ -113,14 +119,14 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
   setup(e, { emit: $ }) {
     const n = e;
     Y((i) => ({
-      "556e11b0": q.value,
-      a1fdd686: V,
-      "372696a8": D
+      "1f3bb2d6": T.value,
+      "7e248778": V,
+      "352df366": D
     }));
     const { menuItems: C } = Z(n), h = ee(), {
       menuSelectedKeys: w,
       breadcrumbItems: K,
-      tabs: T,
+      tabs: q,
       keepAliveInclude: b,
       onMenuItemClick: N,
       onTabClick: W,
@@ -130,17 +136,17 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
       disableKeepAlive: n.disableKeepAlive
     });
     H("ProBreadcrumbItems", K), H("ProKeepAliveInclude", b);
-    const q = A(`${n.headerHeight}px`), V = `${n.siderWidth}px`, D = `${se}px`, d = A(n.siderCollapsed), B = (i) => {
+    const T = P(`${n.headerHeight}px`), V = `${n.siderWidth}px`, D = `${se}px`, d = P(n.siderCollapsed), B = (i) => {
       d.value = i, $("collapse", i);
     };
     return te(() => {
-      n.hideHeader && (q.value = "0px");
-    }), P(() => n.siderCollapsed, () => {
+      n.hideHeader && (T.value = "0px");
+    }), A(() => n.siderCollapsed, () => {
       d.value = n.siderCollapsed;
-    }, { immediate: !0 }), P(b, () => {
+    }, { immediate: !0 }), A(b, () => {
       $("keepAliveIncludeChange", b.value);
     }, { immediate: !0 }), (i, S) => {
-      const x = l("a-typography-title"), I = l("a-space"), M = l("a-layout-header"), F = l("kb-pro-menu"), E = l("icon-menu-unfold"), R = l("icon-menu-fold"), j = l("a-button"), G = l("a-layout-sider"), J = l("kb-pro-reuse-tabs"), L = l("a-affix"), O = l("kb-pro-keep-alive-router-view"), Q = l("a-layout-content"), U = l("a-layout-footer"), g = l("a-layout");
+      const x = l("a-typography-title"), I = l("a-space"), M = l("a-layout-header"), F = l("kb-pro-menu"), E = l("icon-menu-unfold"), j = l("icon-menu-fold"), O = l("a-button"), R = l("a-layout-sider"), G = l("kb-pro-reuse-tabs"), J = l("a-affix"), L = l("kb-pro-keep-alive-router-view"), Q = l("a-layout-content"), U = l("a-layout-footer"), g = l("a-layout");
       return o(), u(g, {
         class: a([t, `${t}-${e.layout}`])
       }, {
@@ -153,8 +159,8 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
               p("div", {
                 class: a(`${t}-header-left`)
               }, [
-                r(h)["header-left"] ? y(i.$slots, "header-left", { key: 0 }) : (o(), m(k, { key: 1 }, [
-                  e.layout !== "side" ? (o(), m("div", {
+                r(h)["header-left"] ? m(i.$slots, "header-left", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                  e.layout !== "side" ? (o(), y("div", {
                     key: 0,
                     class: a(`${t}-header-left-logo`)
                   }, [
@@ -184,19 +190,19 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
               p("div", {
                 class: a(`${t}-header-center`)
               }, [
-                r(h)["header-center"] ? y(i.$slots, "header-center", { key: 0 }) : f("", !0)
+                r(h)["header-center"] ? m(i.$slots, "header-center", { key: 0 }) : f("", !0)
               ], 2),
               p("div", {
                 class: a(`${t}-header-right`)
               }, [
-                y(i.$slots, "header-right")
+                m(i.$slots, "header-right")
               ], 2)
             ]),
             _: 3
           }, 8, ["class"])),
           c(g, null, {
             default: s(() => [
-              c(G, {
+              c(R, {
                 class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: d.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
@@ -209,8 +215,8 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                   p("div", {
                     class: a(`${t}-sider-content`)
                   }, [
-                    r(h)["sider-top"] ? y(i.$slots, "sider-top", { key: 0 }) : (o(), m(k, { key: 1 }, [
-                      e.layout === "side" ? (o(), m("div", {
+                    r(h)["sider-top"] ? m(i.$slots, "sider-top", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                      e.layout === "side" ? (o(), y("div", {
                         key: 0,
                         class: a(`${t}-sider-content-logo`)
                       }, [
@@ -240,16 +246,17 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                       collapsed: d.value,
                       "selected-keys": r(w),
                       items: r(C),
+                      "menu-props": e.menuProps,
                       onMenuItemClick: r(N)
-                    }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
+                    }, null, 8, ["collapsed", "selected-keys", "items", "menu-props", "onMenuItemClick"])
                   ], 2),
-                  c(j, {
+                  c(O, {
                     class: a(`${t}-sider-collapse-btn`),
                     size: "mini",
                     onClick: S[0] || (S[0] = (de) => B(!d.value))
                   }, {
                     icon: s(() => [
-                      d.value ? (o(), u(E, { key: 0 })) : (o(), u(R, { key: 1 }))
+                      d.value ? (o(), u(E, { key: 0 })) : (o(), u(j, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -260,15 +267,15 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                 class: a([`${t}-body`, { [`${t}-body-collapsed`]: d.value }])
               }, {
                 default: s(() => [
-                  e.hideTabs ? f("", !0) : (o(), u(L, {
+                  e.hideTabs ? f("", !0) : (o(), u(J, {
                     key: 0,
                     class: a(`${t}-body-affix`),
                     offsetTop: e.hideHeader ? 0 : e.headerHeight
                   }, {
                     default: s(() => [
-                      r(T).length > 0 ? (o(), u(J, {
+                      r(q).length > 0 ? (o(), u(G, {
                         key: 0,
-                        tabs: r(T),
+                        tabs: r(q),
                         "tabs-size": e.tabsSize,
                         "tabs-type": e.tabsType,
                         "tabs-header-padding": e.tabsHeaderPadding,
@@ -280,12 +287,12 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                   }, 8, ["class", "offsetTop"])),
                   c(Q, null, {
                     default: s(() => [
-                      c(O)
+                      c(L)
                     ]),
                     _: 1
                   }),
-                  e.hideFooter ? f("", !0) : (o(), m(k, { key: 1 }, [
-                    r(h).footer !== void 0 ? y(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
+                  e.hideFooter ? f("", !0) : (o(), y(k, { key: 1 }, [
+                    r(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
                       key: 1,
                       class: a(`${t}-body-footer`)
                     }, {

package/es/pro-menu/index.d.ts

@@ -1,57 +1,59 @@
-import type { App } from 'vue';
+import { App } from 'vue';
+
 declare const ProMenu: {
     new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
+        $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             mode?: "horizontal" | "vertical" | undefined;
+            menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
             key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
+            ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeBeforeMount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeMounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeBeforeUpdate?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeUpdated?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeBeforeUnmount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            onVnodeUnmounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
             style?: unknown;
             readonly collapsed: boolean;
             readonly selectedKeys: string[];
-            readonly items: import("./interface").IProMenuItem[];
+            readonly items: import('./interface').IProMenuItem[];
             "onMenu-item-click"?: ((key: string) => any) | undefined;
         };
         $attrs: {
@@ -61,36 +63,42 @@ declare const ProMenu: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
+            [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "menu-item-click", key: string) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             mode: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import('vue').PropType<"horizontal" | "vertical">;
                 required: false;
                 default: string;
             };
             collapsed: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 required: true;
             };
             selectedKeys: {
-                type: import("vue").PropType<string[]>;
+                type: import('vue').PropType<string[]>;
                 required: true;
             };
             items: {
-                type: import("vue").PropType<import("./interface").IProMenuItem[]>;
+                type: import('vue').PropType<import('./interface').IProMenuItem[]>;
                 required: true;
             };
+            menuProps: {
+                type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
+                required: false;
+                default: () => {};
+            };
         }>> & {
             "onMenu-item-click"?: ((key: string) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "menu-item-click": (key: string) => void;
         }, string, {
             mode: "horizontal" | "vertical";
+            menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -104,62 +112,73 @@ declare const ProMenu: {
             beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
             destroyed?: ((() => void) | (() => void)[]) | undefined;
             unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Readonly<import('vue').ExtractPropTypes<{
         mode: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import('vue').PropType<"horizontal" | "vertical">;
             required: false;
             default: string;
         };
         collapsed: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             required: true;
         };
         selectedKeys: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<string[]>;
             required: true;
         };
         items: {
-            type: import("vue").PropType<import("./interface").IProMenuItem[]>;
+            type: import('vue').PropType<import('./interface').IProMenuItem[]>;
             required: true;
         };
+        menuProps: {
+            type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
+            required: false;
+            default: () => {};
+        };
     }>> & {
         "onMenu-item-click"?: ((key: string) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import('vue').PropType<"horizontal" | "vertical">;
         required: false;
         default: string;
     };
     collapsed: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         required: true;
     };
     selectedKeys: {
-        type: import("vue").PropType<string[]>;
+        type: import('vue').PropType<string[]>;
         required: true;
     };
     items: {
-        type: import("vue").PropType<import("./interface").IProMenuItem[]>;
+        type: import('vue').PropType<import('./interface').IProMenuItem[]>;
         required: true;
     };
+    menuProps: {
+        type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
+        required: false;
+        default: () => {};
+    };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "menu-item-click": (key: string) => void;
 }, string, {
     mode: "horizontal" | "vertical";
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

package/es/pro-menu/pro-menu.vue.d.ts

@@ -1,6 +1,8 @@
-import { type PropType } from 'vue';
-import type { IProMenuItem } from './interface';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+import { IProMenuItem } from './interface';
+import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
+
+declare const _default: import('vue').DefineComponent<{
     mode: {
         type: PropType<"horizontal" | "vertical">;
         required: false;
@@ -18,9 +20,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IProMenuItem[]>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    menuProps: {
+        type: PropType<Partial<MenuProps>>;
+        required: false;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "menu-item-click": (key: string) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     mode: {
         type: PropType<"horizontal" | "vertical">;
         required: false;
@@ -38,9 +45,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IProMenuItem[]>;
         required: true;
     };
+    menuProps: {
+        type: PropType<Partial<MenuProps>>;
+        required: false;
+        default: () => {};
+    };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
 }, {
     mode: "horizontal" | "vertical";
+    menuProps: Partial<MenuProps>;
 }, {}>;
 export default _default;

package/es/pro-menu/pro-menu.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as W, computed as b, resolveComponent as k, openBlock as l, createBlock as c, normalizeClass as f, withCtx as a, createVNode as $, unref as _, createElementBlock as s, Fragment as v, createSlots as I, createTextVNode as N, toDisplayString as T, renderList as q, createCommentVNode as r, resolveDynamicComponent as B } from "vue";
+import { defineComponent as V, computed as b, resolveComponent as k, openBlock as r, createBlock as u, mergeProps as W, withCtx as a, createVNode as $, unref as f, createElementBlock as s, Fragment as _, createSlots as x, createTextVNode as q, toDisplayString as I, renderList as N, createCommentVNode as l, resolveDynamicComponent as T, normalizeClass as B } from "vue";
 import { createReusableTemplate as A } from "@vueuse/core";
-import { useRouter as z } from "vue-router";
-const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-item", J = /* @__PURE__ */ W({
+import { useRouter as j } from "vue-router";
+const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-item", H = /* @__PURE__ */ V({
   __name: "pro-menu",
   props: {
     mode: {
@@ -20,18 +20,23 @@ const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-
     items: {
       type: Array,
       required: !0
+    },
+    menuProps: {
+      type: Object,
+      required: !1,
+      default: () => ({})
     }
   },
   emits: {
-    "menu-item-click": (u) => !0
+    "menu-item-click": (o) => !0
   },
-  setup(u, { emit: D }) {
-    const p = u, y = z(), [K, C] = A(), t = b(() => (n) => {
-      var o;
-      return (o = p == null ? void 0 : p.selectedKeys) != null && o.includes(n.name) && n != null && n.selectedIcon ? n == null ? void 0 : n.selectedIcon : n == null ? void 0 : n.icon;
+  setup(o, { emit: D }) {
+    const p = o, y = j(), [K, v] = A(), t = b(() => (n) => {
+      var c;
+      return (c = p == null ? void 0 : p.selectedKeys) != null && c.includes(n.name) && n != null && n.selectedIcon ? n == null ? void 0 : n.selectedIcon : n == null ? void 0 : n.icon;
     }), d = b(() => (n) => {
-      const o = n == null ? void 0 : n.icon;
-      return o != null && o.startsWith("icon") ? "icon" : "url";
+      const c = n == null ? void 0 : n.icon;
+      return c != null && c.startsWith("icon") ? "icon" : "url";
     }), M = (n) => {
       if (n != null && n.path) {
         if (n.path.startsWith("http") || n.path.startsWith("https")) {
@@ -41,29 +46,29 @@ const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-
         y == null || y.push({ path: n.path }), D("menu-item-click", n.name);
       }
     };
-    return (n, o) => {
-      const R = k("a-sub-menu"), S = k("a-menu-item"), V = k("a-menu");
-      return l(), c(V, {
-        mode: u.mode,
-        class: f(L),
-        collapsed: u.collapsed,
-        "selected-keys": u.selectedKeys,
+    return (n, c) => {
+      const P = k("a-sub-menu"), R = k("a-menu-item"), S = k("a-menu");
+      return r(), u(S, W(o.menuProps, {
+        mode: o.mode,
+        class: F,
+        collapsed: o.collapsed,
+        "selected-keys": o.selectedKeys,
         "auto-open-selected": ""
-      }, {
+      }), {
         default: a(() => [
-          $(_(K), null, {
+          $(f(K), null, {
             default: a(({ item: e }) => {
-              var g, x;
+              var C, g;
               return [
-                e && !e.hideInMenu ? (l(), s(v, { key: 0 }, [
-                  e != null && e.children && ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) > 0 ? (l(), c(R, {
+                e && !e.hideInMenu ? (r(), s(_, { key: 0 }, [
+                  e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 ? (r(), u(P, {
                     key: e.name
-                  }, I({
+                  }, x({
                     title: a(() => [
-                      N(T(e.title), 1)
+                      q(I(e.title), 1)
                     ]),
                     default: a(() => [
-                      e != null && e.hideChildrenInMenu ? r("", !0) : (l(!0), s(v, { key: 0 }, q((e == null ? void 0 : e.children) || [], (h) => (l(), c(_(C), {
+                      e != null && e.hideChildrenInMenu ? l("", !0) : (r(!0), s(_, { key: 0 }, N((e == null ? void 0 : e.children) || [], (h) => (r(), u(f(v), {
                         key: h.name,
                         item: h
                       }, null, 8, ["item"]))), 128))
@@ -73,55 +78,55 @@ const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-
                     e != null && e.icon ? {
                       name: "icon",
                       fn: a(() => [
-                        d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
-                        d.value(e) === "url" ? (l(), s("img", {
+                        d.value(e) === "icon" ? (r(), u(T(t.value(e)), { key: 0 })) : l("", !0),
+                        d.value(e) === "url" ? (r(), s("img", {
                           key: 1,
-                          class: f(`${w}-img`),
+                          class: B(`${w}-img`),
                           src: t.value(e),
                           alt: ""
-                        }, null, 10, E)) : r("", !0)
+                        }, null, 10, z)) : l("", !0)
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1024)) : r("", !0),
-                  !(e != null && e.children) || ((x = e == null ? void 0 : e.children) == null ? void 0 : x.length) === 0 ? (l(), c(S, {
+                  ]), 1024)) : l("", !0),
+                  !(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 ? (r(), u(R, {
                     key: e.name,
                     onClick: (h) => M(e)
-                  }, I({
+                  }, x({
                     default: a(() => [
-                      N(" " + T(e.title), 1)
+                      q(" " + I(e.title), 1)
                     ]),
                     _: 2
                   }, [
                     e != null && e.icon ? {
                       name: "icon",
                       fn: a(() => [
-                        d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
-                        d.value(e) === "url" ? (l(), s("img", {
+                        d.value(e) === "icon" ? (r(), u(T(t.value(e)), { key: 0 })) : l("", !0),
+                        d.value(e) === "url" ? (r(), s("img", {
                           key: 1,
-                          class: f(`${w}-img`),
+                          class: B(`${w}-img`),
                           src: t.value(e),
                           alt: ""
-                        }, null, 10, F)) : r("", !0)
+                        }, null, 10, E)) : l("", !0)
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["onClick"])) : r("", !0)
-                ], 64)) : r("", !0)
+                  ]), 1032, ["onClick"])) : l("", !0)
+                ], 64)) : l("", !0)
               ];
             }),
             _: 1
           }),
-          (l(!0), s(v, null, q(u.items, (e) => (l(), c(_(C), {
+          (r(!0), s(_, null, N(o.items, (e) => (r(), u(f(v), {
             key: e.name,
             item: e
           }, null, 8, ["item"]))), 128))
         ]),
         _: 1
-      }, 8, ["mode", "collapsed", "selected-keys"]);
+      }, 16, ["mode", "collapsed", "selected-keys"]);
     };
   }
 });
 export {
-  J as default
+  H as default
 };