@keyblade/pro-components 1.11.3 → 1.11.7

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 k, ref as A, onMounted as te, watch as w, 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 v, createVNode as c, createTextVNode as _, 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,
@@ -110,37 +116,37 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
     /** keepAlive改变事件 */
     keepAliveIncludeChange: (e) => !0
   },
-  setup(e, { emit: $ }) {
+  setup(e, { emit: C }) {
     const n = e;
     Y((i) => ({
-      "556e11b0": q.value,
-      a1fdd686: V,
-      "372696a8": D
+      "2156faf3": S.value,
+      "2e3e7e4c": D,
+      a70b89aa: V
     }));
-    const { menuItems: C } = Z(n), h = ee(), {
-      menuSelectedKeys: w,
-      breadcrumbItems: K,
-      tabs: T,
+    const { menuItems: T } = Z(n), h = ee(), {
+      menuSelectedKeys: K,
+      breadcrumbItems: N,
+      tabs: q,
       keepAliveInclude: b,
-      onMenuItemClick: N,
-      onTabClick: W,
-      onTabDelete: z
-    } = ae(C, {
+      onMenuItemClick: W,
+      onTabClick: z,
+      onTabDelete: B
+    } = ae(T, {
       hideTabs: n.hideTabs,
       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) => {
-      d.value = i, $("collapse", i);
+    k("ProBreadcrumbItems", N), k("ProKeepAliveInclude", b), k("onProReuseTabDelete", B);
+    const S = A(`${n.headerHeight}px`), D = `${n.siderWidth}px`, V = `${se}px`, d = A(n.siderCollapsed), x = (i) => {
+      d.value = i, C("collapse", i);
     };
     return te(() => {
-      n.hideHeader && (q.value = "0px");
-    }), P(() => n.siderCollapsed, () => {
+      n.hideHeader && (S.value = "0px");
+    }), w(() => n.siderCollapsed, () => {
       d.value = n.siderCollapsed;
-    }, { immediate: !0 }), P(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");
+    }, { immediate: !0 }), w(b, () => {
+      C("keepAliveIncludeChange", b.value);
+    }, { immediate: !0 }), (i, I) => {
+      const P = l("a-typography-title"), H = 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"), O = 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,25 +159,25 @@ 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(v, { key: 1 }, [
+                  e.layout !== "side" ? (o(), y("div", {
                     key: 0,
                     class: a(`${t}-header-left-logo`)
                   }, [
-                    c(I, null, {
+                    c(H, null, {
                       default: s(() => [
                         p("img", {
                           class: a(`${t}-header-left-logo-img`),
                           alt: "logo",
                           src: e.logo
                         }, null, 10, le),
-                        d.value ? f("", !0) : (o(), u(x, {
+                        d.value ? f("", !0) : (o(), u(P, {
                           key: 0,
                           class: a(`${t}-header-left-logo-title`),
                           heading: 5
                         }, {
                           default: s(() => [
-                            v(_(e.title), 1)
+                            _($(e.title), 1)
                           ]),
                           _: 1
                         }, 8, ["class"]))
@@ -184,50 +190,50 @@ 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(O, {
                 class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: d.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
                 breakpoint: e.siderBreakpoint,
                 collapsed: d.value,
                 "hide-trigger": !0,
-                onCollapse: B
+                onCollapse: x
               }, {
                 default: s(() => [
                   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(v, { key: 1 }, [
+                      e.layout === "side" ? (o(), y("div", {
                         key: 0,
                         class: a(`${t}-sider-content-logo`)
                       }, [
-                        c(I, null, {
+                        c(H, null, {
                           default: s(() => [
                             p("img", {
                               class: a(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
                             }, null, 10, oe),
-                            d.value ? f("", !0) : (o(), u(x, {
+                            d.value ? f("", !0) : (o(), u(P, {
                               key: 0,
                               class: a(`${t}-sider-content-logo-title`),
                               heading: 5
                             }, {
                               default: s(() => [
-                                v(_(e.title), 1)
+                                _($(e.title), 1)
                               ]),
                               _: 1
                             }, 8, ["class"]))
@@ -238,15 +244,16 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                     ], 64)),
                     c(F, {
                       collapsed: d.value,
-                      "selected-keys": r(w),
-                      items: r(C),
-                      onMenuItemClick: r(N)
-                    }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
+                      "selected-keys": r(K),
+                      items: r(T),
+                      "menu-props": e.menuProps,
+                      onMenuItemClick: r(W)
+                    }, null, 8, ["collapsed", "selected-keys", "items", "menu-props", "onMenuItemClick"])
                   ], 2),
                   c(j, {
                     class: a(`${t}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: S[0] || (S[0] = (de) => B(!d.value))
+                    onClick: I[0] || (I[0] = (de) => x(!d.value))
                   }, {
                     icon: s(() => [
                       d.value ? (o(), u(E, { key: 0 })) : (o(), u(R, { key: 1 }))
@@ -260,37 +267,37 @@ 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,
-                        onTabClick: r(W),
-                        onTabDelete: r(z)
+                        onTabClick: r(z),
+                        onTabDelete: r(B)
                       }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                     ]),
                     _: 1
                   }, 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(v, { key: 1 }, [
+                    r(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
                       key: 1,
                       class: a(`${t}-body-footer`)
                     }, {
                       default: s(() => [
-                        v(_(e.footerTitle), 1)
+                        _($(e.footerTitle), 1)
                       ]),
                       _: 1
                     }, 8, ["class"]))

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;