@keyblade/pro-components 1.10.2 → 1.11.0

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

@@ -0,0 +1,393 @@
+import type { App } from 'vue';
+declare const ProLayout: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            title?: string | undefined;
+            tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
+            tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
+            tabsHeaderPadding?: boolean | undefined;
+            layout?: "mix" | "side" | undefined;
+            headerHeight?: number | undefined;
+            logo?: string | undefined;
+            siderWidth?: number | undefined;
+            siderBreakpoint?: "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+            siderCollapsed?: boolean | undefined;
+            menuItems?: import("../pro-menu").IProMenuItem[] | undefined;
+            footerTitle?: string | undefined;
+            hideFooter?: boolean | undefined;
+            hideTabs?: boolean | undefined;
+            disableKeepAlive?: boolean | 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;
+            onCollapse?: ((collapsed: boolean) => any) | undefined;
+            onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        };
+        $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: "collapse", collapsed: boolean) => void) & ((event: "keepAliveIncludeChange", keepAliveInclude: string[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            layout: {
+                type: import("vue").PropType<"mix" | "side">;
+                required: false;
+                default: string;
+            };
+            headerHeight: {
+                type: import("vue").PropType<number>;
+                required: false;
+                default: number;
+            };
+            logo: {
+                type: import("vue").PropType<string>;
+                required: false;
+                default: string;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+                required: false;
+                default: string;
+            };
+            siderWidth: {
+                type: import("vue").PropType<number>;
+                required: false;
+                default: number;
+            };
+            siderBreakpoint: {
+                type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+                required: false;
+                default: string;
+            };
+            siderCollapsed: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            menuItems: {
+                type: import("vue").PropType<import("../pro-menu").IProMenuItem[]>;
+                required: false;
+                default: () => never[];
+            };
+            footerTitle: {
+                type: import("vue").PropType<string>;
+                required: false;
+                default: string;
+            };
+            hideFooter: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            hideTabs: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            tabsSize: {
+                type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+                required: false;
+                default: string;
+            };
+            tabsType: {
+                type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+                required: false;
+                default: string;
+            };
+            tabsHeaderPadding: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            disableKeepAlive: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+        }>> & {
+            onCollapse?: ((collapsed: boolean) => any) | undefined;
+            onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            collapse: (collapsed: boolean) => void;
+            keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+        }, string, {
+            title: string;
+            tabsSize: "small" | "mini" | "medium" | "large";
+            tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+            tabsHeaderPadding: boolean;
+            layout: "mix" | "side";
+            headerHeight: number;
+            logo: string;
+            siderWidth: number;
+            siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
+            siderCollapsed: boolean;
+            menuItems: import("../pro-menu").IProMenuItem[];
+            footerTitle: string;
+            hideFooter: boolean;
+            hideTabs: boolean;
+            disableKeepAlive: boolean;
+        }, {}, 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<{
+        layout: {
+            type: import("vue").PropType<"mix" | "side">;
+            required: false;
+            default: string;
+        };
+        headerHeight: {
+            type: import("vue").PropType<number>;
+            required: false;
+            default: number;
+        };
+        logo: {
+            type: import("vue").PropType<string>;
+            required: false;
+            default: string;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            required: false;
+            default: string;
+        };
+        siderWidth: {
+            type: import("vue").PropType<number>;
+            required: false;
+            default: number;
+        };
+        siderBreakpoint: {
+            type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+            required: false;
+            default: string;
+        };
+        siderCollapsed: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        menuItems: {
+            type: import("vue").PropType<import("../pro-menu").IProMenuItem[]>;
+            required: false;
+            default: () => never[];
+        };
+        footerTitle: {
+            type: import("vue").PropType<string>;
+            required: false;
+            default: string;
+        };
+        hideFooter: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        hideTabs: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        tabsSize: {
+            type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+            required: false;
+            default: string;
+        };
+        tabsType: {
+            type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+            required: false;
+            default: string;
+        };
+        tabsHeaderPadding: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        disableKeepAlive: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+    }>> & {
+        onCollapse?: ((collapsed: boolean) => any) | undefined;
+        onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    layout: {
+        type: import("vue").PropType<"mix" | "side">;
+        required: false;
+        default: string;
+    };
+    headerHeight: {
+        type: import("vue").PropType<number>;
+        required: false;
+        default: number;
+    };
+    logo: {
+        type: import("vue").PropType<string>;
+        required: false;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: false;
+        default: string;
+    };
+    siderWidth: {
+        type: import("vue").PropType<number>;
+        required: false;
+        default: number;
+    };
+    siderBreakpoint: {
+        type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+        required: false;
+        default: string;
+    };
+    siderCollapsed: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    menuItems: {
+        type: import("vue").PropType<import("../pro-menu").IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
+    footerTitle: {
+        type: import("vue").PropType<string>;
+        required: false;
+        default: string;
+    };
+    hideFooter: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    hideTabs: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    tabsSize: {
+        type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    tabsType: {
+        type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    disableKeepAlive: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onCollapse?: ((collapsed: boolean) => any) | undefined;
+    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    collapse: (collapsed: boolean) => void;
+    keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+}, string, {
+    title: string;
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
+    layout: "mix" | "side";
+    headerHeight: number;
+    logo: string;
+    siderWidth: number;
+    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
+    siderCollapsed: boolean;
+    menuItems: import("../pro-menu").IProMenuItem[];
+    footerTitle: string;
+    hideFooter: boolean;
+    hideTabs: boolean;
+    disableKeepAlive: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "header-left"?(_: {}): any;
+        "header-center"?(_: {}): any;
+        "header-right"?(_: {}): any;
+        "sider-top"?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export { ProLayout };
+export default ProLayout;

package/es/pro-layout/index.js

@@ -0,0 +1,16 @@
+import e from "./pro-layout.vue.js";
+import "./pro-layout.vue2.js";
+import { Layout as r, Space as t, Typography as u, Button as s, Affix as m } from "@arco-design/web-vue";
+import { ProKeepAliveRouterView as n } from "../pro-keep-alive-router-view/index.js";
+import { ProMenu as i } from "../pro-menu/index.js";
+import { ProReuseTabs as f } from "../pro-reuse-tabs/index.js";
+import { IconMenuFold as c, IconMenuUnfold as l } from "@arco-design/web-vue/es/icon";
+const y = Object.assign(e, {
+  install: (o) => {
+    o.use(r), o.use(t), o.use(u), o.use(s), o.use(m), o.use(i), o.use(f), o.use(n), o.use(c), o.use(l), o.component("KbProLayout", e);
+  }
+}), x = y;
+export {
+  y as ProLayout,
+  x as default
+};

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

@@ -0,0 +1,227 @@
+import { type PropType } from 'vue';
+import type { IProMenuItem } from '../pro-menu';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * 布局模式
+     * side：侧边菜单布局
+     * mix：混合菜单布局
+     * */
+    layout: {
+        type: PropType<"mix" | "side">;
+        required: false;
+        default: string;
+    };
+    /** 头部高度 */
+    headerHeight: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+    /** logo */
+    logo: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 标题 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 侧边栏宽度 */
+    siderWidth: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+    /** 侧边栏响应式的断点 */
+    siderBreakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+        required: false;
+        default: string;
+    };
+    /** 侧边栏是否收缩，会受 siderBreakpoint 影响 */
+    siderCollapsed: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 菜单项 */
+    menuItems: {
+        type: PropType<IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 页脚标题 */
+    footerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 是否隐藏页脚 */
+    hideFooter: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 是否隐藏多页签 */
+    hideTabs: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** tabs尺寸 */
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    /** tabs头部间距 */
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 禁用全局路由缓存 */
+    disableKeepAlive: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    collapse: (collapsed: boolean) => void;
+    keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 布局模式
+     * side：侧边菜单布局
+     * mix：混合菜单布局
+     * */
+    layout: {
+        type: PropType<"mix" | "side">;
+        required: false;
+        default: string;
+    };
+    /** 头部高度 */
+    headerHeight: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+    /** logo */
+    logo: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 标题 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 侧边栏宽度 */
+    siderWidth: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+    /** 侧边栏响应式的断点 */
+    siderBreakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+        required: false;
+        default: string;
+    };
+    /** 侧边栏是否收缩，会受 siderBreakpoint 影响 */
+    siderCollapsed: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 菜单项 */
+    menuItems: {
+        type: PropType<IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 页脚标题 */
+    footerTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 是否隐藏页脚 */
+    hideFooter: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 是否隐藏多页签 */
+    hideTabs: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** tabs尺寸 */
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    /** tabs头部间距 */
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 禁用全局路由缓存 */
+    disableKeepAlive: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onCollapse?: ((collapsed: boolean) => any) | undefined;
+    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+}, {
+    title: string;
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
+    layout: "mix" | "side";
+    headerHeight: number;
+    logo: string;
+    siderWidth: number;
+    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
+    siderCollapsed: boolean;
+    menuItems: IProMenuItem[];
+    footerTitle: string;
+    hideFooter: boolean;
+    hideTabs: boolean;
+    disableKeepAlive: boolean;
+}, {}>, {
+    "header-left"?(_: {}): any;
+    "header-center"?(_: {}): any;
+    "header-right"?(_: {}): any;
+    "sider-top"?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};