@keyblade/pro-components 1.15.0-alpha.5 → 1.15.0-alpha.7

package/es/index.d.ts

@@ -9,6 +9,7 @@ export { default as ProFindPassword } from './pro-find-password';
 export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
 export { default as ProLayout } from './pro-layout';
+export { ProLayoutHeader } from './pro-layout';
 export { default as ProFooterBar } from './pro-footer-bar';
 export { default as ProMenu } from './pro-menu';
 export type { IProMenuItem } from './pro-menu';

package/es/index.js

@@ -2,55 +2,56 @@ import { ProLogin as e } from "./pro-login/index.js";
 import { ProFindPassword as m } from "./pro-find-password/index.js";
 import { ProPageHeader as t } from "./pro-page-header/index.js";
 import { ProKeepAliveRouterView as s } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as i } from "./pro-layout/index.js";
-import { ProMenu as f } from "./pro-menu/index.js";
-import { ProPageContainer as P } from "./pro-page-container/index.js";
-import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
-import { ProImageUpload as a } from "./pro-image-upload/index.js";
-import { ProDatesPicker as n } from "./pro-dates-picker/index.js";
+import { ProLayout as i, ProLayoutHeader as f } from "./pro-layout/index.js";
+import { ProMenu as P } from "./pro-menu/index.js";
+import { ProPageContainer as u } from "./pro-page-container/index.js";
+import { ProReuseTabs as a } from "./pro-reuse-tabs/index.js";
+import { ProImageUpload as n } from "./pro-image-upload/index.js";
+import { ProDatesPicker as d } from "./pro-dates-picker/index.js";
 import { ProDateRangePicker as l } from "./pro-date-range-picker/index.js";
-import { ProTable as d } from "./pro-table/index.js";
-import { ProTextarea as g } from "./pro-textarea/index.js";
-import { ProFooterBar as x } from "./pro-footer-bar/index.js";
-import { ProFormGroup as p } from "./pro-form-group/index.js";
-import { ProCalendar as b } from "./pro-calendar/index.js";
-import { ProLoader as c } from "./pro-loader/index.js";
+import { ProTable as g } from "./pro-table/index.js";
+import { ProTextarea as x } from "./pro-textarea/index.js";
+import { ProFooterBar as b } from "./pro-footer-bar/index.js";
+import { ProFormGroup as c } from "./pro-form-group/index.js";
+import { ProCalendar as p } from "./pro-calendar/index.js";
+import { ProLoader as L } from "./pro-loader/index.js";
 import { globalProps as F } from "./global-props.js";
-import { setGlobalProps as M } from "./global-props.js";
-import { splitStringWithCommaAndSpace as W } from "./utils.js";
-import { EImageUploadInnerBeforeUploadStep as z } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as N } from "./pro-image-upload/constant.js";
-import { EProLoginType as X } from "./pro-login/enum.js";
-import { EFindPasswordSteps as Z } from "./pro-find-password/enum.js";
+import { setGlobalProps as V } from "./global-props.js";
+import { splitStringWithCommaAndSpace as q } from "./utils.js";
+import { EImageUploadInnerBeforeUploadStep as J } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as Q } from "./pro-image-upload/constant.js";
+import { EProLoginType as Y } from "./pro-login/enum.js";
+import { EFindPasswordSteps as _ } from "./pro-find-password/enum.js";
 const v = {
   install(o, r) {
-    Object.assign(F, r || {}), o.use(e), o.use(m), o.use(t), o.use(s), o.use(i), o.use(x), o.use(f), o.use(P), o.use(u), o.use(a), o.use(n), o.use(l), o.use(g), o.use(d), o.use(p), o.use(b), o.use(c);
+    Object.assign(F, r || {}), o.use(e), o.use(m), o.use(t), o.use(s), o.use(i), o.use(f), o.use(b), o.use(P), o.use(u), o.use(a), o.use(n), o.use(d), o.use(l), o.use(x), o.use(g), o.use(c), o.use(p), o.use(L);
   }
 };
 export {
-  Z as EFindPasswordSteps,
-  z as EImageUploadInnerBeforeUploadStep,
-  X as EProLoginType,
-  b as ProCalendar,
+  _ as EFindPasswordSteps,
+  J as EImageUploadInnerBeforeUploadStep,
+  Y as EProLoginType,
+  p as ProCalendar,
   l as ProDateRangePicker,
-  n as ProDatesPicker,
+  d as ProDatesPicker,
   m as ProFindPassword,
-  x as ProFooterBar,
-  p as ProFormGroup,
-  a as ProImageUpload,
+  b as ProFooterBar,
+  c as ProFormGroup,
+  n as ProImageUpload,
   s as ProKeepAliveRouterView,
   i as ProLayout,
-  c as ProLoader,
+  f as ProLayoutHeader,
+  L as ProLoader,
   e as ProLogin,
-  f as ProMenu,
-  P as ProPageContainer,
+  P as ProMenu,
+  u as ProPageContainer,
   t as ProPageHeader,
-  u as ProReuseTabs,
-  d as ProTable,
-  g as ProTextarea,
+  a as ProReuseTabs,
+  g as ProTable,
+  x as ProTextarea,
   v as default,
-  N as defaultImageUploadOptions,
+  Q as defaultImageUploadOptions,
   F as globalProps,
-  M as setGlobalProps,
-  W as splitStringWithCommaAndSpace
+  V as setGlobalProps,
+  q as splitStringWithCommaAndSpace
 };

package/es/pro-layout/hooks.js

@@ -1,143 +1,143 @@
-var V = Object.defineProperty, X = Object.defineProperties;
-var Y = Object.getOwnPropertyDescriptors;
-var x = Object.getOwnPropertySymbols;
-var Z = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var J = (c, s, n) => s in c ? V(c, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : c[s] = n, O = (c, s) => {
-  for (var n in s || (s = {}))
-    Z.call(s, n) && J(c, n, s[n]);
-  if (x)
-    for (var n of x(s))
-      $.call(s, n) && J(c, n, s[n]);
-  return c;
-}, A = (c, s) => X(c, Y(s));
-var W = (c, s, n) => new Promise((K, P) => {
-  var p = (f) => {
+var X = Object.defineProperty, Y = Object.defineProperties;
+var Z = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var R = (s, f, i) => f in s ? X(s, f, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[f] = i, N = (s, f) => {
+  for (var i in f || (f = {}))
+    $.call(f, i) && R(s, i, f[i]);
+  if (J)
+    for (var i of J(f))
+      _.call(f, i) && R(s, i, f[i]);
+  return s;
+}, A = (s, f) => Y(s, Z(f));
+var W = (s, f, i) => new Promise((o, b) => {
+  var P = (c) => {
     try {
-      u(n.next(f));
+      p(i.next(c));
     } catch (d) {
-      P(d);
+      b(d);
     }
-  }, M = (f) => {
+  }, y = (c) => {
     try {
-      u(n.throw(f));
+      p(i.throw(c));
     } catch (d) {
-      P(d);
+      b(d);
     }
-  }, u = (f) => f.done ? K(f.value) : Promise.resolve(f.value).then(p, M);
-  u((n = n.apply(c, s)).next());
+  }, p = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(P, y);
+  p((i = i.apply(s, f)).next());
 });
-import { ref as v, computed as _, watch as E } from "vue";
-import { useRoute as I, useRouter as m } from "vue-router";
+import { ref as v, computed as I, watch as E } from "vue";
+import { useRoute as m, useRouter as ee } from "vue-router";
 import { ProLayoutMode as k, ProLayoutMenuType as D } from "./enum.js";
-const ne = (c) => {
-  const s = I(), n = m(), K = v([]), P = v([]), p = v([]), M = v([]), u = v(), f = v([]), d = v({}), N = v([]), h = v([]), T = v([]), S = v([]), y = v([]), g = _(() => {
-    const e = [...c.menuItems], a = (t) => {
+const ie = (s) => {
+  const f = "cacheRouteTabs", i = m(), o = ee(), b = v([]), P = v([]), y = v([]), p = v([]), c = v(), d = v([]), K = v({}), x = v([]), h = v([]), S = v([]), C = v([]), M = v([]), g = I(() => {
+    const e = [...s.menuItems], a = (t) => {
       t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
-            l.children = l.children.map((i) => A(O({}, i), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((n) => A(N({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const i = l.children.find((o) => o.topMenu !== void 0);
-            i && (l.topChildrenMenu = i.topMenu, l.children = l.children.map((o) => A(O({}, o), { topMenu: i.topMenu })));
+            const n = l.children.find((u) => u.topMenu !== void 0);
+            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((u) => A(N({}, u), { topMenu: n.topMenu })));
           }
           a(l.children);
         }
       });
     };
-    return c.layout === k.mix && a(e), e;
+    return s.layout === k.mix && a(e), e;
   }), L = (e) => {
     var a;
-    if (K.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
-      y.value = [], n == null || n.push({ path: e.path });
-    else if (y.value = e.children, e != null && e.redirect)
+    if (b.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
+      M.value = [], o == null || o.push({ path: e.path });
+    else if (M.value = e.children, e != null && e.redirect)
       if (typeof e.redirect == "string")
-        n == null || n.push({ path: e.redirect });
+        o == null || o.push({ path: e.redirect });
       else if (typeof e.redirect == "function") {
-        const t = e.redirect(s);
-        n == null || n.push(t);
+        const t = e.redirect(i);
+        o == null || o.push(t);
       } else
-        n == null || n.push(e.redirect);
-  }, R = (e) => {
-    e != null && e.name ? n == null || n.push({ name: e.name }) : n == null || n.push({ path: e.path }), P.value = [e.name];
-  }, B = (e, a) => W(null, null, function* () {
-    if (a != null && a.path && !(c != null && c.onMenuItemClick && !(yield c.onMenuItemClick(a)))) {
+        o == null || o.push(e.redirect);
+  }, B = (e) => {
+    e != null && e.name ? o == null || o.push({ name: e.name }) : o == null || o.push({ path: e.path }), P.value = [e.name];
+  }, H = (e, a) => W(null, null, function* () {
+    if (a != null && a.path && !(s != null && s.onMenuItemClick && !(yield s.onMenuItemClick(a)))) {
       if (a.path.startsWith("http") || a.path.startsWith("https")) {
         window.open(a.path);
         return;
       }
-      e === D.top ? L(a) : R(a);
+      e === D.top ? L(a) : B(a);
     }
-  }), H = (e, a) => {
-    e === D.top ? p.value = a : M.value = a;
-  }, j = () => {
+  }), j = (e, a) => {
+    e === D.top ? y.value = a : p.value = a;
+  }, q = () => {
     const e = [], a = (t) => {
       var l;
-      for (const i in t) {
-        const o = t[i];
-        if (o.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || o.children && o.children.length > 0 && a(o.children))
-          return e.unshift(o), !0;
+      for (const n in t) {
+        const u = t[n];
+        if (u.name === ((l = c == null ? void 0 : c.value) == null ? void 0 : l.name) || u.children && u.children.length > 0 && a(u.children))
+          return e.unshift(u), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(g.value))), f.value = e;
-  }, q = () => {
+    a(JSON.parse(JSON.stringify(g.value))), d.value = e;
+  }, z = () => {
     var a, t, l;
-    const e = (a = f.value) == null ? void 0 : a.map((i) => ({ path: i == null ? void 0 : i.path, label: i == null ? void 0 : i.title }));
-    N.value = (t = u.value) != null && t.breadcrumbs ? (l = u.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
+    const e = (a = d.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
+    x.value = (t = c.value) != null && t.breadcrumbs ? (l = c.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
-  function z() {
-    var b, C;
-    if (!u.value || u.value.noAffix) {
+  function F() {
+    var T, O;
+    if (!c.value || c.value.noAffix) {
       h.value.forEach((r) => {
         r.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = u.value;
+    const { name: e, title: a } = c.value;
     h.value.forEach((r) => {
       r.active = !1;
     });
-    const t = (b = s.meta) == null ? void 0 : b.getTitle, l = typeof t == "function" ? t(s) : void 0, i = {
+    const t = (T = i.meta) == null ? void 0 : T.getTitle, l = typeof t == "function" ? t(i) : void 0, n = {
       name: e,
-      parentNames: f.value.map((r) => r.name),
-      title: (C = l != null ? l : a) != null ? C : e,
-      fullPath: s.fullPath,
+      parentNames: d.value.map((r) => r.name),
+      title: (O = l != null ? l : a) != null ? O : e,
+      fullPath: i.fullPath,
       active: !0
-    }, o = h.value.findIndex((r) => r.fullPath.startsWith(s.path));
-    o >= 0 ? (h.value[o].active = !0, h.value[o].fullPath = s.fullPath) : h.value.push(i);
+    }, u = h.value.findIndex((r) => r.fullPath.startsWith(i.path));
+    u >= 0 ? (h.value[u].active = !0, h.value[u].fullPath = i.fullPath) : h.value.push(n);
   }
-  const F = (e) => {
+  const G = (e) => {
     const a = h.value.find((t) => t.fullPath === e);
-    a && n.push(a.fullPath);
-  }, G = (e) => {
+    a && o.push(a.fullPath);
+  }, Q = (e) => {
     let a = -1, t = -1;
-    if (h.value.forEach((i, o) => {
-      i.fullPath === e && (t = o), i.active && (a = o);
+    if (h.value.forEach((n, u) => {
+      n.fullPath === e && (t = u), n.active && (a = u);
     }), t === -1) return;
     if (a === t) {
-      let i;
-      t === 0 ? i = h.value[t + 1] : i = h.value[t - 1], i && (i.active = !0, n.push(i.fullPath));
+      let n;
+      t === 0 ? n = h.value[t + 1] : n = h.value[t - 1], n && (n.active = !0, o.push(n.fullPath));
     }
     const l = h.value.splice(t, 1);
-    U(l[0]);
-  }, Q = () => {
+    V(l[0]);
+  }, U = () => {
     var a;
-    if (c != null && c.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
+    if (s != null && s.disableKeepAlive || (a = i == null ? void 0 : i.meta) != null && a.ignoreCache)
       return;
-    const e = new Set(T.value);
-    f.value.forEach((t) => {
+    const e = new Set(S.value);
+    d.value.forEach((t) => {
       t.name && e.add(t.name);
-    }), T.value = Array.from(e.values());
-  }, U = (e) => {
-    const a = new Set(T.value);
+    }), S.value = Array.from(e.values());
+  }, V = (e) => {
+    const a = new Set(S.value);
     e.parentNames.forEach((t) => {
       a.delete(t);
     }), h.value.forEach((t) => {
       t.parentNames.forEach((l) => {
-        const i = d.value[l];
-        i && (i != null && i.ignoreCache || a.add(i.name));
+        const n = K.value[l];
+        n && (n != null && n.ignoreCache || a.add(n.name));
       });
-    }), T.value = Array.from(a.values());
+    }), S.value = Array.from(a.values());
   };
   return E(() => g.value, () => {
     const e = {}, a = (t) => {
@@ -145,46 +145,52 @@ const ne = (c) => {
         l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    a(JSON.parse(JSON.stringify(g.value))), d.value = e;
-  }, { immediate: !0 }), E(() => [c.layout, g.value], () => {
+    a(JSON.parse(JSON.stringify(g.value))), K.value = e;
+  }, { immediate: !0 }), E(() => [s.layout, g.value], () => {
     var e, a, t;
-    if (S.value = [], y.value = [], p.value = [...((e = c.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = c.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], c.layout === k.side)
-      y.value = g.value;
-    else if (c.layout === k.mix) {
-      const l = (t = g.value) == null ? void 0 : t.filter((i) => i.topMenu);
-      (l == null ? void 0 : l.length) === 0 ? y.value = g.value : S.value = l;
+    if (C.value = [], M.value = [], y.value = [...((e = s.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...y.value], p.value = [...((a = s.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...p.value], s.layout === k.side)
+      M.value = g.value;
+    else if (s.layout === k.mix) {
+      const l = (t = g.value) == null ? void 0 : t.filter((n) => n.topMenu);
+      (l == null ? void 0 : l.length) === 0 ? M.value = g.value : C.value = l;
+    }
+    if (s != null && s.cacheTabs) {
+      const l = JSON.parse(sessionStorage.getItem(f) || "[]") || [];
+      l.forEach((n) => n.active = !1), h.value = l, sessionStorage.removeItem(f);
     }
-  }, { immediate: !0 }), E(() => [s == null ? void 0 : s.name, s == null ? void 0 : s.fullPath], () => {
-    var t, l, i;
-    const e = s == null ? void 0 : s.name;
-    u.value = d.value[e], j();
-    const a = f.value.filter((o) => o.topMenu);
-    if (a.length > 0 && S.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = u != null && u.value ? [...a.map((o) => o.name), ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = u != null && u.value ? [u.value.name, ...((i = u.value) == null ? void 0 : i.activatedKeys) || []] : [], u.value) {
-      const o = f.value.filter((r, w) => w < f.value.length - 1), b = o.filter((r) => r.topMenu).map((r) => r.name), C = o.filter((r) => !r.topMenu).map((r) => r.name);
-      u.value.activatedKeys && u.value.activatedKeys.length > 0 && u.value.activatedKeys.forEach((r) => {
-        const w = d.value[r];
-        w && (w.topMenu ? b.push(r) : C.push(r));
-      }), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...b])), M.value = Array.from(/* @__PURE__ */ new Set([...M.value, ...C]));
+  }, { immediate: !0 }), E(() => [i == null ? void 0 : i.name, i == null ? void 0 : i.fullPath], () => {
+    var t, l, n;
+    const e = i == null ? void 0 : i.name;
+    c.value = K.value[e], q();
+    const a = d.value.filter((u) => u.topMenu);
+    if (a.length > 0 && C.value.length > 0 && (M.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), b.value = c != null && c.value ? [...a.map((u) => u.name), ...((l = c.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = c != null && c.value ? [c.value.name, ...((n = c.value) == null ? void 0 : n.activatedKeys) || []] : [], c.value) {
+      const u = d.value.filter((r, w) => w < d.value.length - 1), T = u.filter((r) => r.topMenu).map((r) => r.name), O = u.filter((r) => !r.topMenu).map((r) => r.name);
+      c.value.activatedKeys && c.value.activatedKeys.length > 0 && c.value.activatedKeys.forEach((r) => {
+        const w = K.value[r];
+        w && (w.topMenu ? T.push(r) : O.push(r));
+      }), y.value = Array.from(/* @__PURE__ */ new Set([...y.value, ...T])), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...O]));
     }
-    q(), c.hideTabs || z(), Q();
-  }, { immediate: !0 }), {
-    topMenuItems: S,
-    siderMenuItems: y,
-    topMenuSelectedKeys: K,
+    z(), s.hideTabs || F(), U();
+  }, { immediate: !0 }), E(() => h.value, () => {
+    s != null && s.cacheTabs && sessionStorage.setItem(f, JSON.stringify(h.value || []));
+  }, { deep: !0 }), {
+    topMenuItems: C,
+    siderMenuItems: M,
+    topMenuSelectedKeys: b,
     siderMenuSelectedKeys: P,
-    topMenuOpenKeys: p,
-    siderMenuOpenKeys: M,
-    activeMenuItem: u,
-    menuItemMap: d,
-    breadcrumbItems: N,
+    topMenuOpenKeys: y,
+    siderMenuOpenKeys: p,
+    activeMenuItem: c,
+    menuItemMap: K,
+    breadcrumbItems: x,
     tabs: h,
-    keepAliveInclude: T,
-    onProMenuItemClick: B,
-    onProMenuOpenKeysChange: H,
-    onTabClick: F,
-    onTabDelete: G
+    keepAliveInclude: S,
+    onProMenuItemClick: H,
+    onProMenuOpenKeysChange: j,
+    onTabClick: G,
+    onTabDelete: Q
   };
 };
 export {
-  ne as useHooks
+  ie as useHooks
 };

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

@@ -14,16 +14,17 @@ declare const ProLayout: {
         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('..').IProMenuItem[];
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
+        cacheTabs: boolean;
         disableKeepAlive: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -43,16 +44,17 @@ declare const ProLayout: {
         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('..').IProMenuItem[];
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
+        cacheTabs: boolean;
         disableKeepAlive: boolean;
     }>;
     __isFragment?: never;
@@ -72,16 +74,17 @@ declare const ProLayout: {
     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('..').IProMenuItem[];
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
+    cacheTabs: boolean;
     disableKeepAlive: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
@@ -98,6 +101,88 @@ declare const ProLayout: {
 }) & {
     install: (app: App) => void;
 };
+declare const ProLayoutHeader: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
+        onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
+        onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        menuItemClick: (type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any;
+        openKeysChange: (type: import('./enum').ProLayoutMenuType, keys: string[]) => any;
+    }, import('vue').PublicProps, {
+        layout: import('./enum').ProLayoutMode;
+        prefixClsName: string;
+        title: string;
+        menuProps: Record<string, unknown>;
+        hideHeader: boolean;
+        siderCollapsed: boolean;
+        logo: string;
+        topMenuItems: import('..').IProMenuItem[];
+        topMenuSelectedKeys: string[];
+        topMenuOpenKeys: string[];
+        headerHeight: number;
+        siderWidth: number;
+        siderCollapsedWidth: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
+        onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
+        onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        layout: import('./enum').ProLayoutMode;
+        prefixClsName: string;
+        title: string;
+        menuProps: Record<string, unknown>;
+        hideHeader: boolean;
+        siderCollapsed: boolean;
+        logo: string;
+        topMenuItems: import('..').IProMenuItem[];
+        topMenuSelectedKeys: string[];
+        topMenuOpenKeys: string[];
+        headerHeight: number;
+        siderWidth: number;
+        siderCollapsedWidth: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
+    onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
+    onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    menuItemClick: (type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any;
+    openKeysChange: (type: import('./enum').ProLayoutMenuType, keys: string[]) => any;
+}, string, {
+    layout: import('./enum').ProLayoutMode;
+    prefixClsName: string;
+    title: string;
+    menuProps: Record<string, unknown>;
+    hideHeader: boolean;
+    siderCollapsed: boolean;
+    logo: string;
+    topMenuItems: import('..').IProMenuItem[];
+    topMenuSelectedKeys: string[];
+    topMenuOpenKeys: string[];
+    headerHeight: number;
+    siderWidth: number;
+    siderCollapsedWidth: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $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;
+    };
+}) & {
+    install: (app: App) => void;
+};
 /** 导出组件 */
-export { ProLayout };
+export { ProLayout, ProLayoutHeader };
 export default ProLayout;

package/es/pro-layout/index.js

@@ -1,11 +1,18 @@
-import o from "./pro-layout.vue.js";
+import t from "./pro-layout.vue.js";
 /* empty css                */
-const r = Object.assign(o, {
-  install: (t) => {
-    t.component("KbProLayout", o);
+import a from "./pro-layout-header.vue.js";
+/* empty css                       */
+const i = Object.assign(t, {
+  install: (o) => {
+    o.component("KbProLayout", t);
+  }
+}), m = Object.assign(a, {
+  install: (o) => {
+    o.component("KbProLayoutHeader", a);
   }
 });
 export {
-  r as ProLayout,
-  r as default
+  i as ProLayout,
+  m as ProLayoutHeader,
+  i as default
 };