@keyblade/pro-components 1.14.4 → 1.15.0-alpha.10

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

@@ -0,0 +1,66 @@
+import { IProMenuItem } from '../pro-menu';
+import { ProLayoutMenuType, ProLayoutMode } from './enum.ts';
+export interface IProLayoutHeaderProps {
+    /** 类名前缀 */
+    prefixClsName?: string;
+    /** 是否隐藏头部 */
+    hideHeader?: boolean;
+    /** 侧边栏是否收缩 */
+    siderCollapsed?: boolean;
+    layout?: ProLayoutMode;
+    logo?: string;
+    title?: string;
+    topMenuItems?: IProMenuItem[];
+    topMenuSelectedKeys?: string[];
+    topMenuOpenKeys?: string[];
+    menuProps?: Record<string, unknown>;
+    /** 头部高度 */
+    headerHeight?: number;
+    /** 侧边栏宽度 */
+    siderWidth?: number;
+    /** 侧边栏收缩宽度 */
+    siderCollapsedWidth?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'header-left'?(_: {}): any;
+        'header-left-logo-img'?(_: {}): any;
+        'header-left-logo-title'?(_: {}): any;
+        'header-center-left'?(_: {}): any;
+        'header-center-center'?(_: {}): any;
+        'header-center-right'?(_: {}): any;
+        'header-right'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProLayoutHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    menuItemClick: (type: ProLayoutMenuType, item: IProMenuItem) => any;
+    openKeysChange: (type: ProLayoutMenuType, keys: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<IProLayoutHeaderProps> & Readonly<{
+    onMenuItemClick?: ((type: ProLayoutMenuType, item: IProMenuItem) => any) | undefined;
+    onOpenKeysChange?: ((type: ProLayoutMenuType, keys: string[]) => any) | undefined;
+}>, {
+    layout: ProLayoutMode;
+    prefixClsName: string;
+    title: string;
+    menuProps: Record<string, unknown>;
+    hideHeader: boolean;
+    siderCollapsed: boolean;
+    logo: string;
+    topMenuItems: IProMenuItem[];
+    topMenuSelectedKeys: string[];
+    topMenuOpenKeys: string[];
+    headerHeight: number;
+    siderWidth: number;
+    siderCollapsedWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,104 @@
+import { defineComponent as v, useCssVars as K, computed as d, createBlock as m, createCommentVNode as s, openBlock as o, unref as i, normalizeClass as l, withCtx as n, createElementVNode as a, renderSlot as t, createElementBlock as p, Fragment as h, createVNode as f, createTextVNode as H, toDisplayString as I } from "vue";
+import { LayoutHeader as P, Space as S, TypographyTitle as W } from "@arco-design/web-vue";
+import b from "../pro-menu/pro-menu.vue.js";
+/* empty css                        */
+import { ProLayoutMode as B, ProLayoutMenuType as y } from "./enum.js";
+const V = ["src"], D = /* @__PURE__ */ v({
+  __name: "pro-layout-header",
+  props: {
+    prefixClsName: { default: "keyblade-pro-layout" },
+    hideHeader: { type: Boolean, default: !1 },
+    siderCollapsed: { type: Boolean, default: !1 },
+    layout: { default: B.mix },
+    logo: { default: "" },
+    title: { default: "" },
+    topMenuItems: { default: () => [] },
+    topMenuSelectedKeys: { default: () => [] },
+    topMenuOpenKeys: { default: () => [] },
+    menuProps: { default: () => ({}) },
+    headerHeight: { default: 60 },
+    siderWidth: { default: 220 },
+    siderCollapsedWidth: { default: 48 }
+  },
+  emits: ["menuItemClick", "openKeysChange"],
+  setup(c, { emit: g }) {
+    K((e) => ({
+      "611b89eb": k.value,
+      c99dc91a: N.value,
+      "65d3bcb2": M.value
+    }));
+    const r = c, u = g, C = (e) => {
+      u("menuItemClick", y.top, e);
+    }, $ = (e) => {
+      u("openKeysChange", y.side, e);
+    }, k = d(() => `${r.headerHeight}px`), N = d(() => `${r.siderWidth}px`), M = d(() => `${r.siderCollapsedWidth}px`);
+    return (e, T) => e.hideHeader ? s("", !0) : (o(), m(i(P), {
+      key: 0,
+      class: l([`${e.prefixClsName}-header`, { [`${e.prefixClsName}-header-collapsed`]: e.siderCollapsed }])
+    }, {
+      default: n(() => [
+        a("div", {
+          class: l(`${e.prefixClsName}-header-left`)
+        }, [
+          e.$slots["header-left"] ? t(e.$slots, "header-left", { key: 0 }) : (o(), p(h, { key: 1 }, [
+            e.layout !== "side" ? (o(), p("div", {
+              key: 0,
+              class: l(`${e.prefixClsName}-header-left-logo`)
+            }, [
+              f(i(S), null, {
+                default: n(() => [
+                  t(e.$slots, "header-left-logo-img", {}, () => [
+                    a("img", {
+                      class: l(`${e.prefixClsName}-header-left-logo-img`),
+                      alt: "logo",
+                      src: e.logo
+                    }, null, 10, V)
+                  ]),
+                  e.siderCollapsed ? s("", !0) : t(e.$slots, "header-left-logo-title", { key: 0 }, () => [
+                    f(i(W), {
+                      class: l(`${e.prefixClsName}-header-left-logo-title`),
+                      heading: 5
+                    }, {
+                      default: n(() => [
+                        H(I(e.title), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ])
+                ]),
+                _: 3
+              })
+            ], 2)) : s("", !0)
+          ], 64))
+        ], 2),
+        a("div", {
+          class: l(`${e.prefixClsName}-header-center`)
+        }, [
+          e.$slots["header-center-left"] ? t(e.$slots, "header-center-left", { key: 0 }) : s("", !0),
+          e.topMenuItems.length > 0 ? (o(), m(b, {
+            key: 1,
+            mode: "horizontal",
+            "selected-keys": e.topMenuSelectedKeys,
+            "open-keys": e.topMenuOpenKeys,
+            items: e.topMenuItems,
+            "menu-props": e.menuProps,
+            onMenuItemClick: C,
+            onOpenKeysChange: $
+          }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (o(), p(h, { key: 2 }, [
+            e.$slots["header-center-center"] ? t(e.$slots, "header-center-center", { key: 0 }) : s("", !0)
+          ], 64)),
+          e.$slots["header-center-right"] ? t(e.$slots, "header-center-right", { key: 3 }) : s("", !0)
+        ], 2),
+        a("div", {
+          class: l(`${e.prefixClsName}-header-right`)
+        }, [
+          t(e.$slots, "header-right")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  D as default
+};

package/es/pro-layout/pro-layout-header.vue3.js

@@ -0,0 +1,5 @@
+import o from "./pro-layout-header.vue.js";
+/* empty css                       */
+export {
+  o as default
+};

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

@@ -31,16 +31,20 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
     tabsHeaderPadding: boolean;
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     hideHeader: boolean;
-    hiderSider: boolean;
-    headerHeight: number;
+    siderCollapsed: boolean;
     logo: string;
+    headerHeight: number;
     siderWidth: number;
+    hiderSider: boolean;
     siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
-    siderCollapsed: boolean;
     menuItems: import('../index.ts').IProMenuItem[];
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
+    cacheTabs: {
+        enable?: boolean;
+        autoRemove?: boolean;
+    };
     disableKeepAlive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,17 +1,19 @@
-import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as P } from "vue";
-import { Layout as B, LayoutHeader as ee, Space as F, TypographyTitle as N, LayoutSider as le, Button as te, Affix as oe, LayoutContent as se, LayoutFooter as ae } from "@arco-design/web-vue";
+import { defineComponent as J, useCssVars as Q, ref as K, useSlots as X, computed as Y, provide as g, onMounted as Z, watch as w, createBlock as u, openBlock as a, unref as e, normalizeClass as d, withCtx as o, createVNode as p, createSlots as _, renderSlot as i, createCommentVNode as f, createElementVNode as W, createElementBlock as k, Fragment as A, createTextVNode as z, toDisplayString as L } from "vue";
+import { Layout as b, LayoutSider as x, Space as ee, TypographyTitle as te, Button as oe, Affix as le, LayoutContent as ae, LayoutFooter as se } from "@arco-design/web-vue";
 import { IconMenuUnfold as de, IconMenuFold as re } from "@arco-design/web-vue/es/icon";
 import ie from "../pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js";
 import ne from "../pro-reuse-tabs/pro-reuse-tabs.vue.js";
 /* empty css                                    */
-import O from "../pro-menu/pro-menu.vue.js";
+import ue from "../pro-menu/pro-menu.vue.js";
 /* empty css                        */
-import { useHooks as ue } from "./hooks.js";
-import { ProLayoutMode as pe, ProLayoutMenuType as g } from "./enum.js";
-const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @__PURE__ */ X({
+import pe from "./pro-layout-header.vue.js";
+/* empty css                       */
+import { useHooks as me } from "./hooks.js";
+import { ProLayoutMode as fe, ProLayoutMenuType as O } from "./enum.js";
+const he = ["src"], l = "keyblade-pro-layout", D = 48, Be = /* @__PURE__ */ J({
   __name: "pro-layout",
   props: {
-    layout: { default: pe.mix },
+    layout: { default: fe.mix },
     hideHeader: { type: Boolean, default: !1 },
     hiderSider: { type: Boolean, default: !1 },
     headerHeight: { default: 60 },
@@ -28,221 +30,224 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
     tabsSize: { default: "small" },
     tabsType: { default: "rounded" },
     tabsHeaderPadding: { type: Boolean, default: !0 },
+    cacheTabs: { default: () => ({ enable: !1, autoRemove: !1 }) },
     disableKeepAlive: { type: Boolean, default: !1 },
     onMenuItemClick: {}
   },
   emits: {
     /** 收缩事件 */
-    collapse: (b) => !0,
+    collapse: (c) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (b) => !0
+    keepAliveIncludeChange: (c) => !0
   },
-  setup(b, { emit: V }) {
-    Y((l) => ({
-      "60f0bf10": L.value,
-      "30e69946": J,
-      "6cb36c08": Q
+  setup(c, { emit: F }) {
+    Q((t) => ({
+      "077257d0": S.value,
+      "155d1ac6": q,
+      "7931d4c8": G
     }));
-    const f = b, I = V, c = Z(), M = _(() => f.hiderSider || $.value.length > 0 && H.value.length === 0), {
+    const n = c, v = F, r = X(), C = Y(() => n.hiderSider || $.value.length > 0 && T.value.length === 0), {
       topMenuItems: $,
-      siderMenuItems: H,
-      topMenuSelectedKeys: E,
-      siderMenuSelectedKeys: R,
-      topMenuOpenKeys: U,
-      siderMenuOpenKeys: j,
-      breadcrumbItems: q,
-      tabs: S,
-      keepAliveInclude: v,
-      onProMenuItemClick: K,
-      onProMenuOpenKeysChange: z,
-      onTabClick: G,
-      onTabDelete: A
-    } = ue(f);
-    C("ProBreadcrumbItems", q), C("ProKeepAliveInclude", v), C("onProReuseTabDelete", A);
-    const L = w(`${f.headerHeight}px`), J = `${f.siderWidth}px`, Q = `${ce}px`, r = w(f.siderCollapsed), W = (l) => {
-      r.value = l, I("collapse", l);
+      siderMenuItems: T,
+      topMenuSelectedKeys: N,
+      siderMenuSelectedKeys: V,
+      topMenuOpenKeys: E,
+      siderMenuOpenKeys: R,
+      breadcrumbItems: U,
+      tabs: I,
+      keepAliveInclude: y,
+      onProMenuItemClick: M,
+      onProMenuOpenKeysChange: P,
+      onTabClick: j,
+      onTabDelete: B
+    } = me(n);
+    g("ProBreadcrumbItems", U), g("ProKeepAliveInclude", y), g("onProReuseTabDelete", B);
+    const S = K(`${n.headerHeight}px`), q = `${n.siderWidth}px`, G = `${D}px`, s = K(n.siderCollapsed), H = (t) => {
+      s.value = t, v("collapse", t);
     };
-    return x(() => {
-      f.hideHeader && (L.value = "0px");
-    }), D(() => f.siderCollapsed, () => {
-      r.value = f.siderCollapsed;
-    }, { immediate: !0 }), D(v, () => {
-      I("keepAliveIncludeChange", v.value);
-    }, { immediate: !0 }), (l, i) => (s(), n(e(B), {
-      class: o([t, `${t}-${l.layout}`])
+    return Z(() => {
+      n.hideHeader && (S.value = "0px");
+    }), w(() => n.siderCollapsed, () => {
+      s.value = n.siderCollapsed;
+    }, { immediate: !0 }), w(y, () => {
+      v("keepAliveIncludeChange", y.value);
+    }, { immediate: !0 }), (t, m) => (a(), u(e(b), {
+      class: d([l, `${l}-${t.layout}`])
     }, {
-      default: a(() => [
-        l.hideHeader ? d("", !0) : (s(), n(e(ee), {
-          key: 0,
-          class: o([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
-        }, {
-          default: a(() => [
-            y("div", {
-              class: o(`${t}-header-left`)
-            }, [
-              e(c)["header-left"] ? p(l.$slots, "header-left", { key: 0 }) : (s(), h(k, { key: 1 }, [
-                l.layout !== "side" ? (s(), h("div", {
-                  key: 0,
-                  class: o(`${t}-header-left-logo`)
-                }, [
-                  u(e(F), null, {
-                    default: a(() => [
-                      p(l.$slots, "header-left-logo-img", {}, () => [
-                        y("img", {
-                          class: o(`${t}-header-left-logo-img`),
-                          alt: "logo",
-                          src: l.logo
-                        }, null, 10, fe)
-                      ]),
-                      r.value ? d("", !0) : p(l.$slots, "header-left-logo-title", { key: 0 }, () => [
-                        u(e(N), {
-                          class: o(`${t}-header-left-logo-title`),
-                          heading: 5
-                        }, {
-                          default: a(() => [
-                            T(P(l.title), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["class"])
-                      ])
-                    ]),
-                    _: 3
-                  })
-                ], 2)) : d("", !0)
-              ], 64))
-            ], 2),
-            y("div", {
-              class: o(`${t}-header-center`)
-            }, [
-              e(c)["header-center-left"] ? p(l.$slots, "header-center-left", { key: 0 }) : d("", !0),
-              e($).length > 0 ? (s(), n(O, {
-                key: 1,
-                mode: "horizontal",
-                "selected-keys": e(E),
-                "open-keys": e(U),
-                items: e($),
-                "menu-props": l.menuProps,
-                onMenuItemClick: i[0] || (i[0] = (m) => e(K)(e(g).top, m)),
-                onOpenKeysChange: i[1] || (i[1] = (m) => e(z)(e(g).side, m))
-              }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), h(k, { key: 2 }, [
-                e(c)["header-center-center"] ? p(l.$slots, "header-center-center", { key: 0 }) : d("", !0)
-              ], 64)),
-              e(c)["header-center-right"] ? p(l.$slots, "header-center-right", { key: 3 }) : d("", !0)
-            ], 2),
-            y("div", {
-              class: o(`${t}-header-right`)
-            }, [
-              p(l.$slots, "header-right")
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["class"])),
-        u(e(B), null, {
-          default: a(() => [
-            M.value ? d("", !0) : (s(), n(e(le), {
+      default: o(() => [
+        p(pe, {
+          "prefix-cls-name": l,
+          "hide-header": t.hideHeader,
+          "sider-collapsed": s.value,
+          layout: t.layout,
+          logo: t.logo,
+          title: t.title,
+          "top-menu-items": e($),
+          "top-menu-selected-keys": e(N),
+          "top-menu-open-keys": e(E),
+          "menu-props": t.menuProps,
+          "header-height": t.headerHeight,
+          "sider-width": t.siderWidth,
+          "sider-collapsed-width": D,
+          onMenuItemClick: e(M),
+          onOpenKeysChange: e(P)
+        }, _({ _: 2 }, [
+          e(r)["header-left"] ? {
+            name: "header-left",
+            fn: o(() => [
+              i(t.$slots, "header-left")
+            ]),
+            key: "0"
+          } : void 0,
+          e(r)["header-left-logo-img"] ? {
+            name: "header-left-logo-img",
+            fn: o(() => [
+              i(t.$slots, "header-left-logo-img")
+            ]),
+            key: "1"
+          } : void 0,
+          e(r)["header-left-logo-title"] ? {
+            name: "header-left-logo-title",
+            fn: o(() => [
+              i(t.$slots, "header-left-logo-title")
+            ]),
+            key: "2"
+          } : void 0,
+          e(r)["header-center-left"] ? {
+            name: "header-center-left",
+            fn: o(() => [
+              i(t.$slots, "header-center-left")
+            ]),
+            key: "3"
+          } : void 0,
+          e(r)["header-center-center"] ? {
+            name: "header-center-center",
+            fn: o(() => [
+              i(t.$slots, "header-center-center")
+            ]),
+            key: "4"
+          } : void 0,
+          e(r)["header-center-right"] ? {
+            name: "header-center-right",
+            fn: o(() => [
+              i(t.$slots, "header-center-right")
+            ]),
+            key: "5"
+          } : void 0,
+          e(r)["header-right"] ? {
+            name: "header-right",
+            fn: o(() => [
+              i(t.$slots, "header-right")
+            ]),
+            key: "6"
+          } : void 0
+        ]), 1032, ["hide-header", "sider-collapsed", "layout", "logo", "title", "top-menu-items", "top-menu-selected-keys", "top-menu-open-keys", "menu-props", "header-height", "sider-width", "onMenuItemClick", "onOpenKeysChange"]),
+        p(e(b), null, {
+          default: o(() => [
+            C.value ? f("", !0) : (a(), u(e(x), {
               key: 0,
-              class: o([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
-              width: l.siderWidth,
+              class: d([`${l}-sider`, { [`${l}-sider-collapsed`]: s.value }]),
+              width: t.siderWidth,
               collapsible: !0,
-              breakpoint: l.siderBreakpoint,
-              collapsed: r.value,
+              breakpoint: t.siderBreakpoint,
+              collapsed: s.value,
               "hide-trigger": !0,
-              onCollapse: W
+              onCollapse: H
             }, {
-              default: a(() => [
-                y("div", {
-                  class: o(`${t}-sider-content`)
+              default: o(() => [
+                W("div", {
+                  class: d(`${l}-sider-content`)
                 }, [
-                  e(c)["sider-top"] ? p(l.$slots, "sider-top", { key: 0 }) : (s(), h(k, { key: 1 }, [
-                    l.layout === "side" ? (s(), h("div", {
+                  e(r)["sider-top"] ? i(t.$slots, "sider-top", { key: 0 }) : (a(), k(A, { key: 1 }, [
+                    t.layout === "side" ? (a(), k("div", {
                       key: 0,
-                      class: o(`${t}-sider-content-logo`)
+                      class: d(`${l}-sider-content-logo`)
                     }, [
-                      u(e(F), null, {
-                        default: a(() => [
-                          y("img", {
-                            class: o(`${t}-sider-content-logo-img`),
+                      p(e(ee), null, {
+                        default: o(() => [
+                          W("img", {
+                            class: d(`${l}-sider-content-logo-img`),
                             alt: "logo",
-                            src: l.logo
-                          }, null, 10, me),
-                          r.value ? d("", !0) : (s(), n(e(N), {
+                            src: t.logo
+                          }, null, 10, he),
+                          s.value ? f("", !0) : (a(), u(e(te), {
                             key: 0,
-                            class: o(`${t}-sider-content-logo-title`),
+                            class: d(`${l}-sider-content-logo-title`),
                             heading: 5
                           }, {
-                            default: a(() => [
-                              T(P(l.title), 1)
+                            default: o(() => [
+                              z(L(t.title), 1)
                             ]),
                             _: 1
                           }, 8, ["class"]))
                         ]),
                         _: 1
                       })
-                    ], 2)) : d("", !0)
+                    ], 2)) : f("", !0)
                   ], 64)),
-                  u(O, {
+                  p(ue, {
                     mode: "vertical",
-                    collapsed: r.value,
-                    "selected-keys": e(R),
-                    "open-keys": e(j),
-                    items: e(H),
-                    "menu-props": l.menuProps,
-                    onMenuItemClick: i[2] || (i[2] = (m) => e(K)(e(g).side, m)),
-                    onOpenKeysChange: i[3] || (i[3] = (m) => e(z)(e(g).side, m))
+                    collapsed: s.value,
+                    "selected-keys": e(V),
+                    "open-keys": e(R),
+                    items: e(T),
+                    "menu-props": t.menuProps,
+                    onMenuItemClick: m[0] || (m[0] = (h) => e(M)(e(O).side, h)),
+                    onOpenKeysChange: m[1] || (m[1] = (h) => e(P)(e(O).side, h))
                   }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
                 ], 2),
-                u(e(te), {
-                  class: o(`${t}-sider-collapse-btn`),
+                p(e(oe), {
+                  class: d(`${l}-sider-collapse-btn`),
                   size: "mini",
-                  onClick: i[4] || (i[4] = (m) => W(!r.value))
+                  onClick: m[2] || (m[2] = (h) => H(!s.value))
                 }, {
-                  icon: a(() => [
-                    r.value ? (s(), n(e(de), { key: 0 })) : (s(), n(e(re), { key: 1 }))
+                  icon: o(() => [
+                    s.value ? (a(), u(e(de), { key: 0 })) : (a(), u(e(re), { key: 1 }))
                   ]),
                   _: 1
                 }, 8, ["class"])
               ]),
               _: 3
             }, 8, ["class", "width", "breakpoint", "collapsed"])),
-            u(e(B), {
-              class: o([
-                `${t}-body`,
-                { [`${t}-body-hide-sider`]: M.value },
-                { [`${t}-body-collapsed`]: r.value }
+            p(e(b), {
+              class: d([
+                `${l}-body`,
+                { [`${l}-body-hide-sider`]: C.value },
+                { [`${l}-body-collapsed`]: s.value }
               ])
             }, {
-              default: a(() => [
-                l.hideTabs ? d("", !0) : (s(), n(e(oe), {
+              default: o(() => [
+                t.hideTabs ? f("", !0) : (a(), u(e(le), {
                   key: 0,
-                  class: o(`${t}-body-affix`),
-                  offsetTop: l.hideHeader ? 0 : l.headerHeight
+                  class: d(`${l}-body-affix`),
+                  offsetTop: t.hideHeader ? 0 : t.headerHeight
                 }, {
-                  default: a(() => [
-                    e(S).length > 0 ? (s(), n(ne, {
+                  default: o(() => [
+                    e(I).length > 0 ? (a(), u(ne, {
                       key: 0,
-                      tabs: e(S),
-                      "tabs-size": l.tabsSize,
-                      "tabs-type": l.tabsType,
-                      "tabs-header-padding": l.tabsHeaderPadding,
-                      onTabClick: e(G),
-                      onTabDelete: e(A)
-                    }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
+                      tabs: e(I),
+                      "tabs-size": t.tabsSize,
+                      "tabs-type": t.tabsType,
+                      "tabs-header-padding": t.tabsHeaderPadding,
+                      onTabClick: e(j),
+                      onTabDelete: e(B)
+                    }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                   ]),
                   _: 1
                 }, 8, ["class", "offsetTop"])),
-                u(e(se), null, {
-                  default: a(() => [
-                    u(ie)
+                p(e(ae), null, {
+                  default: o(() => [
+                    p(ie)
                   ]),
                   _: 1
                 }),
-                l.hideFooter ? d("", !0) : (s(), h(k, { key: 1 }, [
-                  e(c).footer !== void 0 ? p(l.$slots, "footer", { key: 0 }) : (s(), n(e(ae), {
+                t.hideFooter ? f("", !0) : (a(), k(A, { key: 1 }, [
+                  e(r).footer !== void 0 ? i(t.$slots, "footer", { key: 0 }) : (a(), u(e(se), {
                     key: 1,
-                    class: o(`${t}-body-footer`)
+                    class: d(`${l}-body-footer`)
                   }, {
-                    default: a(() => [
-                      T(P(l.footerTitle), 1)
+                    default: o(() => [
+                      z(L(t.footerTitle), 1)
                     ]),
                     _: 1
                   }, 8, ["class"]))

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

@@ -72,6 +72,15 @@ export interface IProLayoutProps {
      * tabs头部间距
      */
     tabsHeaderPadding?: boolean;
+    /**
+     * 是否缓存tabs(刷新页面会保存浏览记录)
+     */
+    cacheTabs?: {
+        /** 是否开启缓存 */
+        enable?: boolean;
+        /** 开启缓存后，是否自动删除，开启后，使用缓存数据后立即删除，否则同一浏览器标签期间一直存在 */
+        autoRemove?: boolean;
+    };
     /**
      * 禁用全局路由缓存
      */