@keyblade/pro-components 1.10.2 → 1.11.1

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

@@ -0,0 +1,127 @@
+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 { 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({
+  __name: "pro-menu",
+  props: {
+    mode: {
+      type: String,
+      required: !1,
+      default: "vertical"
+    },
+    collapsed: {
+      type: Boolean,
+      required: !0
+    },
+    selectedKeys: {
+      type: Array,
+      required: !0
+    },
+    items: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: {
+    "menu-item-click": (u) => !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;
+    }), d = b(() => (n) => {
+      const o = n == null ? void 0 : n.icon;
+      return o != null && o.startsWith("icon") ? "icon" : "url";
+    }), M = (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);
+      }
+    };
+    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,
+        "auto-open-selected": ""
+      }, {
+        default: a(() => [
+          $(_(K), null, {
+            default: a(({ item: e }) => {
+              var g, x;
+              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, {
+                    key: e.name
+                  }, I({
+                    title: a(() => [
+                      N(T(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), {
+                        key: h.name,
+                        item: h
+                      }, null, 8, ["item"]))), 128))
+                    ]),
+                    _: 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", {
+                          key: 1,
+                          class: f(`${w}-img`),
+                          src: t.value(e),
+                          alt: ""
+                        }, null, 10, E)) : r("", !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, {
+                    key: e.name,
+                    onClick: (h) => M(e)
+                  }, I({
+                    default: a(() => [
+                      N(" " + T(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", {
+                          key: 1,
+                          class: f(`${w}-img`),
+                          src: t.value(e),
+                          alt: ""
+                        }, null, 10, F)) : r("", !0)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["onClick"])) : r("", !0)
+                ], 64)) : r("", !0)
+              ];
+            }),
+            _: 1
+          }),
+          (l(!0), s(v, null, q(u.items, (e) => (l(), c(_(C), {
+            key: e.name,
+            item: e
+          }, null, 8, ["item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["mode", "collapsed", "selected-keys"]);
+    };
+  }
+});
+export {
+  J as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,228 @@
+import type { App } from 'vue';
+declare const ProPageContainer: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            hidePageHeader?: boolean | undefined;
+            pageHeader?: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
+            } | undefined;
+            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;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            hidePageHeader: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            pageHeader: {
+                type: import("vue").PropType<{
+                    title?: string | undefined;
+                    subTitle?: string | undefined;
+                    titlePosition?: "top" | "bottom" | undefined;
+                    hideTitle?: boolean | undefined;
+                    breadcrumbRouterMode?: boolean | undefined;
+                    breadcrumbPrefixIcon?: string | boolean | undefined;
+                    breadcrumbItems?: {
+                        label: string;
+                        path?: string | undefined;
+                    }[] | undefined;
+                }>;
+                required: false;
+                default: () => {
+                    title: string;
+                    subTitle: string;
+                    titlePosition: string;
+                    hideTitle: boolean;
+                    breadcrumbRouterMode: boolean;
+                    breadcrumbPrefixIcon: string;
+                    breadcrumbItems: never[];
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            hidePageHeader: boolean;
+            pageHeader: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
+            };
+        }, {}, 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;
+        };
+        $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<{
+        hidePageHeader: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        pageHeader: {
+            type: import("vue").PropType<{
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
+            }>;
+            required: false;
+            default: () => {
+                title: string;
+                subTitle: string;
+                titlePosition: string;
+                hideTitle: boolean;
+                breadcrumbRouterMode: boolean;
+                breadcrumbPrefixIcon: string;
+                breadcrumbItems: never[];
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    hidePageHeader: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    pageHeader: {
+        type: import("vue").PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
+        }>;
+        required: false;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbRouterMode?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: {
+            label: string;
+            path?: string | undefined;
+        }[] | undefined;
+    };
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export { ProPageContainer };
+export default ProPageContainer;

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

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

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

@@ -0,0 +1,88 @@
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** 是否隐藏页头 */
+    hidePageHeader: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 页头属性 */
+    pageHeader: {
+        type: PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
+        }>;
+        required: false;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
+    };
+}, {}, 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>;
+        required: false;
+        default: boolean;
+    };
+    /** 页头属性 */
+    pageHeader: {
+        type: PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
+        }>;
+        required: false;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
+    };
+}>>, {
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbRouterMode?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: {
+            label: string;
+            path?: string | undefined;
+        }[] | undefined;
+    };
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+import { defineComponent as l, resolveComponent as c, openBlock as a, createElementBlock as n, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
+const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
+  __name: "pro-page-container",
+  props: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** 页头属性 */
+    pageHeader: {
+      type: Object,
+      required: !1,
+      default: () => ({
+        title: "",
+        subTitle: "",
+        titlePosition: "top",
+        hideTitle: !1,
+        breadcrumbRouterMode: !1,
+        breadcrumbPrefixIcon: "icon-apps",
+        breadcrumbItems: []
+      })
+    }
+  },
+  setup(e) {
+    return (d, f) => {
+      var t;
+      const i = c("kb-pro-page-header");
+      return a(), n("div", {
+        class: r(o)
+      }, [
+        e.hidePageHeader ? u("", !0) : (a(), b(i, {
+          key: 0,
+          title: e.pageHeader.title,
+          subTitle: e.pageHeader.subTitle,
+          titlePosition: e.pageHeader.titlePosition,
+          hideTitle: e.pageHeader.hideTitle,
+          breadcrumbRouterMode: (t = e.pageHeader) == null ? void 0 : t.breadcrumbRouterMode,
+          breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
+          breadcrumbItems: e.pageHeader.breadcrumbItems
+        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
+        m("div", {
+          class: r(`${o}-content`)
+        }, [
+          s(d.$slots, "default")
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  g as default
+};

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

@@ -0,0 +1 @@
+

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

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