@keyblade/pro-components 1.4.6 → 1.5.1

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

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

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

@@ -1,4 +1,4 @@
-import f from "./pro-menu.vue.js";
+const e = "";
 export {
-  f as default
+  e as default
 };

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

@@ -0,0 +1,5 @@
+import o from "./pro-menu.vue.js";
+import "./pro-menu.vue2.js";
+export {
+  o as default
+};

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

@@ -1,60 +1,62 @@
-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 ProPageContainer: {
     new (...args: any[]): {
-        $: ComponentInternalInstance;
+        $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            breadcrumbItems?: string[] | undefined;
-            hideBreadcrumb?: boolean | undefined;
-            breadcrumbShowIcon?: boolean | undefined;
-            breadcrumbIcon?: string | undefined;
-            breadcrumbShowTitle?: boolean | undefined;
-            breadcrumbTitle?: string | undefined;
-            breadcrumbSubTitle?: string | undefined;
-            style?: unknown;
+            hidePageHeader?: boolean | undefined;
+            pageHeader?: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
+            } | 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;
         };
         $attrs: {
             [x: string]: unknown;
@@ -63,56 +65,47 @@ declare const ProPageContainer: {
             [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: string, ...args: any[]) => void;
         $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            hideBreadcrumb: {
-                type: PropType<boolean>;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            hidePageHeader: {
+                type: import("vue").PropType<boolean>;
                 required: false;
                 default: boolean;
             };
-            breadcrumbShowIcon: {
-                type: PropType<boolean>;
+            pageHeader: {
+                type: import("vue").PropType<{
+                    title?: string | undefined;
+                    subTitle?: string | undefined;
+                    titlePosition?: "top" | "bottom" | undefined;
+                    hideTitle?: boolean | undefined;
+                    breadcrumbPrefixIcon?: string | boolean | undefined;
+                    breadcrumbItems?: string[] | undefined;
+                }>;
                 required: false;
-                default: boolean;
+                default: () => {
+                    title: string;
+                    subTitle: string;
+                    titlePosition: string;
+                    hideTitle: boolean;
+                    breadcrumbPrefixIcon: string;
+                    breadcrumbItems: never[];
+                };
             };
-            breadcrumbIcon: {
-                type: PropType<string>;
-                required: false;
-                default: string;
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            hidePageHeader: boolean;
+            pageHeader: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
             };
-            breadcrumbItems: {
-                type: PropType<string[]>;
-                required: false;
-                default: () => never[];
-            };
-            breadcrumbShowTitle: {
-                type: PropType<boolean>;
-                required: false;
-                default: boolean;
-            };
-            breadcrumbTitle: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-            breadcrumbSubTitle: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            breadcrumbItems: string[];
-            hideBreadcrumb: boolean;
-            breadcrumbShowIcon: boolean;
-            breadcrumbIcon: string;
-            breadcrumbShowTitle: boolean;
-            breadcrumbTitle: string;
-            breadcrumbSubTitle: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -126,98 +119,78 @@ declare const ProPageContainer: {
             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<{
-        hideBreadcrumb: {
-            type: PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbShowIcon: {
-            type: PropType<boolean>;
+        $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>;
             required: false;
             default: boolean;
         };
-        breadcrumbIcon: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbItems: {
-            type: PropType<string[]>;
-            required: false;
-            default: () => never[];
-        };
-        breadcrumbShowTitle: {
-            type: PropType<boolean>;
+        pageHeader: {
+            type: import("vue").PropType<{
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
+            }>;
             required: false;
-            default: boolean;
-        };
-        breadcrumbTitle: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbSubTitle: {
-            type: PropType<string>;
-            required: false;
-            default: string;
+            default: () => {
+                title: string;
+                subTitle: string;
+                titlePosition: string;
+                hideTitle: boolean;
+                breadcrumbPrefixIcon: string;
+                breadcrumbItems: never[];
+            };
         };
-    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    hideBreadcrumb: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbIcon: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    breadcrumbItems: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    breadcrumbShowTitle: {
-        type: PropType<boolean>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    hidePageHeader: {
+        type: import("vue").PropType<boolean>;
         required: false;
         default: boolean;
     };
-    breadcrumbTitle: {
-        type: PropType<string>;
+    pageHeader: {
+        type: import("vue").PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: string[] | undefined;
+        }>;
         required: false;
-        default: string;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
     };
-    breadcrumbSubTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: string[] | undefined;
     };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    breadcrumbItems: string[];
-    hideBreadcrumb: boolean;
-    breadcrumbShowIcon: boolean;
-    breadcrumbIcon: string;
-    breadcrumbShowTitle: boolean;
-    breadcrumbTitle: string;
-    breadcrumbSubTitle: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/es/pro-page-container/index.js

@@ -1,12 +1,12 @@
-import r from "./pro-page-container.vue.js";
+import e from "./pro-page-container.vue.js";
 import "./pro-page-container.vue2.js";
-import { ProBreadcrumb as n } from "../pro-breadcrumb/index.js";
-const t = Object.assign(r, {
+import { ProPageHeader as r } from "../pro-page-header/index.js";
+const n = Object.assign(e, {
   install: (o) => {
-    o.use(n), o.component("KbProPageContainer", r);
+    o.use(r), o.component("KbProPageContainer", e);
   }
-}), m = t;
+}), s = n;
 export {
-  t as ProPageContainer,
-  m as default
+  n as ProPageContainer,
+  s as default
 };