fix(PageContainer): fixedHeader headerHeight undefined.

examples/layouts/BasicLayout.vue

@@ -151,6 +151,7 @@ export default defineComponent({
       navTheme: 'dark',
       layout: 'side',
       fixSiderbar: true,
+      fixedHeader: true,
     });
     const breadcrumb = computed(() =>
       router.currentRoute.value.matched.concat().map(item => {

examples/layouts/CustomLayout.vue

@@ -6,6 +6,7 @@
     v-bind="state"
     :loading="loading"
     :breadcrumb="{ routes: breadcrumb }"
+    breakpoint="sm"
   >
     <template #menuHeaderRender>
       <a>

examples/views/page1.vue

@@ -8,6 +8,7 @@
     </template>
     <span>page-content</span>
     <a-button @click="handleClick">Button</a-button>
+    <p v-for="item in new Array(20)" :key="item">text block...</p>
   </page-container>
 </template>
 

src/BasicLayout.tsx

@@ -182,6 +182,7 @@ const ProLayout = defineComponent({
           'disableMobile',
           'fixSiderbar',
           'fixedHeader',
+          'headerHeight',
           // 'hasSideMenu',
           // 'hasHeader',
           // 'hasFooter',

src/PageContainer/index.tsx

@@ -275,6 +275,8 @@ const PageContainer = defineComponent({
     return () => {
       const footer = getPropsSlot(slots, props, 'footer');
 
+      //
+      console.log('value.headerHeight', value.headerHeight);
       return (
         <div class={classNames.value}>
           {value.fixedHeader ? (

src/SiderMenu/SiderMenu.tsx

@@ -64,7 +64,7 @@ export const siderMenuProps = {
     default: () => undefined,
   },
   breakpoint: {
-    type: [Object, Boolean] as PropType<SiderProps['breakpoint'] | false>,
+    type: [Object, String, Boolean] as PropType<SiderProps['breakpoint'] | false>,
     default: () => false,
   },
   isMobile: PropTypes.bool,