@gx-design-vue/pro-layout 0.1.0-beta.4 → 0.1.0-beta.41

package/README.md

@@ -1,10 +1,10 @@
-# ProWaterMark
+# ProLayout
 
 ```shell
-pnpm add @gx-design-vue/pro-watermark
+pnpm add @gx-design-vue/pro-layout
 ```
 
 ```ts
 // 可全局引入，也可以单独引入
-import { GPorWaterMark } from '@gx-design-vue/pro-watermark'
+import { GProLayout } from '@gx-design-vue/pro-layout'
 ```

package/dist/Context.d.ts

@@ -2,7 +2,7 @@ import type { ComputedRef, Ref } from 'vue';
 import type { PrefixCls, CustomRender } from '@gx-design-vue/pro-utils';
 import type { ThemeConfig } from '@gx-design-vue/pro-provider';
 import type { AppRouteModule } from './route';
-import type { BasicLayoutProps } from './ProLayout';
+import type { PageContainerProps } from './components/PageContainer';
 export interface Route {
     path: string;
     breadcrumbName: string;
@@ -30,11 +30,7 @@ export type ProLayoutContextProps = {
     breadcrumb: ComputedRef<BreadcrumbListReturn>;
     layout: Ref<ThemeConfig['layout']>;
     theme: ComputedRef<ThemeConfig['theme']>;
-    usePageCard: Ref<BasicLayoutProps['usePageCard']>;
-    pageCardProps: Ref<BasicLayoutProps['pageCardProps']>;
-    pageHeaderRender: Ref<BasicLayoutProps['pageHeaderRender']>;
-    pageContentStyle: Ref<BasicLayoutProps['pageContentStyle']>;
-    waterMark: Ref<boolean>;
+    splitMenus: Ref<boolean>;
     headerHeight: Ref<number>;
     disableMobile?: Ref<boolean>;
     fixSiderbar: Ref<boolean>;
@@ -44,6 +40,14 @@ export type ProLayoutContextProps = {
     hasSide: ComputedRef<boolean>;
     flatMenu: ComputedRef<boolean>;
     siderWidth: ComputedRef<number>;
+    pageHeaderRender: ComputedRef<PageContainerProps['pageHeaderRender']>;
+    usePageCard: Ref<PageContainerProps['usePageCard']>;
+    pageCardProps: Ref<PageContainerProps['pageCardProps']>;
+    pageContentStyle: Ref<PageContainerProps['pageContentStyle']>;
+    pageChildrenContentStyle: Ref<PageContainerProps['pageChildrenContentStyle']>;
+    waterMarkProps: Ref<PageContainerProps['waterMarkProps']>;
+    pageChildrenExtraRender: Ref<PageContainerProps['pageChildrenExtraRender']>;
+    waterMark: Ref<boolean>;
     [key: string]: any;
 };
 export declare const createRouteContext: () => import("./hooks/context").CreateContext;

package/dist/PageLoading.d.ts

@@ -1,6 +1,6 @@
 import type { SpinProps } from './_utils';
 export type PageLoadingProps = SpinProps;
-declare const PageLoading: import("vue").DefineComponent<any, JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
+declare const PageLoading: import("vue").DefineComponent<any, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any>, {} | {
     [x: string]: any;
-}>;
+}, {}>;
 export default PageLoading;

package/dist/ProLayout.d.ts

@@ -1,9 +1,8 @@
 import type { CSSProperties, ExtractPropTypes } from 'vue';
 import type { CustomRender } from '@gx-design-vue/pro-utils';
 import { basicLayoutProps } from './props';
-import type { MenuContentRender, MenuFooterRender, MenuExtraRender, CopyrightRender, LinksRender, FooterRender, RightContentRender, HeaderLogoRender, ExtraRightDropdownRender } from './RenderTypings';
+import type { MenuContentRender, MenuFooterRender, MenuExtraRender, CopyrightRender, LinksRender, FooterRender, RightContentRender, HeaderLogoRender, ExtraRightDropdownRender, DefaultPropRender } from './RenderTypings';
 import type { BreadcrumbProps } from './Context';
-import type { AppRouteModule } from './route';
 export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>;
 declare const _default: import("vue").DefineComponent<{
     pure: BooleanConstructor;
@@ -29,17 +28,12 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean>;
     footerLinks: {
         type: import("vue").PropType<import("./components/GlobalFooter").Links>;
-        default: ({
-            key: string;
-            title: string;
-            href: string;
-            blankTarget: boolean;
-        } | {
+        default: {
             key: string;
-            title: JSX.Element;
+            title: any;
             href: string;
             blankTarget: boolean;
-        })[];
+        }[];
     };
     copyrightRender: {
         type: import("vue").PropType<CopyrightRender>;
@@ -50,24 +44,100 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
+        type: import("vue").PropType<import("./route").AppRouteModule[]>;
+        default: () => import("./route").AppRouteModule[];
+    };
+    levelMenuData: {
+        type: import("vue").PropType<import("./route").AppRouteModule[]>;
+        default: () => import("./route").AppRouteModule[];
     };
     collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+    usePageCard: {
+        type: import("vue").PropType<boolean>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     pageCardProps: import("vue").PropType<{
         loading: boolean;
         bodyStyle: CSSProperties;
     }>;
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    waterMarkProps: {
+        type: import("vue").PropType<Partial<ExtractPropTypes<{
+            className: import("vue").PropType<string>;
+            style: import("vue").PropType<CSSProperties>;
+            markStyle: import("vue").PropType<CSSProperties>;
+            markClassName: import("vue").PropType<string>;
+            gapX: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            gapY: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            width: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            height: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            offsetTop: import("vue").PropType<number>;
+            offsetLeft: import("vue").PropType<number>;
+            rotate: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            image: import("vue").PropType<string>;
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            fontColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            fontStyle: {
+                type: import("vue").PropType<"none" | "normal" | "italic" | "oblique">;
+                default: string;
+            };
+            fontFamily: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            fontWeight: {
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
+                default: string;
+            };
+            fontSize: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+        }>>>;
+    };
+    pageHeaderRender: {
+        type: import("vue").PropType<DefaultPropRender>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<() => CustomRender>;
+        default: () => undefined;
+    };
+    contentRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
+        default: () => undefined;
+    };
+    breadcrumbRender: {
+        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+        default: () => undefined;
+    };
+    pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     isMobile: import("vue-types").VueTypeValidableDef<boolean>;
     siderWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -87,17 +157,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<() => void>;
     };
     onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
     };
     'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
     };
     headerTitleRender: {
         type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender, logoDom: import("./RenderTypings").LogoRender) => CustomRender>>;
         default: () => undefined;
     };
     headerContentRender: {
@@ -147,20 +217,52 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(openKeys: string[]) => void>;
     };
     onMenuHeaderClick: import("vue").PropType<Function>;
     onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(selectedKeys: string[]) => void>;
+    };
+    mode: {
+        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
+        default: string;
     };
     theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
+        default: string;
     };
     layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: import("vue").PropType<"top" | "side" | "mix" | "simple" | "wide">;
+        default: string;
+    };
+    openKeys: {
+        type: import("vue").PropType<boolean | string[]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    menuProps: {
+        type: import("vue").PropType<Record<string, any>>;
+        default: () => null;
+    };
+    menuItemRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
+            item: import("./route").AppRouteModule;
+            title?: any;
+            icon?: any;
+        }) => CustomRender> | undefined>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
+            item: import("./route").AppRouteModule;
+            children?: CustomRender[] | undefined;
+        }) => CustomRender> | undefined>;
+        default: () => undefined;
     };
+    onClick: import("vue").PropType<(...args: any) => void>;
     wideWidth: {
         type: import("vue").PropType<number | undefined>;
         default: number | undefined;
@@ -248,39 +350,7 @@ declare const _default: import("vue").DefineComponent<{
     onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    mode: {
-        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
-        default: string;
-    };
-    openKeys: {
-        type: import("vue").PropType<boolean | string[]>;
-        default: () => never[];
-    };
-    selectedKeys: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    menuProps: {
-        type: import("vue").PropType<Record<string, any>>;
-        default: () => null;
-    };
-    menuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            title?: JSX.Element | undefined;
-            icon?: JSX.Element | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    onClick: import("vue").PropType<(...args: any) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "openKeys" | "reloadPage" | "collapse" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs")[], "select" | "openKeys" | "reloadPage" | "collapse" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "collapse" | "reloadPage" | "update:collapsed" | "select" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs")[], "openKeys" | "collapse" | "reloadPage" | "update:collapsed" | "select" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     pure: BooleanConstructor;
     token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
     waterMark: {
@@ -304,17 +374,12 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean>;
     footerLinks: {
         type: import("vue").PropType<import("./components/GlobalFooter").Links>;
-        default: ({
-            key: string;
-            title: string;
-            href: string;
-            blankTarget: boolean;
-        } | {
+        default: {
             key: string;
-            title: JSX.Element;
+            title: any;
             href: string;
             blankTarget: boolean;
-        })[];
+        }[];
     };
     copyrightRender: {
         type: import("vue").PropType<CopyrightRender>;
@@ -325,24 +390,100 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
+        type: import("vue").PropType<import("./route").AppRouteModule[]>;
+        default: () => import("./route").AppRouteModule[];
+    };
+    levelMenuData: {
+        type: import("vue").PropType<import("./route").AppRouteModule[]>;
+        default: () => import("./route").AppRouteModule[];
     };
     collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+    usePageCard: {
+        type: import("vue").PropType<boolean>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     pageCardProps: import("vue").PropType<{
         loading: boolean;
         bodyStyle: CSSProperties;
     }>;
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    waterMarkProps: {
+        type: import("vue").PropType<Partial<ExtractPropTypes<{
+            className: import("vue").PropType<string>;
+            style: import("vue").PropType<CSSProperties>;
+            markStyle: import("vue").PropType<CSSProperties>;
+            markClassName: import("vue").PropType<string>;
+            gapX: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            gapY: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            width: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            height: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            offsetTop: import("vue").PropType<number>;
+            offsetLeft: import("vue").PropType<number>;
+            rotate: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            image: import("vue").PropType<string>;
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            fontColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            fontStyle: {
+                type: import("vue").PropType<"none" | "normal" | "italic" | "oblique">;
+                default: string;
+            };
+            fontFamily: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            fontWeight: {
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
+                default: string;
+            };
+            fontSize: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+        }>>>;
+    };
+    pageHeaderRender: {
+        type: import("vue").PropType<DefaultPropRender>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<() => CustomRender>;
+        default: () => undefined;
+    };
+    contentRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
+        default: () => undefined;
+    };
+    breadcrumbRender: {
+        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+        default: () => undefined;
+    };
+    pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     isMobile: import("vue-types").VueTypeValidableDef<boolean>;
     siderWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -362,17 +503,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<() => void>;
     };
     onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
     };
     'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
     };
     headerTitleRender: {
         type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender, logoDom: import("./RenderTypings").LogoRender) => CustomRender>>;
         default: () => undefined;
     };
     headerContentRender: {
@@ -422,20 +563,52 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(openKeys: string[]) => void>;
     };
     onMenuHeaderClick: import("vue").PropType<Function>;
     onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(selectedKeys: string[]) => void>;
+    };
+    mode: {
+        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
+        default: string;
     };
     theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
+        default: string;
     };
     layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: import("vue").PropType<"top" | "side" | "mix" | "simple" | "wide">;
+        default: string;
+    };
+    openKeys: {
+        type: import("vue").PropType<boolean | string[]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    menuProps: {
+        type: import("vue").PropType<Record<string, any>>;
+        default: () => null;
     };
+    menuItemRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
+            item: import("./route").AppRouteModule;
+            title?: any;
+            icon?: any;
+        }) => CustomRender> | undefined>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
+            item: import("./route").AppRouteModule;
+            children?: CustomRender[] | undefined;
+        }) => CustomRender> | undefined>;
+        default: () => undefined;
+    };
+    onClick: import("vue").PropType<(...args: any) => void>;
     wideWidth: {
         type: import("vue").PropType<number | undefined>;
         default: number | undefined;
@@ -523,91 +696,62 @@ declare const _default: import("vue").DefineComponent<{
     onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    mode: {
-        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
-        default: string;
-    };
-    openKeys: {
-        type: import("vue").PropType<boolean | string[]>;
-        default: () => never[];
-    };
-    selectedKeys: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    menuProps: {
-        type: import("vue").PropType<Record<string, any>>;
-        default: () => null;
-    };
-    menuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            title?: JSX.Element | undefined;
-            icon?: JSX.Element | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    onClick: import("vue").PropType<(...args: any) => void>;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
+    onOpenKeys?: ((...args: any[]) => any) | undefined;
     onCollapse?: ((...args: any[]) => any) | undefined;
     onReloadPage?: ((...args: any[]) => any) | undefined;
     onChangeTabs?: ((...args: any[]) => any) | undefined;
     onMenuHeaderClick?: ((...args: any[]) => any) | undefined;
-    onMenuClick?: ((...args: any[]) => any) | undefined;
-    onOpenKeys?: ((...args: any[]) => any) | undefined;
     "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+    onMenuClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:open-keys"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selected-keys"?: ((...args: any[]) => any) | undefined;
 }, {
-    links: LinksRender;
+    breadcrumb: BreadcrumbProps;
+    selectedKeys: string[];
+    openKeys: boolean | string[];
+    menuData: import("./route").AppRouteModule[];
+    layout: "top" | "side" | "mix" | "simple" | "wide";
+    theme: import("@gx-design-vue/pro-provider").ThemeType;
+    splitMenus: boolean;
+    headerHeight: number | undefined;
+    disableMobile: boolean;
+    fixSiderbar: boolean;
+    fixedHeader: boolean;
+    siderWidth: number;
+    pageHeaderRender: DefaultPropRender;
+    usePageCard: boolean;
+    pageChildrenExtraRender: () => CustomRender;
+    waterMark: boolean;
+    contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
+    breadcrumbRender: import("./RenderTypings").PageHeaderRender;
     title: string;
-    animate: {
-        disabled?: boolean | undefined;
-        name: string;
-        direction: string;
-    } | undefined;
-    theme: import("@gx-design-vue/pro-provider").ThemeType | undefined;
-    layout: "side" | "mix" | "simple" | "wide";
+    links: LinksRender;
     wideWidth: number | undefined;
-    splitMenus: boolean;
     fixedMultiTab: boolean;
     showProgressBar: boolean;
-    fixedHeader: boolean;
-    fixSiderbar: boolean;
     showTabsBar: boolean;
     showFullScreen: boolean | undefined;
-    headerHeight: number | undefined;
     iconfontUrl: string | undefined;
+    animate: {
+        disabled?: boolean | undefined;
+        name: string;
+        direction: string;
+    } | undefined;
     primaryColor: string;
     menuHeaderRender: HeaderLogoRender;
     menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
-        item: AppRouteModule;
-        title?: JSX.Element | undefined;
-        icon?: JSX.Element | undefined;
+        item: import("./route").AppRouteModule;
+        title?: any;
+        icon?: any;
     }) => CustomRender> | undefined;
     subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
-        item: AppRouteModule;
+        item: import("./route").AppRouteModule;
         children?: CustomRender[] | undefined;
     }) => CustomRender> | undefined;
     mode: import("ant-design-vue").MenuMode;
-    menuData: AppRouteModule[];
-    openKeys: boolean | string[];
-    selectedKeys: string[];
     menuProps: Record<string, any>;
-    breadcrumb: BreadcrumbProps;
-    usePageCard: boolean;
-    pageHeaderRender: import("./RenderTypings").PageHeaderRender;
-    waterMark: boolean;
-    disableMobile: boolean;
-    siderWidth: number;
     collapsedWidth: number;
     breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
     isFixedMultiTab: boolean;
@@ -625,12 +769,13 @@ declare const _default: import("vue").DefineComponent<{
     extraRightDropdownRender: ExtraRightDropdownRender;
     rightContentRender: RightContentRender;
     headerTitleRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
-    headerRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
+    headerRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender, logoDom: import("./RenderTypings").LogoRender) => CustomRender>;
     headerContentRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>;
     pure: boolean;
     contentStyle: CSSProperties;
     footerLinks: import("./components/GlobalFooter").Links;
     copyrightRender: CopyrightRender;
     footerRender: FooterRender;
-}>;
+    levelMenuData: import("./route").AppRouteModule[];
+}, {}>;
 export default _default;