@keyblade/pro-components 1.4.6 → 1.5.1

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

@@ -1,9 +1,13 @@
-import { defineComponent as U, useCssVars as X, toRefs as Y, useSlots as Z, provide as q, ref as ee, watch as B, resolveComponent as o, openBlock as s, createBlock as c, normalizeClass as t, withCtx as a, createVNode as i, createElementVNode as f, unref as d, renderSlot as m, createElementBlock as k, Fragment as S, createTextVNode as b, toDisplayString as g, createCommentVNode as p } from "vue";
+import { defineComponent as U, useCssVars as X, toRefs as Y, useSlots as Z, provide as S, ref as ee, watch as w, resolveComponent as o, openBlock as a, createBlock as i, normalizeClass as l, withCtx as s, createVNode as c, createElementVNode as p, unref as n, renderSlot as m, createElementBlock as h, Fragment as b, createTextVNode as g, toDisplayString as v, createCommentVNode as u } from "vue";
 import { useHooks as te } from "./hooks.js";
 const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @__PURE__ */ U({
   __name: "pro-layout",
   props: {
-    /** 布局类型 */
+    /**
+     * 布局模式
+     * side：侧边菜单布局
+     * mix：混合菜单布局
+     * */
     layout: {
       type: String,
       required: !1,
@@ -15,17 +19,17 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
       required: !1,
       default: 60
     },
-    /** 右上角标题 */
-    title: {
+    /** logo */
+    logo: {
       type: String,
       required: !1,
-      default: "KeyBlade Pro"
+      default: "http://p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
     },
-    /** 右上角logo */
-    logo: {
+    /** 标题 */
+    title: {
       type: String,
       required: !1,
-      default: "http://p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
+      default: "KeyBlade Pro"
     },
     /** 侧边栏宽度 */
     siderWidth: {
@@ -57,190 +61,198 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
       required: !1,
       default: "KeyBlade Pro"
     },
-    /** 是否显示多页签 */
-    showTabs: {
+    /** 是否隐藏页脚 */
+    hideFooter: {
       type: Boolean,
       required: !1,
-      default: !0
+      default: !1
+    },
+    /** 是否隐藏多页签 */
+    hideTabs: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   emits: {
     /** 收缩事件 */
-    collapse: (l) => !0,
+    collapse: (t) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (l) => !0
+    keepAliveIncludeChange: (t) => !0
   },
-  setup(l, { emit: v }) {
-    const u = l;
+  setup(t, { emit: $ }) {
+    const f = t;
     X((r) => ({
-      "79d837bc": V,
-      51986431: D,
-      "2cc12c98": K
+      cdf6a4c6: V,
+      "482f4d20": D,
+      "20f42956": K
     }));
-    const { menuItems: $ } = Y(u), y = Z(), {
+    const { menuItems: C } = Y(f), y = Z(), {
       menuSelectedKeys: N,
       breadcrumbItems: P,
-      tabs: C,
-      keepAliveInclude: h,
+      tabs: T,
+      keepAliveInclude: _,
       onMenuItemClick: W,
       onTabClick: A,
       onTabDelete: H
-    } = te($, {
-      showTabs: u.showTabs
+    } = te(C, {
+      hideTabs: f.hideTabs
     });
-    q("ProBreadcrumbItems", P), q("ProKeepAliveInclude", h);
-    const V = `${u.headerHeight}px`, D = `${u.siderWidth}px`, K = `${ae}px`, n = ee(u.siderCollapsed), T = (r) => {
-      n.value = r, v("collapse", r);
+    S("ProBreadcrumbItems", P), S("ProKeepAliveInclude", _);
+    const V = `${f.headerHeight}px`, D = `${f.siderWidth}px`, K = `${ae}px`, d = ee(f.siderCollapsed), x = (r) => {
+      d.value = r, $("collapse", r);
     };
-    return B(() => u.siderCollapsed, () => {
-      n.value = u.siderCollapsed;
-    }, { immediate: !0 }), B(h, () => {
-      v("keepAliveIncludeChange", h.value);
-    }, { immediate: !0 }), (r, w) => {
-      const x = o("a-typography-title"), I = o("a-space"), M = o("a-layout-header"), z = o("kb-pro-menu"), E = o("icon-menu-unfold"), F = o("icon-menu-fold"), R = o("a-button"), j = o("a-layout-sider"), G = o("kb-pro-reuse-tabs"), J = o("a-affix"), L = o("kb-pro-keep-alive-router-view"), O = o("a-layout-content"), Q = o("a-layout-footer"), _ = o("a-layout");
-      return s(), c(_, {
-        class: t(`${e} ${e}-${l.layout}`)
+    return w(() => f.siderCollapsed, () => {
+      d.value = f.siderCollapsed;
+    }, { immediate: !0 }), w(_, () => {
+      $("keepAliveIncludeChange", _.value);
+    }, { immediate: !0 }), (r, I) => {
+      const q = o("a-typography-title"), B = o("a-space"), F = o("a-layout-header"), M = o("kb-pro-menu"), z = o("icon-menu-unfold"), E = o("icon-menu-fold"), R = o("a-button"), j = o("a-layout-sider"), G = o("kb-pro-reuse-tabs"), J = o("a-affix"), L = o("kb-pro-keep-alive-router-view"), O = o("a-layout-content"), Q = o("a-layout-footer"), k = o("a-layout");
+      return a(), i(k, {
+        class: l(`${e} ${e}-${t.layout}`)
       }, {
-        default: a(() => [
-          i(M, {
-            class: t(`${e}-header` + (n.value ? ` ${e}-header-collapsed` : ""))
+        default: s(() => [
+          c(F, {
+            class: l(`${e}-header` + (d.value ? ` ${e}-header-collapsed` : ""))
           }, {
-            default: a(() => [
-              f("div", {
-                class: t(`${e}-header-left`)
+            default: s(() => [
+              p("div", {
+                class: l(`${e}-header-left`)
               }, [
-                d(y)["header-left"] ? m(r.$slots, "header-left", { key: 0 }) : (s(), k(S, { key: 1 }, [
-                  l.layout !== "side" ? (s(), c(I, { key: 0 }, {
-                    default: a(() => [
-                      f("img", {
-                        class: t(`${e}-header-left-logo`),
+                n(y)["header-left"] ? m(r.$slots, "header-left", { key: 0 }) : (a(), h(b, { key: 1 }, [
+                  t.layout !== "side" ? (a(), i(B, { key: 0 }, {
+                    default: s(() => [
+                      p("img", {
+                        class: l(`${e}-header-left-logo`),
                         alt: "logo",
-                        src: l.logo
+                        src: t.logo
                       }, null, 10, le),
-                      n.value ? p("", !0) : (s(), c(x, {
+                      d.value ? u("", !0) : (a(), i(q, {
                         key: 0,
-                        class: t(`${e}-header-left-title`),
+                        class: l(`${e}-header-left-title`),
                         heading: 5
                       }, {
-                        default: a(() => [
-                          b(g(l.title), 1)
+                        default: s(() => [
+                          g(v(t.title), 1)
                         ]),
                         _: 1
                       }, 8, ["class"]))
                     ]),
                     _: 1
-                  })) : p("", !0)
+                  })) : u("", !0)
                 ], 64))
               ], 2),
-              f("div", {
-                class: t(`${e}-header-center`)
+              p("div", {
+                class: l(`${e}-header-center`)
               }, [
-                d(y)["header-center"] ? m(r.$slots, "header-center", { key: 0 }) : p("", !0)
+                n(y)["header-center"] ? m(r.$slots, "header-center", { key: 0 }) : u("", !0)
               ], 2),
-              f("div", {
-                class: t(`${e}-header-right`)
+              p("div", {
+                class: l(`${e}-header-right`)
               }, [
                 m(r.$slots, "header-right")
               ], 2)
             ]),
             _: 3
           }, 8, ["class"]),
-          i(_, null, {
-            default: a(() => [
-              i(j, {
-                class: t(`${e}-sider` + (n.value ? ` ${e}-sider-collapsed` : "")),
-                width: l.siderWidth,
+          c(k, null, {
+            default: s(() => [
+              c(j, {
+                class: l(`${e}-sider` + (d.value ? ` ${e}-sider-collapsed` : "")),
+                width: t.siderWidth,
                 collapsible: !0,
-                breakpoint: l.siderBreakpoint,
-                collapsed: n.value,
+                breakpoint: t.siderBreakpoint,
+                collapsed: d.value,
                 "hide-trigger": !0,
-                onCollapse: T
+                onCollapse: x
               }, {
-                default: a(() => [
-                  f("div", {
-                    class: t(`${e}-sider-content`)
+                default: s(() => [
+                  p("div", {
+                    class: l(`${e}-sider-content`)
                   }, [
-                    d(y)["sider-top"] ? m(r.$slots, "sider-top", { key: 0 }) : (s(), k(S, { key: 1 }, [
-                      l.layout === "side" ? (s(), k("div", {
+                    n(y)["sider-top"] ? m(r.$slots, "sider-top", { key: 0 }) : (a(), h(b, { key: 1 }, [
+                      t.layout === "side" ? (a(), h("div", {
                         key: 0,
-                        class: t(`${e}-sider-content-top`)
+                        class: l(`${e}-sider-content-top`)
                       }, [
-                        i(I, null, {
-                          default: a(() => [
-                            f("img", {
-                              class: t(`${e}-sider-content-top-logo`),
+                        c(B, null, {
+                          default: s(() => [
+                            p("img", {
+                              class: l(`${e}-sider-content-top-logo`),
                               alt: "logo",
-                              src: l.logo
+                              src: t.logo
                             }, null, 10, oe),
-                            n.value ? p("", !0) : (s(), c(x, {
+                            d.value ? u("", !0) : (a(), i(q, {
                               key: 0,
-                              class: t(`${e}-sider-content-top-title`),
+                              class: l(`${e}-sider-content-top-title`),
                               heading: 5
                             }, {
-                              default: a(() => [
-                                b(g(l.title), 1)
+                              default: s(() => [
+                                g(v(t.title), 1)
                               ]),
                               _: 1
                             }, 8, ["class"]))
                           ]),
                           _: 1
                         })
-                      ], 2)) : p("", !0)
+                      ], 2)) : u("", !0)
                     ], 64)),
-                    i(z, {
-                      collapsed: n.value,
-                      "selected-keys": d(N),
-                      items: d($),
-                      onMenuItemClick: d(W)
+                    c(M, {
+                      collapsed: d.value,
+                      "selected-keys": n(N),
+                      items: n(C),
+                      onMenuItemClick: n(W)
                     }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
                   ], 2),
-                  i(R, {
+                  c(R, {
                     size: "mini",
-                    class: t(`${e}-sider-collapsed-icon`),
-                    onClick: w[0] || (w[0] = (se) => T(!n.value))
+                    class: l(`${e}-sider-collapsed-icon`),
+                    onClick: I[0] || (I[0] = (se) => x(!d.value))
                   }, {
-                    icon: a(() => [
-                      n.value ? (s(), c(E, { key: 0 })) : (s(), c(F, { key: 1 }))
+                    icon: s(() => [
+                      d.value ? (a(), i(z, { key: 0 })) : (a(), i(E, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
                 ]),
                 _: 3
               }, 8, ["class", "width", "breakpoint", "collapsed"]),
-              i(_, {
-                class: t(`${e}-body` + (n.value ? ` ${e}-body-collapsed` : ""))
+              c(k, {
+                class: l(`${e}-body` + (d.value ? ` ${e}-body-collapsed` : ""))
               }, {
-                default: a(() => [
-                  l.showTabs ? (s(), c(J, {
+                default: s(() => [
+                  t.hideTabs ? u("", !0) : (a(), i(J, {
                     key: 0,
-                    class: t(`${e}-body-affix`),
-                    offsetTop: l.headerHeight
+                    class: l(`${e}-body-affix`),
+                    offsetTop: t.headerHeight
                   }, {
-                    default: a(() => [
-                      d(C).length > 0 ? (s(), c(G, {
+                    default: s(() => [
+                      n(T).length > 0 ? (a(), i(G, {
                         key: 0,
-                        tabs: d(C),
-                        onTabClick: d(A),
-                        onTabDelete: d(H)
-                      }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : p("", !0)
+                        tabs: n(T),
+                        onTabClick: n(A),
+                        onTabDelete: n(H)
+                      }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : u("", !0)
                     ]),
                     _: 1
-                  }, 8, ["class", "offsetTop"])) : p("", !0),
-                  i(O, null, {
-                    default: a(() => [
-                      i(L)
+                  }, 8, ["class", "offsetTop"])),
+                  c(O, null, {
+                    default: s(() => [
+                      c(L)
                     ]),
                     _: 1
                   }),
-                  d(y).footer !== void 0 ? m(r.$slots, "footer", { key: 1 }) : (s(), c(Q, {
-                    key: 2,
-                    class: t(`${e}-body-footer`)
-                  }, {
-                    default: a(() => [
-                      b(g(l.footerTitle), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"]))
+                  t.hideFooter ? u("", !0) : (a(), h(b, { key: 1 }, [
+                    n(y).footer !== void 0 ? m(r.$slots, "footer", { key: 0 }) : (a(), i(Q, {
+                      key: 1,
+                      class: l(`${e}-body-footer`)
+                    }, {
+                      default: s(() => [
+                        g(v(t.footerTitle), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["class"]))
+                  ], 64))
                 ]),
                 _: 3
               }, 8, ["class"])

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

@@ -1,57 +1,57 @@
-import { IProMenuItem } from './interface';
-import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, App } from 'vue';
+import type { App } from 'vue';
 declare const ProMenu: {
     new (...args: any[]): {
-        $: ComponentInternalInstance;
+        $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly items: IProMenuItem[];
-            style?: unknown;
+            mode?: "horizontal" | "vertical" | undefined;
             key?: string | number | symbol | undefined;
-            ref?: VNodeRef | undefined;
+            ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, 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[];
             "onMenu-item-click"?: ((key: string) => any) | undefined;
         };
         $attrs: {
@@ -61,30 +61,37 @@ declare const ProMenu: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
+            [name: string]: import("vue").Slot<any> | undefined;
         }>;
-        $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;
+        $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: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            mode: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                required: false;
+                default: string;
+            };
             collapsed: {
-                type: PropType<boolean>;
+                type: import("vue").PropType<boolean>;
                 required: true;
             };
             selectedKeys: {
-                type: PropType<string[]>;
+                type: import("vue").PropType<string[]>;
                 required: true;
             };
             items: {
-                type: PropType<IProMenuItem[]>;
+                type: import("vue").PropType<import("./interface").IProMenuItem[]>;
                 required: true;
             };
         }>> & {
             "onMenu-item-click"?: ((key: string) => any) | undefined;
-        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'menu-item-click': (key: string) => true;
-        }, string, {}, {}, string, {}> & {
+        }, string, {
+            mode: "horizontal" | "vertical";
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -97,50 +104,62 @@ declare const ProMenu: {
             beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
             destroyed?: ((() => void) | (() => void)[]) | undefined;
             unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, 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 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?: WatchOptions<boolean> | undefined): WatchStopHandle;
-    } & Readonly<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">;
+            required: false;
+            default: string;
+        };
         collapsed: {
-            type: PropType<boolean>;
+            type: import("vue").PropType<boolean>;
             required: true;
         };
         selectedKeys: {
-            type: PropType<string[]>;
+            type: import("vue").PropType<string[]>;
             required: true;
         };
         items: {
-            type: PropType<IProMenuItem[]>;
+            type: import("vue").PropType<import("./interface").IProMenuItem[]>;
             required: true;
         };
     }>> & {
         "onMenu-item-click"?: ((key: string) => any) | undefined;
-    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        required: false;
+        default: string;
+    };
     collapsed: {
-        type: PropType<boolean>;
+        type: import("vue").PropType<boolean>;
         required: true;
     };
     selectedKeys: {
-        type: PropType<string[]>;
+        type: import("vue").PropType<string[]>;
         required: true;
     };
     items: {
-        type: PropType<IProMenuItem[]>;
+        type: import("vue").PropType<import("./interface").IProMenuItem[]>;
         required: true;
     };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'menu-item-click': (key: string) => true;
-}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+}, string, {
+    mode: "horizontal" | "vertical";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

package/es/pro-menu/index.js

@@ -1,11 +1,12 @@
 import n from "./pro-menu.vue.js";
-import { Menu as e } from "@arco-design/web-vue";
-const t = Object.assign(n, {
+import "./pro-menu.vue2.js";
+import { Menu as t } from "@arco-design/web-vue";
+const e = Object.assign(n, {
   install: (o) => {
-    o.use(e), o.component("KbProMenu", n);
+    o.use(t), o.component("KbProMenu", n);
   }
-}), m = t;
+}), i = e;
 export {
-  t as ProMenu,
-  m as default
+  e as ProMenu,
+  i as default
 };

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

@@ -1,6 +1,11 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { IProMenuItem } from './interface';
-declare const _default: DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
+    mode: {
+        type: PropType<"horizontal" | "vertical">;
+        required: false;
+        default: string;
+    };
     collapsed: {
         type: PropType<boolean>;
         required: true;
@@ -13,9 +18,14 @@ declare const _default: DefineComponent<{
         type: PropType<IProMenuItem[]>;
         required: true;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'menu-item-click': (key: string) => true;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: PropType<"horizontal" | "vertical">;
+        required: false;
+        default: string;
+    };
     collapsed: {
         type: PropType<boolean>;
         required: true;
@@ -30,5 +40,7 @@ declare const _default: DefineComponent<{
     };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}, {}>;
+}, {
+    mode: "horizontal" | "vertical";
+}, {}>;
 export default _default;