@keyblade/pro-components 1.7.3 → 1.7.5

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

@@ -1,6 +1,6 @@
-import { defineComponent as U, useCssVars as X, toRefs as Y, useSlots as Z, provide as S, ref as ee, watch as w, resolveComponent as o, openBlock as a, createBlock as c, normalizeClass as t, withCtx as s, createVNode as r, createElementVNode as p, unref as n, renderSlot as m, createElementBlock as y, Fragment as b, createTextVNode as g, toDisplayString as v, createCommentVNode as u } from "vue";
+import { defineComponent as U, useCssVars as X, toRefs as Y, useSlots as Z, provide as I, ref as ee, watch as A, resolveComponent as a, openBlock as o, createBlock as u, normalizeClass as l, withCtx as s, createVNode as r, createElementVNode as p, unref as n, renderSlot as y, createElementBlock as m, Fragment as k, createTextVNode as _, toDisplayString as v, createCommentVNode as f } from "vue";
 import { useHooks as te } from "./hooks.js";
-const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @__PURE__ */ U({
+const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @__PURE__ */ U({
   __name: "pro-layout",
   props: {
     /**
@@ -72,172 +72,200 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
       type: Boolean,
       required: !1,
       default: !1
+    },
+    /** tabs尺寸 */
+    tabsSize: {
+      type: String,
+      required: !1,
+      default: "small"
+    },
+    /** tabs类型 */
+    tabsType: {
+      type: String,
+      required: !1,
+      default: "rounded"
+    },
+    /** tabs头部间距 */
+    tabsHeaderPadding: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    /** 禁用全局路由缓存 */
+    disableKeepAlive: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   emits: {
     /** 收缩事件 */
-    collapse: (l) => !0,
+    collapse: (t) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (l) => !0
+    keepAliveIncludeChange: (t) => !0
   },
-  setup(l, { emit: $ }) {
-    const f = l;
+  setup(t, { emit: $ }) {
+    const c = t;
     X((i) => ({
-      "72cbe0ed": V,
-      af7d7fc0: D,
-      "744d8aa5": K
+      c299e954: W,
+      "5c2d09d7": z,
+      "4313bece": V
     }));
-    const { menuItems: C } = Y(f), h = Z(), {
-      menuSelectedKeys: N,
-      breadcrumbItems: P,
+    const { menuItems: C } = Y(c), b = Z(), {
+      menuSelectedKeys: P,
+      breadcrumbItems: w,
       tabs: T,
-      keepAliveInclude: _,
-      onMenuItemClick: W,
-      onTabClick: A,
-      onTabDelete: H
+      keepAliveInclude: h,
+      onMenuItemClick: H,
+      onTabClick: K,
+      onTabDelete: N
     } = te(C, {
-      hideTabs: f.hideTabs
+      hideTabs: c.hideTabs,
+      disableKeepAlive: c.disableKeepAlive
     });
-    S("ProBreadcrumbItems", P), S("ProKeepAliveInclude", _);
-    const V = `${f.headerHeight}px`, D = `${f.siderWidth}px`, K = `${ae}px`, d = ee(f.siderCollapsed), x = (i) => {
+    I("ProBreadcrumbItems", w), I("ProKeepAliveInclude", h);
+    const W = `${c.headerHeight}px`, z = `${c.siderWidth}px`, V = `${oe}px`, d = ee(c.siderCollapsed), q = (i) => {
       d.value = i, $("collapse", i);
     };
-    return w(() => f.siderCollapsed, () => {
-      d.value = f.siderCollapsed;
-    }, { immediate: !0 }), w(_, () => {
-      $("keepAliveIncludeChange", _.value);
-    }, { immediate: !0 }), (i, I) => {
-      const q = o("a-typography-title"), B = o("a-space"), F = o("a-layout-header"), M = o("kb-pro-menu"), z = o("icon-menu-unfold"), E = o("icon-menu-fold"), R = o("a-button"), j = o("a-layout-sider"), G = o("kb-pro-reuse-tabs"), J = o("a-affix"), L = o("kb-pro-keep-alive-router-view"), O = o("a-layout-content"), Q = o("a-layout-footer"), k = o("a-layout");
-      return a(), c(k, {
-        class: t([e, `${e}-${l.layout}`])
+    return A(() => c.siderCollapsed, () => {
+      d.value = c.siderCollapsed;
+    }, { immediate: !0 }), A(h, () => {
+      $("keepAliveIncludeChange", h.value);
+    }, { immediate: !0 }), (i, S) => {
+      const B = a("a-typography-title"), x = a("a-space"), D = a("a-layout-header"), F = a("kb-pro-menu"), M = a("icon-menu-unfold"), E = a("icon-menu-fold"), R = a("a-button"), j = a("a-layout-sider"), G = a("kb-pro-reuse-tabs"), J = a("a-affix"), L = a("kb-pro-keep-alive-router-view"), O = a("a-layout-content"), Q = a("a-layout-footer"), g = a("a-layout");
+      return o(), u(g, {
+        class: l([e, `${e}-${t.layout}`])
       }, {
         default: s(() => [
-          r(F, {
-            class: t([`${e}-header`, { [`${e}-header-collapsed`]: d.value }])
+          r(D, {
+            class: l([`${e}-header`, { [`${e}-header-collapsed`]: d.value }])
           }, {
             default: s(() => [
               p("div", {
-                class: t(`${e}-header-left`)
+                class: l(`${e}-header-left`)
               }, [
-                n(h)["header-left"] ? m(i.$slots, "header-left", { key: 0 }) : (a(), y(b, { key: 1 }, [
-                  l.layout !== "side" ? (a(), y("div", {
+                n(b)["header-left"] ? y(i.$slots, "header-left", { key: 0 }) : (o(), m(k, { key: 1 }, [
+                  t.layout !== "side" ? (o(), m("div", {
                     key: 0,
-                    class: t(`${e}-header-left-logo`)
+                    class: l(`${e}-header-left-logo`)
                   }, [
-                    r(B, null, {
+                    r(x, null, {
                       default: s(() => [
                         p("img", {
-                          class: t(`${e}-header-left-logo-img`),
+                          class: l(`${e}-header-left-logo-img`),
                           alt: "logo",
-                          src: l.logo
+                          src: t.logo
                         }, null, 10, le),
-                        d.value ? u("", !0) : (a(), c(q, {
+                        d.value ? f("", !0) : (o(), u(B, {
                           key: 0,
-                          class: t(`${e}-header-left-logo-title`),
+                          class: l(`${e}-header-left-logo-title`),
                           heading: 5
                         }, {
                           default: s(() => [
-                            g(v(l.title), 1)
+                            _(v(t.title), 1)
                           ]),
                           _: 1
                         }, 8, ["class"]))
                       ]),
                       _: 1
                     })
-                  ], 2)) : u("", !0)
+                  ], 2)) : f("", !0)
                 ], 64))
               ], 2),
               p("div", {
-                class: t(`${e}-header-center`)
+                class: l(`${e}-header-center`)
               }, [
-                n(h)["header-center"] ? m(i.$slots, "header-center", { key: 0 }) : u("", !0)
+                n(b)["header-center"] ? y(i.$slots, "header-center", { key: 0 }) : f("", !0)
               ], 2),
               p("div", {
-                class: t(`${e}-header-right`)
+                class: l(`${e}-header-right`)
               }, [
-                m(i.$slots, "header-right")
+                y(i.$slots, "header-right")
               ], 2)
             ]),
             _: 3
           }, 8, ["class"]),
-          r(k, null, {
+          r(g, null, {
             default: s(() => [
               r(j, {
-                class: t([`${e}-sider`, { [`${e}-sider-collapsed`]: d.value }]),
-                width: l.siderWidth,
+                class: l([`${e}-sider`, { [`${e}-sider-collapsed`]: d.value }]),
+                width: t.siderWidth,
                 collapsible: !0,
-                breakpoint: l.siderBreakpoint,
+                breakpoint: t.siderBreakpoint,
                 collapsed: d.value,
                 "hide-trigger": !0,
-                onCollapse: x
+                onCollapse: q
               }, {
                 default: s(() => [
                   p("div", {
-                    class: t(`${e}-sider-content`)
+                    class: l(`${e}-sider-content`)
                   }, [
-                    n(h)["sider-top"] ? m(i.$slots, "sider-top", { key: 0 }) : (a(), y(b, { key: 1 }, [
-                      l.layout === "side" ? (a(), y("div", {
+                    n(b)["sider-top"] ? y(i.$slots, "sider-top", { key: 0 }) : (o(), m(k, { key: 1 }, [
+                      t.layout === "side" ? (o(), m("div", {
                         key: 0,
-                        class: t(`${e}-sider-content-logo`)
+                        class: l(`${e}-sider-content-logo`)
                       }, [
-                        r(B, null, {
+                        r(x, null, {
                           default: s(() => [
                             p("img", {
-                              class: t(`${e}-sider-content-logo-img`),
+                              class: l(`${e}-sider-content-logo-img`),
                               alt: "logo",
-                              src: l.logo
-                            }, null, 10, oe),
-                            d.value ? u("", !0) : (a(), c(q, {
+                              src: t.logo
+                            }, null, 10, ae),
+                            d.value ? f("", !0) : (o(), u(B, {
                               key: 0,
-                              class: t(`${e}-sider-content-logo-title`),
+                              class: l(`${e}-sider-content-logo-title`),
                               heading: 5
                             }, {
                               default: s(() => [
-                                g(v(l.title), 1)
+                                _(v(t.title), 1)
                               ]),
                               _: 1
                             }, 8, ["class"]))
                           ]),
                           _: 1
                         })
-                      ], 2)) : u("", !0)
+                      ], 2)) : f("", !0)
                     ], 64)),
-                    r(M, {
+                    r(F, {
                       collapsed: d.value,
-                      "selected-keys": n(N),
+                      "selected-keys": n(P),
                       items: n(C),
-                      onMenuItemClick: n(W)
+                      onMenuItemClick: n(H)
                     }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
                   ], 2),
                   r(R, {
-                    class: t(`${e}-sider-collapse-btn`),
+                    class: l(`${e}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: I[0] || (I[0] = (se) => x(!d.value))
+                    onClick: S[0] || (S[0] = (se) => q(!d.value))
                   }, {
                     icon: s(() => [
-                      d.value ? (a(), c(z, { key: 0 })) : (a(), c(E, { key: 1 }))
+                      d.value ? (o(), u(M, { key: 0 })) : (o(), u(E, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
                 ]),
                 _: 3
               }, 8, ["class", "width", "breakpoint", "collapsed"]),
-              r(k, {
-                class: t([`${e}-body`, { [`${e}-body-collapsed`]: d.value }])
+              r(g, {
+                class: l([`${e}-body`, { [`${e}-body-collapsed`]: d.value }])
               }, {
                 default: s(() => [
-                  l.hideTabs ? u("", !0) : (a(), c(J, {
+                  t.hideTabs ? f("", !0) : (o(), u(J, {
                     key: 0,
-                    class: t(`${e}-body-affix`),
-                    offsetTop: l.headerHeight
+                    class: l(`${e}-body-affix`),
+                    offsetTop: t.headerHeight
                   }, {
                     default: s(() => [
-                      n(T).length > 0 ? (a(), c(G, {
+                      n(T).length > 0 ? (o(), u(G, {
                         key: 0,
                         tabs: n(T),
-                        onTabClick: n(A),
-                        onTabDelete: n(H)
-                      }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : u("", !0)
+                        "tabs-size": t.tabsSize,
+                        "tabs-type": t.tabsType,
+                        "tabs-header-padding": t.tabsHeaderPadding,
+                        onTabClick: n(K),
+                        onTabDelete: n(N)
+                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                     ]),
                     _: 1
                   }, 8, ["class", "offsetTop"])),
@@ -247,13 +275,13 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
                     ]),
                     _: 1
                   }),
-                  l.hideFooter ? u("", !0) : (a(), y(b, { key: 1 }, [
-                    n(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (a(), c(Q, {
+                  t.hideFooter ? f("", !0) : (o(), m(k, { key: 1 }, [
+                    n(b).footer !== void 0 ? y(i.$slots, "footer", { key: 0 }) : (o(), u(Q, {
                       key: 1,
-                      class: t(`${e}-body-footer`)
+                      class: l(`${e}-body-footer`)
                     }, {
                       default: s(() => [
-                        g(v(l.footerTitle), 1)
+                        _(v(t.footerTitle), 1)
                       ]),
                       _: 1
                     }, 8, ["class"]))

package/es/pro-menu/interface.d.ts

@@ -26,7 +26,10 @@ export interface IProMenuItem {
     /** 如果设置为 true，则不会出现在多页签中 */
     noAffix?: boolean;
     /** 面包屑 */
-    breadcrumbs?: string[];
+    breadcrumbs?: {
+        path?: string;
+        label: string;
+    }[];
     /** 默认缓存，如果设置为 true，页面将不会被缓存 */
     ignoreCache?: boolean;
     /** 子菜单 */

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

@@ -10,8 +10,12 @@ declare const ProPageContainer: {
                 subTitle?: string | undefined;
                 titlePosition?: "top" | "bottom" | undefined;
                 hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
                 breadcrumbPrefixIcon?: string | boolean | undefined;
-                breadcrumbItems?: string[] | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
             } | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -83,8 +87,12 @@ declare const ProPageContainer: {
                     subTitle?: string | undefined;
                     titlePosition?: "top" | "bottom" | undefined;
                     hideTitle?: boolean | undefined;
+                    breadcrumbRouterMode?: boolean | undefined;
                     breadcrumbPrefixIcon?: string | boolean | undefined;
-                    breadcrumbItems?: string[] | undefined;
+                    breadcrumbItems?: {
+                        label: string;
+                        path?: string | undefined;
+                    }[] | undefined;
                 }>;
                 required: false;
                 default: () => {
@@ -92,6 +100,7 @@ declare const ProPageContainer: {
                     subTitle: string;
                     titlePosition: string;
                     hideTitle: boolean;
+                    breadcrumbRouterMode: boolean;
                     breadcrumbPrefixIcon: string;
                     breadcrumbItems: never[];
                 };
@@ -103,8 +112,12 @@ declare const ProPageContainer: {
                 subTitle?: string | undefined;
                 titlePosition?: "top" | "bottom" | undefined;
                 hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
                 breadcrumbPrefixIcon?: string | boolean | undefined;
-                breadcrumbItems?: string[] | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
             };
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -138,8 +151,12 @@ declare const ProPageContainer: {
                 subTitle?: string | undefined;
                 titlePosition?: "top" | "bottom" | undefined;
                 hideTitle?: boolean | undefined;
+                breadcrumbRouterMode?: boolean | undefined;
                 breadcrumbPrefixIcon?: string | boolean | undefined;
-                breadcrumbItems?: string[] | undefined;
+                breadcrumbItems?: {
+                    label: string;
+                    path?: string | undefined;
+                }[] | undefined;
             }>;
             required: false;
             default: () => {
@@ -147,6 +164,7 @@ declare const ProPageContainer: {
                 subTitle: string;
                 titlePosition: string;
                 hideTitle: boolean;
+                breadcrumbRouterMode: boolean;
                 breadcrumbPrefixIcon: string;
                 breadcrumbItems: never[];
             };
@@ -167,8 +185,12 @@ declare const ProPageContainer: {
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
             hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
-            breadcrumbItems?: string[] | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
         }>;
         required: false;
         default: () => {
@@ -176,6 +198,7 @@ declare const ProPageContainer: {
             subTitle: string;
             titlePosition: string;
             hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string;
             breadcrumbItems: never[];
         };
@@ -187,8 +210,12 @@ declare const ProPageContainer: {
         subTitle?: string | undefined;
         titlePosition?: "top" | "bottom" | undefined;
         hideTitle?: boolean | undefined;
+        breadcrumbRouterMode?: boolean | undefined;
         breadcrumbPrefixIcon?: string | boolean | undefined;
-        breadcrumbItems?: string[] | undefined;
+        breadcrumbItems?: {
+            label: string;
+            path?: string | undefined;
+        }[] | undefined;
     };
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -13,8 +13,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
             hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
-            breadcrumbItems?: string[] | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
         }>;
         required: false;
         default: () => {
@@ -22,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             subTitle: string;
             titlePosition: string;
             hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string;
             breadcrumbItems: never[];
         };
@@ -40,8 +45,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
             hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
-            breadcrumbItems?: string[] | undefined;
+            breadcrumbItems?: {
+                label: string;
+                path?: string | undefined;
+            }[] | undefined;
         }>;
         required: false;
         default: () => {
@@ -49,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             subTitle: string;
             titlePosition: string;
             hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string;
             breadcrumbItems: never[];
         };
@@ -60,8 +70,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         subTitle?: string | undefined;
         titlePosition?: "top" | "bottom" | undefined;
         hideTitle?: boolean | undefined;
+        breadcrumbRouterMode?: boolean | undefined;
         breadcrumbPrefixIcon?: string | boolean | undefined;
-        breadcrumbItems?: string[] | undefined;
+        breadcrumbItems?: {
+            label: string;
+            path?: string | undefined;
+        }[] | undefined;
     };
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,5 +1,5 @@
-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({
+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: {
     /** 是否隐藏页头 */
@@ -17,35 +17,38 @@ const r = "keyblade-pro-page-container", f = /* @__PURE__ */ o({
         subTitle: "",
         titlePosition: "top",
         hideTitle: !1,
+        breadcrumbRouterMode: !1,
         breadcrumbPrefixIcon: "icon-apps",
         breadcrumbItems: []
       })
     }
   },
   setup(e) {
-    return (i, u) => {
-      const l = d("kb-pro-page-header");
-      return t(), n("div", {
-        class: a(r)
+    return (d, f) => {
+      var t;
+      const i = c("kb-pro-page-header");
+      return a(), n("div", {
+        class: r(o)
       }, [
-        e.hidePageHeader ? s("", !0) : (t(), c(l, {
+        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", "breadcrumbPrefixIcon", "breadcrumbItems"])),
+        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
         m("div", {
-          class: a(`${r}-content`)
+          class: r(`${o}-content`)
         }, [
-          b(i.$slots, "default")
+          s(d.$slots, "default")
         ], 2)
       ]);
     };
   }
 });
 export {
-  f as default
+  g as default
 };

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

@@ -5,10 +5,14 @@ declare const ProPageHeader: {
         $data: {};
         $props: {
             title?: string | undefined;
-            breadcrumbItems?: string[] | undefined;
+            breadcrumbItems?: {
+                path?: string | undefined;
+                label: string;
+            }[] | undefined;
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
             hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -89,22 +93,34 @@ declare const ProPageHeader: {
                 required: false;
                 default: boolean;
             };
+            breadcrumbRouterMode: {
+                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[]>;
+                type: import("vue").PropType<{
+                    path?: string | undefined;
+                    label: string;
+                }[]>;
                 required: false;
                 default: () => never[];
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             title: string;
-            breadcrumbItems: string[];
+            breadcrumbItems: {
+                path?: string | undefined;
+                label: string;
+            }[];
             subTitle: string;
             titlePosition: "top" | "bottom";
             hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string | boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -147,13 +163,21 @@ declare const ProPageHeader: {
             required: false;
             default: boolean;
         };
+        breadcrumbRouterMode: {
+            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[]>;
+            type: import("vue").PropType<{
+                path?: string | undefined;
+                label: string;
+            }[]>;
             required: false;
             default: () => never[];
         };
@@ -182,22 +206,34 @@ declare const ProPageHeader: {
         required: false;
         default: boolean;
     };
+    breadcrumbRouterMode: {
+        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[]>;
+        type: import("vue").PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
         required: false;
         default: () => never[];
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     title: string;
-    breadcrumbItems: string[];
+    breadcrumbItems: {
+        path?: string | undefined;
+        label: string;
+    }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
     hideTitle: boolean;
+    breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App) => void;