@keyblade/pro-components 1.11.3 → 1.11.7

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

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

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

@@ -1,7 +1,8 @@
-import type { App } from 'vue';
+import { App } from 'vue';
+
 declare const ProPageContainer: {
     new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
+        $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             hidePageHeader?: boolean | undefined;
@@ -18,45 +19,45 @@ declare const ProPageContainer: {
                 }[] | undefined;
             } | 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;
@@ -69,20 +70,20 @@ declare const ProPageContainer: {
             [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: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             hidePageHeader: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 required: false;
                 default: boolean;
             };
             pageHeader: {
-                type: import("vue").PropType<{
+                type: import('vue').PropType<{
                     title?: string | undefined;
                     subTitle?: string | undefined;
                     titlePosition?: "top" | "bottom" | undefined;
@@ -105,7 +106,7 @@ declare const ProPageContainer: {
                     breadcrumbItems: never[];
                 };
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             hidePageHeader: boolean;
             pageHeader: {
                 title?: string | undefined;
@@ -132,21 +133,21 @@ declare const ProPageContainer: {
             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<{
         hidePageHeader: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             required: false;
             default: boolean;
         };
         pageHeader: {
-            type: import("vue").PropType<{
+            type: import('vue').PropType<{
                 title?: string | undefined;
                 subTitle?: string | undefined;
                 titlePosition?: "top" | "bottom" | undefined;
@@ -169,18 +170,18 @@ declare const ProPageContainer: {
                 breadcrumbItems: never[];
             };
         };
-    }>> & 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<{
     hidePageHeader: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         required: false;
         default: boolean;
     };
     pageHeader: {
-        type: import("vue").PropType<{
+        type: import('vue').PropType<{
             title?: string | undefined;
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
@@ -203,7 +204,7 @@ declare const ProPageContainer: {
             breadcrumbItems: never[];
         };
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     hidePageHeader: boolean;
     pageHeader: {
         title?: string | undefined;
@@ -217,7 +218,7 @@ declare const ProPageContainer: {
             path?: string | undefined;
         }[] | undefined;
     };
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,5 +1,6 @@
-import type { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+import { PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /** 是否隐藏页头 */
     hidePageHeader: {
         type: PropType<boolean>;
@@ -31,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             breadcrumbItems: never[];
         };
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     /** 是否隐藏页头 */
     hidePageHeader: {
         type: PropType<boolean>;