fix: loss headerHeight

examples/demo/page1.tsx

@@ -117,6 +117,48 @@ export default defineComponent({
         }} */
       >
         <pre>{JSON.stringify(route.meta, null, 4)}</pre>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
+        <p>
+          <p>block</p>
+          ...
+          <br />
+          long text..
+        </p>
       </PageContainer>
     );
   },

examples/index.tsx

@@ -71,7 +71,7 @@ const BasicLayout = defineComponent({
       watch(route, () => {
         updateSelectedMenu();
         updateOpenKeys();
-      })
+      });
     });
 
     return () => (
@@ -145,9 +145,8 @@ const BasicLayout = defineComponent({
           routes: breadcrumb.value,
         }}
       >
-        <WaterMark content="Pro Layout">
-          <router-view />
-        </WaterMark>
+        <router-view />
+
         <FooterToolbar>
           <Space>
             <Button

package.json

@@ -72,10 +72,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.11.2",
-    "ant-design-vue": "^2.2.0-beta.3",
+    "ant-design-vue": "^2.2.0-rc.1",
     "core-js": "^3.9.1",
     "lodash-es": "^4.17.20",
     "omit.js": "^2.0.2",
+    "vue": "^3.1.0",
     "vue-types": "^3.0.1"
   },
   "files": [

src/BasicLayout.tsx

@@ -189,6 +189,7 @@ const ProLayout = defineComponent({
       fixedHeader: refProps.fixSiderbar,
       fixSiderbar: refProps.fixSiderbar,
       sideWidth: siderWidth,
+      headerHeight: refProps.headerHeight,
       hasFooterToolbar: false,
       menuData: refProps.menuData,
       selectedKeys: refProps.selectedKeys,

src/PageContainer/index.tsx

@@ -314,5 +314,5 @@ const PageContainer = defineComponent({
     );
   },
 });
-
+// <WaterMark content="Pro Layout"></WaterMark>
 export default withInstall(PageContainer);

src/RouteContext.tsx

@@ -45,6 +45,7 @@ export interface RouteContextProps extends Partial<PureSettings>, MenuState {
   hasSideMenu?: boolean;
   hasHeader?: boolean;
   sideWidth?: number;
+  headerHeight?: number;
   hasFooterToolbar?: boolean;
   hasFooter?: boolean;
   setHasFooterToolbar?: (bool: boolean) => void;