@keyblade/pro-components 1.4.6 → 1.5.0

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

@@ -4,14 +4,15 @@ declare const ProPageContainer: {
         $: 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_for?: boolean | undefined;
@@ -55,6 +56,7 @@ declare const ProPageContainer: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -70,49 +72,40 @@ declare const ProPageContainer: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: 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: {
+            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;
+                default: () => {
+                    title: string;
+                    subTitle: string;
+                    titlePosition: string;
+                    hideTitle: boolean;
+                    breadcrumbPrefixIcon: string;
+                    breadcrumbItems: never[];
+                };
             };
         }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            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;
+            };
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -134,89 +127,69 @@ declare const ProPageContainer: {
         $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: {
+        hidePageHeader: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
         };
-        breadcrumbShowIcon: {
-            type: PropType<boolean>;
+        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: 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[];
+            };
         };
     }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    hideBreadcrumb: {
+    hidePageHeader: {
         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>;
+    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[];
+        };
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    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;
+    };
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & 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
 };

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: {
+    /** 是否隐藏页头 */
+    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;
-    };
-    /** 面包屑项目 */
-    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[];
+        };
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
+    /** 页头属性 */
+    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: 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)
       ]);
     };
   }