@keyblade/pro-components 1.7.3 → 1.7.4

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

@@ -6,7 +6,10 @@ export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
     menuSelectedKeys: Ref<string[]>;
     activeMenuItem: Ref<IProMenuItem | undefined>;
     menuItemMap: Ref<Record<string, IProMenuItem>>;
-    breadcrumbItems: Ref<string[]>;
+    breadcrumbItems: Ref<{
+        path?: string | undefined;
+        label: string;
+    }[]>;
     tabs: Ref<{
         name: string;
         parentNames: string[];

package/es/pro-layout/hooks.js

@@ -1,98 +1,98 @@
-import { ref as r, watch as b } from "vue";
+import { ref as i, watch as b } from "vue";
 import { useRoute as S, useRouter as x } from "vue-router";
-function K(d, T) {
-  const i = S(), m = x(), h = r([]), P = (a) => {
-    h.value = [a];
-  }, u = r(), f = r([]), v = r({}), p = r([]), s = r([]), o = r([]), N = () => {
-    const a = [], t = (e) => {
-      var l;
-      for (const n in e) {
-        const c = e[n];
-        if (c.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && t(c.children))
-          return delete c.children, a.unshift(c), !0;
+function K(v, T) {
+  const r = S(), m = x(), d = i([]), P = (t) => {
+    d.value = [t];
+  }, u = i(), f = i([]), h = i({}), p = i([]), s = i([]), o = i([]), N = () => {
+    const t = [], l = (a) => {
+      var n;
+      for (const e in a) {
+        const c = a[e];
+        if (c.name === ((n = u == null ? void 0 : u.value) == null ? void 0 : n.name) || c.children && c.children.length > 0 && l(c.children))
+          return delete c.children, t.unshift(c), !0;
       }
       return !1;
     };
-    t(JSON.parse(JSON.stringify(d.value))), f.value = a;
+    l(JSON.parse(JSON.stringify(v.value))), f.value = t;
   }, k = () => {
-    var t, e;
-    const a = f.value.map((l) => l.title);
-    p.value = (t = u.value) != null && t.breadcrumbs ? (e = u.value) == null ? void 0 : e.breadcrumbs : a.length !== 0 ? a : [];
+    var l, a, n;
+    const t = (l = f.value) == null ? void 0 : l.map((e) => ({ path: e == null ? void 0 : e.path, label: e == null ? void 0 : e.title }));
+    p.value = (a = u.value) != null && a.breadcrumbs ? (n = u.value) == null ? void 0 : n.breadcrumbs : t.length !== 0 ? t : [];
   };
   function y() {
     if (!u.value || u.value.noAffix) {
-      s.value.forEach((n) => {
-        n.active = !1;
+      s.value.forEach((e) => {
+        e.active = !1;
       });
       return;
     }
-    const { name: a, title: t } = u.value;
-    let e = -1;
-    s.value.forEach((n, c) => {
-      n.active = !1, n.name === a && (e = c);
+    const { name: t, title: l } = u.value;
+    let a = -1;
+    s.value.forEach((e, c) => {
+      e.active = !1, e.name === t && (a = c);
     });
-    const l = {
-      name: a,
-      parentNames: f.value.map((n) => n.name),
-      title: t ?? a,
-      fullPath: i.fullPath,
+    const n = {
+      name: t,
+      parentNames: f.value.map((e) => e.name),
+      title: l ?? t,
+      fullPath: r.fullPath,
       active: !0
     };
-    if (~e) {
-      const n = s.value[e];
-      n.fullPath === i.fullPath ? (n.active = !0, n.fullPath = i.fullPath) : (s.value.splice(e, 1), setTimeout(() => {
-        s.value.push(l);
+    if (~a) {
+      const e = s.value[a];
+      e.fullPath === r.fullPath ? (e.active = !0, e.fullPath = r.fullPath) : (s.value.splice(a, 1), setTimeout(() => {
+        s.value.push(n);
       }));
     } else
-      s.value.push(l);
+      s.value.push(n);
   }
-  const E = (a) => {
-    const t = s.value.findIndex((l) => l.name === a), e = s.value[t];
-    m.push(e.fullPath);
-  }, g = (a) => {
-    let t = -1, e = -1;
-    if (s.value.forEach((n, c) => {
-      n.name === a && (e = c), n.active && (t = c);
-    }), t === e) {
-      let n;
-      e === 0 ? n = s.value[e + 1] : n = s.value[e - 1], n.active = !0, m.push(n.fullPath);
+  const E = (t) => {
+    const l = s.value.findIndex((n) => n.name === t), a = s.value[l];
+    m.push(a.fullPath);
+  }, g = (t) => {
+    let l = -1, a = -1;
+    if (s.value.forEach((e, c) => {
+      e.name === t && (a = c), e.active && (l = c);
+    }), l === a) {
+      let e;
+      a === 0 ? e = s.value[a + 1] : e = s.value[a - 1], e.active = !0, m.push(e.fullPath);
     }
-    const l = s.value.splice(e, 1);
-    I(l[0]);
+    const n = s.value.splice(a, 1);
+    I(n[0]);
   }, A = () => {
-    var t;
-    if ((t = i == null ? void 0 : i.meta) != null && t.ignoreCache)
+    var l;
+    if ((l = r == null ? void 0 : r.meta) != null && l.ignoreCache)
       return;
-    const a = new Set(o.value);
-    f.value.forEach((e) => {
-      e.name && a.add(e.name);
-    }), o.value = Array.from(a.values());
-  }, I = (a) => {
     const t = new Set(o.value);
-    a.parentNames.forEach((e) => {
-      t.delete(e);
-    }), s.value.forEach((e) => {
-      e.parentNames.forEach((l) => {
-        const n = v.value[l];
-        n != null && n.ignoreCache || t.add(n.name);
-      });
+    f.value.forEach((a) => {
+      a.name && t.add(a.name);
     }), o.value = Array.from(t.values());
+  }, I = (t) => {
+    const l = new Set(o.value);
+    t.parentNames.forEach((a) => {
+      l.delete(a);
+    }), s.value.forEach((a) => {
+      a.parentNames.forEach((n) => {
+        const e = h.value[n];
+        e != null && e.ignoreCache || l.add(e.name);
+      });
+    }), o.value = Array.from(l.values());
   };
-  return b(d, () => {
-    const a = {}, t = (e) => {
-      e.forEach((l) => {
-        l.children && l.children.length > 0 && t(l.children), delete l.children, a[l.name] = l;
+  return b(v, () => {
+    const t = {}, l = (a) => {
+      a.forEach((n) => {
+        n.children && n.children.length > 0 && l(n.children), delete n.children, t[n.name] = n;
       });
     };
-    t(JSON.parse(JSON.stringify(d.value))), v.value = a;
-  }, { immediate: !0 }), b(() => i == null ? void 0 : i.name, () => {
-    var t;
-    const a = i == null ? void 0 : i.name;
-    u.value = v.value[a], h.value = u != null && u.value ? [u.value.name, ...((t = u.value) == null ? void 0 : t.activatedKeys) || []] : [], N(), k(), T.hideTabs || y(), A();
+    l(JSON.parse(JSON.stringify(v.value))), h.value = t;
+  }, { immediate: !0 }), b(() => r == null ? void 0 : r.name, () => {
+    var l;
+    const t = r == null ? void 0 : r.name;
+    u.value = h.value[t], d.value = u != null && u.value ? [u.value.name, ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], N(), k(), T.hideTabs || y(), A();
   }, { immediate: !0 }), {
-    menuSelectedKeys: h,
+    menuSelectedKeys: d,
     activeMenuItem: u,
-    menuItemMap: v,
+    menuItemMap: h,
     breadcrumbItems: p,
     tabs: s,
     keepAliveInclude: o,

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

@@ -5,6 +5,9 @@ declare const ProLayout: {
         $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;
@@ -131,6 +134,21 @@ declare const ProLayout: {
                 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;
+            };
         }>> & {
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -139,6 +157,9 @@ declare const ProLayout: {
             keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
         }, 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;
@@ -225,6 +246,21 @@ declare const ProLayout: {
             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;
+        };
     }>> & {
         onCollapse?: ((collapsed: boolean) => any) | undefined;
         onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -288,6 +324,21 @@ declare const ProLayout: {
         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;
+    };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -296,6 +347,9 @@ declare const ProLayout: {
     keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, 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;

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

@@ -71,6 +71,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
+    };
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /** 收缩事件 */
     collapse: (collapsed: boolean) => true;
@@ -147,11 +164,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
+    };
+    tabsHeaderPadding: {
+        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;

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 P, resolveComponent as l, openBlock as o, createBlock as c, normalizeClass as a, withCtx as s, createVNode as r, createElementVNode as p, unref as n, renderSlot as m, createElementBlock as y, Fragment as k, createTextVNode as _, toDisplayString as v, createCommentVNode as u } from "vue";
 import { useHooks as te } from "./hooks.js";
-const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @__PURE__ */ U({
+const ae = ["src"], le = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @__PURE__ */ U({
   __name: "pro-layout",
   props: {
     /**
@@ -72,72 +72,89 @@ 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"
+    },
+    tabsHeaderPadding: {
+      type: Boolean,
+      required: !1,
+      default: !0
     }
   },
   emits: {
     /** 收缩事件 */
-    collapse: (l) => !0,
+    collapse: (t) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (l) => !0
+    keepAliveIncludeChange: (t) => !0
   },
-  setup(l, { emit: $ }) {
-    const f = l;
+  setup(t, { emit: $ }) {
+    const f = t;
     X((i) => ({
-      "72cbe0ed": V,
-      af7d7fc0: D,
-      "744d8aa5": K
+      b58cdc96: A,
+      "36b16058": V,
+      "7bdbad26": D
     }));
-    const { menuItems: C } = Y(f), h = Z(), {
-      menuSelectedKeys: N,
-      breadcrumbItems: P,
+    const { menuItems: C } = Y(f), b = Z(), {
+      menuSelectedKeys: w,
+      breadcrumbItems: H,
       tabs: T,
-      keepAliveInclude: _,
-      onMenuItemClick: W,
-      onTabClick: A,
-      onTabDelete: H
+      keepAliveInclude: h,
+      onMenuItemClick: N,
+      onTabClick: W,
+      onTabDelete: z
     } = te(C, {
       hideTabs: f.hideTabs
     });
-    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", H), I("ProKeepAliveInclude", h);
+    const A = `${f.headerHeight}px`, V = `${f.siderWidth}px`, D = `${oe}px`, d = ee(f.siderCollapsed), q = (i) => {
       d.value = i, $("collapse", i);
     };
-    return w(() => f.siderCollapsed, () => {
+    return P(() => 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}`])
+    }, { immediate: !0 }), P(h, () => {
+      $("keepAliveIncludeChange", h.value);
+    }, { immediate: !0 }), (i, S) => {
+      const x = l("a-typography-title"), B = l("a-space"), K = l("a-layout-header"), F = l("kb-pro-menu"), M = l("icon-menu-unfold"), E = l("icon-menu-fold"), R = l("a-button"), j = l("a-layout-sider"), G = l("kb-pro-reuse-tabs"), J = l("a-affix"), L = l("kb-pro-keep-alive-router-view"), O = l("a-layout-content"), Q = l("a-layout-footer"), g = l("a-layout");
+      return o(), c(g, {
+        class: a([e, `${e}-${t.layout}`])
       }, {
         default: s(() => [
-          r(F, {
-            class: t([`${e}-header`, { [`${e}-header-collapsed`]: d.value }])
+          r(K, {
+            class: a([`${e}-header`, { [`${e}-header-collapsed`]: d.value }])
           }, {
             default: s(() => [
               p("div", {
-                class: t(`${e}-header-left`)
+                class: a(`${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"] ? m(i.$slots, "header-left", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                  t.layout !== "side" ? (o(), y("div", {
                     key: 0,
-                    class: t(`${e}-header-left-logo`)
+                    class: a(`${e}-header-left-logo`)
                   }, [
                     r(B, null, {
                       default: s(() => [
                         p("img", {
-                          class: t(`${e}-header-left-logo-img`),
+                          class: a(`${e}-header-left-logo-img`),
                           alt: "logo",
-                          src: l.logo
-                        }, null, 10, le),
-                        d.value ? u("", !0) : (a(), c(q, {
+                          src: t.logo
+                        }, null, 10, ae),
+                        d.value ? u("", !0) : (o(), c(x, {
                           key: 0,
-                          class: t(`${e}-header-left-logo-title`),
+                          class: a(`${e}-header-left-logo-title`),
                           heading: 5
                         }, {
                           default: s(() => [
-                            g(v(l.title), 1)
+                            _(v(t.title), 1)
                           ]),
                           _: 1
                         }, 8, ["class"]))
@@ -148,52 +165,52 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
                 ], 64))
               ], 2),
               p("div", {
-                class: t(`${e}-header-center`)
+                class: a(`${e}-header-center`)
               }, [
-                n(h)["header-center"] ? m(i.$slots, "header-center", { key: 0 }) : u("", !0)
+                n(b)["header-center"] ? m(i.$slots, "header-center", { key: 0 }) : u("", !0)
               ], 2),
               p("div", {
-                class: t(`${e}-header-right`)
+                class: a(`${e}-header-right`)
               }, [
                 m(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: a([`${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: a(`${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"] ? m(i.$slots, "sider-top", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                      t.layout === "side" ? (o(), y("div", {
                         key: 0,
-                        class: t(`${e}-sider-content-logo`)
+                        class: a(`${e}-sider-content-logo`)
                       }, [
                         r(B, null, {
                           default: s(() => [
                             p("img", {
-                              class: t(`${e}-sider-content-logo-img`),
+                              class: a(`${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, le),
+                            d.value ? u("", !0) : (o(), c(x, {
                               key: 0,
-                              class: t(`${e}-sider-content-logo-title`),
+                              class: a(`${e}-sider-content-logo-title`),
                               heading: 5
                             }, {
                               default: s(() => [
-                                g(v(l.title), 1)
+                                _(v(t.title), 1)
                               ]),
                               _: 1
                             }, 8, ["class"]))
@@ -202,42 +219,45 @@ const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @_
                         })
                       ], 2)) : u("", !0)
                     ], 64)),
-                    r(M, {
+                    r(F, {
                       collapsed: d.value,
-                      "selected-keys": n(N),
+                      "selected-keys": n(w),
                       items: n(C),
-                      onMenuItemClick: n(W)
+                      onMenuItemClick: n(N)
                     }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
                   ], 2),
                   r(R, {
-                    class: t(`${e}-sider-collapse-btn`),
+                    class: a(`${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(), c(M, { key: 0 })) : (o(), c(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: a([`${e}-body`, { [`${e}-body-collapsed`]: d.value }])
               }, {
                 default: s(() => [
-                  l.hideTabs ? u("", !0) : (a(), c(J, {
+                  t.hideTabs ? u("", !0) : (o(), c(J, {
                     key: 0,
-                    class: t(`${e}-body-affix`),
-                    offsetTop: l.headerHeight
+                    class: a(`${e}-body-affix`),
+                    offsetTop: t.headerHeight
                   }, {
                     default: s(() => [
-                      n(T).length > 0 ? (a(), c(G, {
+                      n(T).length > 0 ? (o(), c(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(W),
+                        onTabDelete: n(z)
+                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : u("", !0)
                     ]),
                     _: 1
                   }, 8, ["class", "offsetTop"])),
@@ -247,13 +267,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 ? u("", !0) : (o(), y(k, { key: 1 }, [
+                    n(b).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), c(Q, {
                       key: 1,
-                      class: t(`${e}-body-footer`)
+                      class: a(`${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;
     /** 子菜单 */