@keyblade/pro-components 1.4.6 → 1.5.1

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

@@ -1,98 +1,68 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** 是否隐藏页头 */
+    hidePageHeader: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 面包屑图标类型 */
-    breadcrumbIcon: {
-        type: PropType<string>;
+    /** 页头属性 */
+    pageHeader: {
+        type: 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[];
+        };
     };
-    /** 面包屑项目 */
-    breadcrumbItems: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    /** 面包屑是否显示标题 */
-    breadcrumbShowTitle: {
+}, {}, 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;
     };
-    /** 面包屑标题，不传默认展示面包屑标题最后一项 */
-    breadcrumbTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    /** 面包屑副标题，不传默认不展示 */
-    breadcrumbSubTitle: {
-        type: PropType<string>;
+    /** 页头属性 */
+    pageHeader: {
+        type: 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;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, 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>;
-        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[];
+        };
     };
 }>>, {
-    breadcrumbItems: string[];
-    hideBreadcrumb: boolean;
-    breadcrumbShowIcon: boolean;
-    breadcrumbIcon: string;
-    breadcrumbShowTitle: boolean;
-    breadcrumbTitle: string;
-    breadcrumbSubTitle: string;
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: string[] | undefined;
+    };
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,66 +1,47 @@
-import { defineComponent as l, resolveComponent as o, openBlock as r, createElementBlock as u, normalizeClass as c, createBlock as d, createCommentVNode as i, renderSlot as n } from "vue";
-const b = "keyblade-pro-page-container", f = /* @__PURE__ */ l({
+import { defineComponent as o, resolveComponent as d, openBlock as t, createElementBlock as n, normalizeClass as a, createBlock as c, createCommentVNode as s, createElementVNode as m, renderSlot as b } from "vue";
+const r = "keyblade-pro-page-container", f = /* @__PURE__ */ o({
   __name: "pro-page-container",
   props: {
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
       type: Boolean,
       required: !1,
       default: !1
     },
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-      type: Boolean,
-      required: !1,
-      default: !0
-    },
-    /** 面包屑图标类型 */
-    breadcrumbIcon: {
-      type: String,
-      required: !1,
-      default: "icon-apps"
-    },
-    /** 面包屑项目 */
-    breadcrumbItems: {
-      type: Array,
-      required: !1,
-      default: () => []
-    },
-    /** 面包屑是否显示标题 */
-    breadcrumbShowTitle: {
-      type: Boolean,
-      required: !1,
-      default: !0
-    },
-    /** 面包屑标题，不传默认展示面包屑标题最后一项 */
-    breadcrumbTitle: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** 面包屑副标题，不传默认不展示 */
-    breadcrumbSubTitle: {
-      type: String,
+    /** 页头属性 */
+    pageHeader: {
+      type: Object,
       required: !1,
-      default: ""
+      default: () => ({
+        title: "",
+        subTitle: "",
+        titlePosition: "top",
+        hideTitle: !1,
+        breadcrumbPrefixIcon: "icon-apps",
+        breadcrumbItems: []
+      })
     }
   },
   setup(e) {
-    return (t, m) => {
-      const a = o("kb-pro-breadcrumb");
-      return r(), u("div", {
-        class: c(b)
+    return (i, u) => {
+      const l = d("kb-pro-page-header");
+      return t(), n("div", {
+        class: a(r)
       }, [
-        e.hideBreadcrumb ? i("", !0) : (r(), d(a, {
+        e.hidePageHeader ? s("", !0) : (t(), c(l, {
           key: 0,
-          "show-icon": e.breadcrumbShowIcon,
-          icon: e.breadcrumbIcon,
-          items: e.breadcrumbItems,
-          "show-title": e.breadcrumbShowTitle,
-          title: e.breadcrumbTitle,
-          "sub-title": e.breadcrumbSubTitle
-        }, null, 8, ["show-icon", "icon", "items", "show-title", "title", "sub-title"])),
-        n(t.$slots, "default")
+          title: e.pageHeader.title,
+          subTitle: e.pageHeader.subTitle,
+          titlePosition: e.pageHeader.titlePosition,
+          hideTitle: e.pageHeader.hideTitle,
+          breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
+          breadcrumbItems: e.pageHeader.breadcrumbItems
+        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbPrefixIcon", "breadcrumbItems"])),
+        m("div", {
+          class: a(`${r}-content`)
+        }, [
+          b(i.$slots, "default")
+        ], 2)
       ]);
     };
   }

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

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

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

@@ -0,0 +1,13 @@
+import o from "./pro-page-header.vue.js";
+import "./pro-page-header.vue2.js";
+import { Breadcrumb as r, Typography as s } from "@arco-design/web-vue";
+import { IconApps as t } from "@arco-design/web-vue/es/icon";
+const a = Object.assign(o, {
+  install: (e) => {
+    e.use(r), e.use(s), e.use(t), e.component("KbProPageHeader", o);
+  }
+}), P = a;
+export {
+  a as ProPageHeader,
+  P as default
+};

package/es/{pro-breadcrumb/pro-breadcrumb.vue.d.ts → pro-page-header/pro-page-header.vue.d.ts}

@@ -1,29 +1,42 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
-declare const _default: DefineComponent<{
-    /** 是否显示图标 */
-    showIcon: {
-        type: PropType<boolean>;
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
         required: false;
-        default: boolean;
+        default: string;
     };
-    /** 图标类型 */
-    icon: {
+    /** 副标题，不传默认不展示 */
+    subTitle: {
         type: PropType<string>;
         required: false;
         default: string;
     };
-    /** 面包屑项目 */
-    items: {
-        type: PropType<string[]>;
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
         required: false;
-        default: () => never[];
+        default: string;
     };
-    /** 是否显示标题 */
-    showTitle: {
+    /** 是否隐藏标题 */
+    hideTitle: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** 标题，不传默认展示面包屑标题最后一项 */
     title: {
         type: PropType<string>;
@@ -36,49 +49,36 @@ declare const _default: DefineComponent<{
         required: false;
         default: string;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 是否显示图标 */
-    showIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 图标类型 */
-    icon: {
-        type: PropType<string>;
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
         required: false;
         default: string;
     };
-    /** 面包屑项目 */
-    items: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    /** 是否显示标题 */
-    showTitle: {
+    /** 是否隐藏标题 */
+    hideTitle: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 标题，不传默认展示面包屑标题最后一项 */
-    title: {
-        type: PropType<string>;
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
         required: false;
         default: string;
     };
-    /** 副标题，不传默认不展示 */
-    subTitle: {
-        type: PropType<string>;
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<string[]>;
         required: false;
-        default: string;
+        default: () => never[];
     };
 }>>, {
-    showIcon: boolean;
-    icon: string;
-    items: string[];
-    showTitle: boolean;
     title: string;
+    breadcrumbItems: string[];
     subTitle: string;
+    titlePosition: "top" | "bottom";
+    hideTitle: boolean;
+    breadcrumbPrefixIcon: string | boolean;
 }, {}>;
 export default _default;