@keyblade/pro-components 1.12.1-alpha.13 → 1.12.1-alpha.15

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { IProMenuItem } from '../pro-menu';
 import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * 布局模式
      * side：侧边菜单布局
@@ -109,10 +109,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     collapse: (collapsed: boolean) => void;
     keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * 布局模式
      * side：侧边菜单布局
@@ -219,10 +219,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     menuProps: Partial<MenuProps>;
     tabsSize: "small" | "mini" | "medium" | "large";
@@ -240,7 +240,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     hideFooter: boolean;
     hideTabs: boolean;
     disableKeepAlive: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     "header-left"?(_: {}): any;
     "header-center"?(_: {}): any;
     "header-right"?(_: {}): any;

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent as Y, useCssVars as Z, toRefs as ee, useSlots as te, provide as k, ref as A, onMounted as ae, 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 le } from "./hooks.js";
+const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @__PURE__ */ Y({
   __name: "pro-layout",
   props: {
     /**
@@ -116,42 +116,41 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
     /** keepAlive改变事件 */
     keepAliveIncludeChange: (e) => !0
   },
-  setup(e, { emit: C }) {
-    const n = e;
-    Y((i) => ({
+  setup(e, { emit: K }) {
+    Z((i) => ({
       "2156faf3": S.value,
-      "2e3e7e4c": D,
-      a70b89aa: V
+      "2e3e7e4c": V,
+      a70b89aa: M
     }));
-    const { menuItems: T } = Z(n), h = ee(), {
-      menuSelectedKeys: K,
-      breadcrumbItems: N,
+    const n = e, C = K, { menuItems: T } = ee(n), h = te(), {
+      menuSelectedKeys: N,
+      breadcrumbItems: W,
       tabs: q,
       keepAliveInclude: b,
-      onMenuItemClick: W,
-      onTabClick: z,
+      onMenuItemClick: z,
+      onTabClick: D,
       onTabDelete: B
-    } = ae(T, {
+    } = le(T, {
       hideTabs: n.hideTabs,
       disableKeepAlive: n.disableKeepAlive
     });
-    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) => {
+    k("ProBreadcrumbItems", W), k("ProKeepAliveInclude", b), k("onProReuseTabDelete", B);
+    const S = A(`${n.headerHeight}px`), V = `${n.siderWidth}px`, M = `${de}px`, d = A(n.siderCollapsed), x = (i) => {
       d.value = i, C("collapse", i);
     };
-    return te(() => {
+    return ae(() => {
       n.hideHeader && (S.value = "0px");
     }), w(() => n.siderCollapsed, () => {
       d.value = n.siderCollapsed;
     }, { 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");
+      const P = l("a-typography-title"), H = l("a-space"), F = l("a-layout-header"), E = l("kb-pro-menu"), R = l("icon-menu-unfold"), j = l("icon-menu-fold"), O = l("a-button"), G = l("a-layout-sider"), J = l("kb-pro-reuse-tabs"), L = l("a-affix"), Q = l("kb-pro-keep-alive-router-view"), U = l("a-layout-content"), X = l("a-layout-footer"), g = l("a-layout");
       return o(), u(g, {
         class: a([t, `${t}-${e.layout}`])
       }, {
         default: s(() => [
-          e.hideHeader ? f("", !0) : (o(), u(M, {
+          e.hideHeader ? f("", !0) : (o(), u(F, {
             key: 0,
             class: a([`${t}-header`, { [`${t}-header-collapsed`]: d.value }])
           }, {
@@ -170,7 +169,7 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                           class: a(`${t}-header-left-logo-img`),
                           alt: "logo",
                           src: e.logo
-                        }, null, 10, le),
+                        }, null, 10, oe),
                         d.value ? f("", !0) : (o(), u(P, {
                           key: 0,
                           class: a(`${t}-header-left-logo-title`),
@@ -202,7 +201,7 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
           }, 8, ["class"])),
           c(g, null, {
             default: s(() => [
-              c(O, {
+              c(G, {
                 class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: d.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
@@ -226,7 +225,7 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                               class: a(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
-                            }, null, 10, oe),
+                            }, null, 10, se),
                             d.value ? f("", !0) : (o(), u(P, {
                               key: 0,
                               class: a(`${t}-sider-content-logo-title`),
@@ -242,21 +241,21 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                         })
                       ], 2)) : f("", !0)
                     ], 64)),
-                    c(F, {
+                    c(E, {
                       collapsed: d.value,
-                      "selected-keys": r(K),
+                      "selected-keys": r(N),
                       items: r(T),
                       "menu-props": e.menuProps,
-                      onMenuItemClick: r(W)
+                      onMenuItemClick: r(z)
                     }, null, 8, ["collapsed", "selected-keys", "items", "menu-props", "onMenuItemClick"])
                   ], 2),
-                  c(j, {
+                  c(O, {
                     class: a(`${t}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: I[0] || (I[0] = (de) => x(!d.value))
+                    onClick: I[0] || (I[0] = (re) => x(!d.value))
                   }, {
                     icon: s(() => [
-                      d.value ? (o(), u(E, { key: 0 })) : (o(), u(R, { key: 1 }))
+                      d.value ? (o(), u(R, { key: 0 })) : (o(), u(j, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -267,32 +266,32 @@ 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(J, {
+                  e.hideTabs ? f("", !0) : (o(), u(L, {
                     key: 0,
                     class: a(`${t}-body-affix`),
                     offsetTop: e.hideHeader ? 0 : e.headerHeight
                   }, {
                     default: s(() => [
-                      r(q).length > 0 ? (o(), u(G, {
+                      r(q).length > 0 ? (o(), u(J, {
                         key: 0,
                         tabs: r(q),
                         "tabs-size": e.tabsSize,
                         "tabs-type": e.tabsType,
                         "tabs-header-padding": e.tabsHeaderPadding,
-                        onTabClick: r(z),
+                        onTabClick: r(D),
                         onTabDelete: r(B)
                       }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                     ]),
                     _: 1
                   }, 8, ["class", "offsetTop"])),
-                  c(Q, null, {
+                  c(U, null, {
                     default: s(() => [
-                      c(L)
+                      c(Q)
                     ]),
                     _: 1
                   }),
                   e.hideFooter ? f("", !0) : (o(), y(v, { key: 1 }, [
-                    r(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
+                    r(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), u(X, {
                       key: 1,
                       class: a(`${t}-body-footer`)
                     }, {
@@ -315,5 +314,5 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
   }
 });
 export {
-  ie as default
+  ue as default
 };

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

@@ -1,125 +1,44 @@
 import { App } from 'vue';
 
 declare const ProMenu: {
-    new (...args: any[]): {
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            mode?: "horizontal" | "vertical" | undefined;
-            menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
-            style?: unknown;
-            key?: string | number | symbol | 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, {
-                [key: string]: any;
-            }>) => 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, {
-                [key: string]: any;
-            }>) => 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, {
-                [key: string]: any;
-            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>, 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, {
-                [key: string]: any;
-            }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>, 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, {
-                [key: string]: any;
-            }>) => 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, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-            readonly collapsed: boolean;
-            readonly selectedKeys: string[];
-            readonly items: import('./interface').IProMenuItem[];
-            "onMenu-item-click"?: ((key: string) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<"horizontal" | "vertical">;
+            required: false;
+            default: string;
         };
-        $attrs: {
-            [x: string]: unknown;
+        collapsed: {
+            type: import('vue').PropType<boolean>;
+            required: true;
         };
-        $refs: {
-            [x: string]: unknown;
+        selectedKeys: {
+            type: import('vue').PropType<string[]>;
+            required: true;
         };
-        $slots: Readonly<{
-            [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;
-        $emit: (event: "menu-item-click", key: string) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            mode: {
-                type: import('vue').PropType<"horizontal" | "vertical">;
-                required: false;
-                default: string;
-            };
-            collapsed: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            selectedKeys: {
-                type: import('vue').PropType<string[]>;
-                required: true;
-            };
-            items: {
-                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, {
-            "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;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            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;
+        items: {
+            type: import('vue').PropType<import('./interface').IProMenuItem[]>;
+            required: true;
         };
-        $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<{
+        menuProps: {
+            type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
+            required: false;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        "onMenu-item-click"?: ((key: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "menu-item-click": (key: string) => void;
+    }, import('vue').PublicProps, {
+        mode: "horizontal" | "vertical";
+        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
         mode: {
             type: import('vue').PropType<"horizontal" | "vertical">;
             required: false;
@@ -142,9 +61,12 @@ declare const ProMenu: {
             required: false;
             default: () => {};
         };
-    }>> & {
+    }>> & Readonly<{
         "onMenu-item-click"?: ((key: string) => any) | undefined;
-    } & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        mode: "horizontal" | "vertical";
+        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -171,14 +93,14 @@ declare const ProMenu: {
         required: false;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, 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, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & 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

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { IProMenuItem } from './interface';
 import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     mode: {
         type: PropType<"horizontal" | "vertical">;
         required: false;
@@ -25,9 +25,9 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: () => {};
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, 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').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     mode: {
         type: PropType<"horizontal" | "vertical">;
         required: false;
@@ -50,10 +50,10 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {
+}>, {
     mode: "horizontal" | "vertical";
     menuProps: Partial<MenuProps>;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,7 +1,7 @@
-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 j } from "vue-router";
-const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-item", H = /* @__PURE__ */ V({
+import { defineComponent as W, computed as b, resolveComponent as k, openBlock as r, createBlock as u, mergeProps as $, withCtx as a, createVNode as A, 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 j } 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({
   __name: "pro-menu",
   props: {
     mode: {
@@ -31,37 +31,37 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-
     "menu-item-click": (o) => !0
   },
   setup(o, { emit: D }) {
-    const p = o, y = j(), [K, v] = A(), t = b(() => (n) => {
+    const p = o, K = D, y = z(), [M, v] = j(), 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 c = n == null ? void 0 : n.icon;
       return c != null && c.startsWith("icon") ? "icon" : "url";
-    }), M = (n) => {
+    }), P = (n) => {
       if (n != null && n.path) {
         if (n.path.startsWith("http") || n.path.startsWith("https")) {
           window.open(n.path);
           return;
         }
-        y == null || y.push({ path: n.path }), D("menu-item-click", n.name);
+        y == null || y.push({ path: n.path }), K("menu-item-click", n.name);
       }
     };
     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, {
+      const R = k("a-sub-menu"), S = k("a-menu-item"), V = k("a-menu");
+      return r(), u(V, $(o.menuProps, {
         mode: o.mode,
-        class: F,
+        class: L,
         collapsed: o.collapsed,
         "selected-keys": o.selectedKeys,
         "auto-open-selected": ""
       }), {
         default: a(() => [
-          $(f(K), null, {
+          A(f(M), null, {
             default: a(({ item: e }) => {
               var C, g;
               return [
                 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, {
+                  e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 ? (r(), u(R, {
                     key: e.name
                   }, x({
                     title: a(() => [
@@ -84,14 +84,14 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-
                           class: B(`${w}-img`),
                           src: t.value(e),
                           alt: ""
-                        }, null, 10, z)) : l("", !0)
+                        }, null, 10, E)) : l("", !0)
                       ]),
                       key: "0"
                     } : void 0
                   ]), 1024)) : l("", !0),
-                  !(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 ? (r(), u(R, {
+                  !(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 ? (r(), u(S, {
                     key: e.name,
-                    onClick: (h) => M(e)
+                    onClick: (h) => P(e)
                   }, x({
                     default: a(() => [
                       q(" " + I(e.title), 1)
@@ -107,7 +107,7 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-
                           class: B(`${w}-img`),
                           src: t.value(e),
                           alt: ""
-                        }, null, 10, E)) : l("", !0)
+                        }, null, 10, F)) : l("", !0)
                       ]),
                       key: "0"
                     } : void 0
@@ -128,5 +128,5 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", w = "keyblade-pro-menu-
   }
 });
 export {
-  H as default
+  J as default
 };