@keyblade/pro-components 0.0.1-alpha.6 → 0.0.1-alpha.8

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

@@ -0,0 +1,147 @@
+import type { DefineComponent, Ref, Slot, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import type { IProMenuItem } from '../pro-menu';
+import { EProLayoutTheme } from './enum';
+declare const _sfc_main: DefineComponent<{
+    menuItems: {
+        type: PropType<IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
+    headerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    headerLogo: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    headerRightItemSlotNames: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    hideThemeItem: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    footerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    theme: {
+        type: PropType<EProLayoutTheme>;
+        required: false;
+        default: EProLayoutTheme;
+    };
+    tabsMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    user: {
+        type: PropType<{
+            name: string;
+            avatar?: string | undefined;
+        }>;
+        required: false;
+        default: undefined;
+    };
+}, {
+    prefixClsName: string;
+    props: any;
+    menuItems: Ref<IProMenuItem[]>;
+    slots: Readonly<{
+        [name: string]: Slot | undefined;
+    }>;
+    currentTheme: Readonly<Ref<EProLayoutTheme>>;
+    onToggleCurrentTheme: () => void;
+    menuSelectedKeys: Ref<string[]>;
+    menuOpenKeys: Ref<string[]>;
+    onMenuItemClick: (key: string) => void;
+    onSubMenuClick: (key: string, openKeys: string[]) => void;
+    activeMenuItem: Ref<IProMenuItem | undefined>;
+    breadcrumbItems: Ref<string[]>;
+    tabs: Ref<{
+        name: string;
+        title: string;
+        fullPath: string;
+        active: boolean;
+    }[]>;
+    onTabClick: (key: string) => void;
+    onTabDelete: (key: string) => void;
+    keepAliveKeys: ComputedRef<string[]>;
+    siderWidth: number;
+    siderCollapsedWidth: number;
+    siderWidthPx: string;
+    siderCollapsedWidthPx: string;
+    siderCollapsed: Ref<boolean>;
+    onSiderCollapse: (val: boolean) => void;
+    readonly EProLayoutTheme: typeof EProLayoutTheme;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    menuItems: {
+        type: PropType<IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
+    headerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    headerLogo: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    headerRightItemSlotNames: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    hideThemeItem: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    footerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    theme: {
+        type: PropType<EProLayoutTheme>;
+        required: false;
+        default: EProLayoutTheme;
+    };
+    tabsMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    user: {
+        type: PropType<{
+            name: string;
+            avatar?: string | undefined;
+        }>;
+        required: false;
+        default: undefined;
+    };
+}>>, {
+    menuItems: IProMenuItem[];
+    headerTitle: string;
+    headerLogo: string;
+    headerRightItemSlotNames: string[];
+    hideThemeItem: boolean;
+    footerTitle: string;
+    theme: EProLayoutTheme;
+    tabsMode: boolean;
+    user: {
+        name: string;
+        avatar?: string | undefined;
+    };
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,300 @@
+import { defineComponent, useCssVars, toRefs, useSlots, provide, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, unref, renderSlot, resolveDynamicComponent, KeepAlive } from "vue";
+import { useHooks } from "./hooks/index.js";
+import { EProLayoutTheme } from "./enum.js";
+import { useThemeHooks } from "./hooks/theme.js";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pro-layout",
+  props: {
+    menuItems: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    headerTitle: {
+      type: String,
+      required: false,
+      default: "KeyBlade Pro"
+    },
+    headerLogo: {
+      type: String,
+      required: false,
+      default: "http://p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
+    },
+    headerRightItemSlotNames: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    hideThemeItem: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    footerTitle: {
+      type: String,
+      required: false,
+      default: "KeyBlade Pro"
+    },
+    theme: {
+      type: String,
+      required: false,
+      default: EProLayoutTheme.light
+    },
+    tabsMode: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    user: {
+      type: Object,
+      required: false,
+      default: void 0
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "9d934a56": siderWidthPx,
+      "473aa8e0": siderCollapsedWidthPx
+    }));
+    const prefixClsName = "keyblade-pro-layout";
+    const { menuItems } = toRefs(props);
+    const slots = useSlots();
+    const { currentTheme, onToggleCurrentTheme } = useThemeHooks(props.theme);
+    const {
+      menuSelectedKeys,
+      menuOpenKeys,
+      onMenuItemClick,
+      onSubMenuClick,
+      activeMenuItem,
+      breadcrumbItems,
+      tabs,
+      onTabClick,
+      onTabDelete
+    } = useHooks(menuItems, {
+      tabsMode: props.tabsMode
+    });
+    provide("ProBreadcrumbItems", breadcrumbItems);
+    const keepAliveKeys = computed(() => {
+      const keys = [];
+      tabs.value.forEach((tab) => {
+        var _a, _b;
+        if (tab.name === ((_a = activeMenuItem == null ? void 0 : activeMenuItem.value) == null ? void 0 : _a.name) && ((_b = activeMenuItem.value) == null ? void 0 : _b.ignoreCache)) {
+          return;
+        }
+        keys.push(tab.name);
+      });
+      return keys;
+    });
+    const siderWidth = 220;
+    const siderCollapsedWidth = 48;
+    const siderWidthPx = `${siderWidth}px`;
+    const siderCollapsedWidthPx = `${siderCollapsedWidth}px`;
+    const siderCollapsed = ref(false);
+    const onSiderCollapse = (val) => {
+      siderCollapsed.value = val;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_typography_title = resolveComponent("a-typography-title");
+      const _component_a_space = resolveComponent("a-space");
+      const _component_icon_sun_fill = resolveComponent("icon-sun-fill");
+      const _component_icon_moon_fill = resolveComponent("icon-moon-fill");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      const _component_icon_user = resolveComponent("icon-user");
+      const _component_a_avatar = resolveComponent("a-avatar");
+      const _component_a_dropdown = resolveComponent("a-dropdown");
+      const _component_a_layout_header = resolveComponent("a-layout-header");
+      const _component_kb_pro_menu = resolveComponent("kb-pro-menu");
+      const _component_a_layout_sider = resolveComponent("a-layout-sider");
+      const _component_kb_pro_reuse_tabs = resolveComponent("kb-pro-reuse-tabs");
+      const _component_router_view = resolveComponent("router-view");
+      const _component_kb_pro_page_wrapper = resolveComponent("kb-pro-page-wrapper");
+      const _component_a_layout_content = resolveComponent("a-layout-content");
+      const _component_a_layout_footer = resolveComponent("a-layout-footer");
+      const _component_a_layout = resolveComponent("a-layout");
+      return openBlock(), createBlock(_component_a_layout, {
+        class: normalizeClass(prefixClsName)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_layout_header, {
+            class: normalizeClass(`${prefixClsName}-header`)
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(`${prefixClsName}-header-left`)
+              }, [
+                createVNode(_component_a_space, null, {
+                  default: withCtx(() => [
+                    createElementVNode("img", {
+                      alt: "logo",
+                      src: __props.headerLogo,
+                      style: { "height": "28px" }
+                    }, null, 8, _hoisted_1),
+                    !siderCollapsed.value ? (openBlock(), createBlock(_component_a_typography_title, {
+                      key: 0,
+                      heading: 5,
+                      style: { "margin": "0", "font-size": "18px" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(__props.headerTitle), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ], 2),
+              createElementVNode("ul", {
+                class: normalizeClass(`${prefixClsName}-header-right`)
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headerRightItemSlotNames, (slotName) => {
+                  return openBlock(), createElementBlock(Fragment, { key: slotName }, [
+                    unref(slots)[slotName] ? (openBlock(), createElementBlock("li", _hoisted_2, [
+                      renderSlot(_ctx.$slots, slotName)
+                    ])) : createCommentVNode("", true)
+                  ], 64);
+                }), 128)),
+                !__props.hideThemeItem ? (openBlock(), createElementBlock("li", _hoisted_3, [
+                  createVNode(_component_a_tooltip, { content: "切换主题" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_button, {
+                        class: normalizeClass(`${prefixClsName}-header-right-btn`),
+                        type: "outline",
+                        size: "medium",
+                        shape: "circle",
+                        onClick: unref(onToggleCurrentTheme)
+                      }, {
+                        icon: withCtx(() => [
+                          unref(currentTheme) === unref(EProLayoutTheme).light ? (openBlock(), createBlock(_component_icon_sun_fill, { key: 0 })) : createCommentVNode("", true),
+                          unref(currentTheme) === unref(EProLayoutTheme).dark ? (openBlock(), createBlock(_component_icon_moon_fill, { key: 1 })) : createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      }, 8, ["class", "onClick"])
+                    ]),
+                    _: 1
+                  })
+                ])) : createCommentVNode("", true),
+                createElementVNode("li", null, [
+                  createVNode(_component_a_dropdown, { trigger: "hover" }, {
+                    content: withCtx(() => [
+                      renderSlot(_ctx.$slots, "avatar-dropdown-content")
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_a_avatar, {
+                        size: 32,
+                        style: { marginRight: "8px", cursor: "pointer" }
+                      }, {
+                        default: withCtx(() => {
+                          var _a, _b;
+                          return [
+                            ((_a = __props.user) == null ? void 0 : _a.avatar) ? (openBlock(), createElementBlock("img", {
+                              key: 0,
+                              alt: "avatar",
+                              src: (_b = __props.user) == null ? void 0 : _b.avatar
+                            }, null, 8, _hoisted_4)) : (openBlock(), createBlock(_component_icon_user, { key: 1 }))
+                          ];
+                        }),
+                        _: 1
+                      })
+                    ]),
+                    _: 3
+                  })
+                ])
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["class"]),
+          createVNode(_component_a_layout, null, {
+            default: withCtx(() => [
+              createVNode(_component_a_layout_sider, {
+                class: normalizeClass(`${prefixClsName}-sider`),
+                collapsible: true,
+                width: siderWidth,
+                breakpoint: "md",
+                collapsed: siderCollapsed.value,
+                "hide-trigger": true,
+                onCollapse: onSiderCollapse
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_kb_pro_menu, {
+                    collapsed: siderCollapsed.value,
+                    "selected-keys": unref(menuSelectedKeys),
+                    "open-keys": unref(menuOpenKeys),
+                    items: unref(menuItems),
+                    onCollapse: onSiderCollapse,
+                    onMenuItemClick: unref(onMenuItemClick),
+                    onSubMenuClick: unref(onSubMenuClick)
+                  }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "onMenuItemClick", "onSubMenuClick"])
+                ]),
+                _: 1
+              }, 8, ["class", "collapsed"]),
+              createVNode(_component_a_layout, {
+                class: normalizeClass(`${prefixClsName}-body` + (siderCollapsed.value ? ` ${prefixClsName}-body-collapsed` : ""))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_layout_content, null, {
+                    default: withCtx(() => {
+                      var _a;
+                      return [
+                        __props.tabsMode && unref(tabs).length > 0 ? (openBlock(), createBlock(_component_kb_pro_reuse_tabs, {
+                          key: 0,
+                          tabs: unref(tabs),
+                          onTabClick: unref(onTabClick),
+                          onTabDelete: unref(onTabDelete)
+                        }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : createCommentVNode("", true),
+                        createVNode(_component_kb_pro_page_wrapper, {
+                          "hide-page-wrapper": (_a = unref(activeMenuItem)) == null ? void 0 : _a.hidePageWrapper
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_router_view, null, {
+                              default: withCtx(({ Component, route }) => [
+                                !__props.tabsMode ? (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                                  key: route.fullPath
+                                })) : (openBlock(), createBlock(KeepAlive, {
+                                  key: 1,
+                                  include: unref(keepAliveKeys),
+                                  max: 15
+                                }, [
+                                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                                    key: route.fullPath
+                                  }))
+                                ], 1032, ["include"]))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["hide-page-wrapper"])
+                      ];
+                    }),
+                    _: 1
+                  }),
+                  unref(slots)["footer"] !== void 0 ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createBlock(_component_a_layout_footer, {
+                    key: 1,
+                    class: normalizeClass(`${prefixClsName}-body-footer`)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(__props.footerTitle), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"]))
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+const proLayout_vue_vue_type_style_index_0_lang = "";
+export {
+  proLayout_vue_vue_type_style_index_0_lang as default
+};

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

@@ -0,0 +1,6 @@
+import _sfc_main from "./pro-layout.vue.js";
+import { default as default2 } from "./pro-layout.vue.js";
+import "./pro-layout.vue2.js";
+export {
+  default2 as default
+};

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

@@ -23,9 +23,9 @@ declare const ProMenu: {
                 required: true;
             };
         }>> & {
-            onCollapse?: ((...args: any[]) => any) | undefined;
-            "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-            "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+            onCollapse?: ((collapsed: boolean) => any) | undefined;
+            "onMenu-item-click"?: ((key: string) => any) | undefined;
+            "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -38,7 +38,7 @@ declare const ProMenu: {
         }>;
         $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "collapse" | "menu-item-click" | "sub-menu-click", ...args: any[]) => void;
+        $emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             collapsed: {
@@ -58,16 +58,12 @@ declare const ProMenu: {
                 required: true;
             };
         }>> & {
-            onCollapse?: ((...args: any[]) => any) | undefined;
-            "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-            "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+            onCollapse?: ((collapsed: boolean) => any) | undefined;
+            "onMenu-item-click"?: ((key: string) => any) | undefined;
+            "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
         }, {
             prefixClsName: string;
-            emit: {
-                (event: "collapse", collapsed: boolean): void;
-                (event: "menu-item-click", key: string): void;
-                (event: "sub-menu-click", key: string, openKeys: string[]): void;
-            };
+            emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
             ProMenuItem: DefineComponent<{
                 item: {
                     type: null;
@@ -82,7 +78,11 @@ declare const ProMenu: {
                     required: true;
                 };
             }>>, {}>;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            collapse: (collapsed: boolean) => true;
+            'menu-item-click': (key: string) => true;
+            'sub-menu-click': (key: string, openKeys: string[]) => true;
+        }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -120,16 +120,12 @@ declare const ProMenu: {
             required: true;
         };
     }>> & {
-        onCollapse?: ((...args: any[]) => any) | undefined;
-        "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-        "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+        onCollapse?: ((collapsed: boolean) => any) | undefined;
+        "onMenu-item-click"?: ((key: string) => any) | undefined;
+        "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
     } & ShallowUnwrapRef<{
         prefixClsName: string;
-        emit: {
-            (event: "collapse", collapsed: boolean): void;
-            (event: "menu-item-click", key: string): void;
-            (event: "sub-menu-click", key: string, openKeys: string[]): void;
-        };
+        emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
         ProMenuItem: DefineComponent<{
             item: {
                 type: null;
@@ -166,16 +162,12 @@ declare const ProMenu: {
         required: true;
     };
 }>> & {
-    onCollapse?: ((...args: any[]) => any) | undefined;
-    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-    "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((collapsed: boolean) => any) | undefined;
+    "onMenu-item-click"?: ((key: string) => any) | undefined;
+    "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }, {
     prefixClsName: string;
-    emit: {
-        (event: "collapse", collapsed: boolean): void;
-        (event: "menu-item-click", key: string): void;
-        (event: "sub-menu-click", key: string, openKeys: string[]): void;
-    };
+    emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
     ProMenuItem: DefineComponent<{
         item: {
             type: null;
@@ -190,7 +182,11 @@ declare const ProMenu: {
             required: true;
         };
     }>>, {}>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], "collapse" | "menu-item-click" | "sub-menu-click", {}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    collapse: (collapsed: boolean) => true;
+    'menu-item-click': (key: string) => true;
+    'sub-menu-click': (key: string, openKeys: string[]) => true;
+}, string, {}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

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

@@ -20,11 +20,7 @@ declare const _sfc_main: DefineComponent<{
     };
 }, {
     prefixClsName: string;
-    emit: {
-        (event: 'collapse', collapsed: boolean): void;
-        (event: 'menu-item-click', key: string): void;
-        (event: 'sub-menu-click', key: string, openKeys: string[]): void;
-    };
+    emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
     ProMenuItem: DefineComponent<{
         item: {
             type: null;
@@ -39,7 +35,11 @@ declare const _sfc_main: DefineComponent<{
             required: true;
         };
     }>>, {}>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("collapse" | "menu-item-click" | "sub-menu-click")[], "collapse" | "menu-item-click" | "sub-menu-click", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    collapse: (collapsed: boolean) => true;
+    'menu-item-click': (key: string) => true;
+    'sub-menu-click': (key: string, openKeys: string[]) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     collapsed: {
         type: PropType<boolean>;
         required: true;
@@ -57,8 +57,8 @@ declare const _sfc_main: DefineComponent<{
         required: true;
     };
 }>> & {
-    onCollapse?: ((...args: any[]) => any) | undefined;
-    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-    "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((collapsed: boolean) => any) | undefined;
+    "onMenu-item-click"?: ((key: string) => any) | undefined;
+    "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -20,7 +20,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  emits: ["collapse", "menu-item-click", "sub-menu-click"],
+  emits: {
+    "collapse": (collapsed) => true,
+    "menu-item-click": (key) => true,
+    "sub-menu-click": (key, openKeys) => true
+  },
   setup(__props, { emit }) {
     const prefixClsName = "keyblade-pro-menu";
     return (_ctx, _cache) => {

package/es/pro-page-wrapper/index.d.ts

@@ -4,8 +4,8 @@ declare const ProPageWrapper: {
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            hidePageWrapper: boolean;
             breadcrumbItems: string[];
+            hidePageWrapper: boolean;
         }> & Omit<Readonly<ExtractPropTypes<{
             hidePageWrapper: {
                 type: PropType<boolean>;
@@ -17,7 +17,7 @@ declare const ProPageWrapper: {
                 required: false;
                 default: () => never[];
             };
-        }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "hidePageWrapper" | "breadcrumbItems">;
+        }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "breadcrumbItems" | "hidePageWrapper">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -46,8 +46,8 @@ declare const ProPageWrapper: {
             prefixClsName: string;
             prefixClsHideName: string;
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            hidePageWrapper: boolean;
             breadcrumbItems: string[];
+            hidePageWrapper: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -101,8 +101,8 @@ declare const ProPageWrapper: {
     prefixClsName: string;
     prefixClsHideName: string;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    hidePageWrapper: boolean;
     breadcrumbItems: string[];
+    hidePageWrapper: boolean;
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-page-wrapper/pro-page-wrapper.vue.d.ts

@@ -29,7 +29,7 @@ declare const _sfc_main: DefineComponent<{
         default: () => never[];
     };
 }>>, {
-    hidePageWrapper: boolean;
     breadcrumbItems: string[];
+    hidePageWrapper: boolean;
 }>;
 export default _sfc_main;