@gx-design-vue/pro-layout 0.1.0-beta.34 → 0.1.0-beta.36

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,6 @@ export type ProLayoutContextProps = {
     breadcrumb: ComputedRef<BreadcrumbListReturn>;
     layout: Ref<ThemeConfig['layout']>;
     theme: ComputedRef<ThemeConfig['theme']>;
-    usePageCard: Ref<BasicLayoutProps['usePageCard']>;
-    pageCardProps: Ref<BasicLayoutProps['pageCardProps']>;
-    waterMarkProps: Ref<BasicLayoutProps['waterMarkProps']>;
-    pageContentStyle: Ref<BasicLayoutProps['pageContentStyle']>;
-    waterMark: Ref<boolean>;
     splitMenus: Ref<boolean>;
     headerHeight: Ref<number>;
     disableMobile?: Ref<boolean>;
@@ -45,7 +40,14 @@ export type ProLayoutContextProps = {
     hasSide: ComputedRef<boolean>;
     flatMenu: ComputedRef<boolean>;
     siderWidth: ComputedRef<number>;
-    pageHeaderRender: ComputedRef<BasicLayoutProps['pageHeaderRender']>;
+    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/ProLayout.d.ts

@@ -57,6 +57,15 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./route").AppRouteModule[];
     };
     collapsed: import("vue-types").VueTypeValidableDef<boolean>;
+    usePageCard: {
+        type: import("vue").PropType<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>;
@@ -107,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: string;
             };
             fontWeight: {
-                type: import("vue").PropType<number | "light" | "normal" | "weight">;
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
                 default: string;
             };
             fontSize: {
@@ -120,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -129,16 +142,6 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
     isMobile: import("vue-types").VueTypeValidableDef<boolean>;
     siderWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -351,7 +354,7 @@ declare const _default: import("vue").DefineComponent<{
     onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "select" | "collapse" | "reloadPage" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs")[], "openKeys" | "select" | "collapse" | "reloadPage" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     pure: BooleanConstructor;
     token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
     waterMark: {
@@ -404,6 +407,15 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./route").AppRouteModule[];
     };
     collapsed: import("vue-types").VueTypeValidableDef<boolean>;
+    usePageCard: {
+        type: import("vue").PropType<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>;
@@ -454,7 +466,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: string;
             };
             fontWeight: {
-                type: import("vue").PropType<number | "light" | "normal" | "weight">;
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
                 default: string;
             };
             fontSize: {
@@ -467,6 +479,10 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -476,16 +492,6 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
     isMobile: import("vue-types").VueTypeValidableDef<boolean>;
     siderWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -710,24 +716,35 @@ declare const _default: import("vue").DefineComponent<{
     "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;
+    pageChildrenExtraRender: () => CustomRender;
+    waterMark: boolean;
     title: string;
     animate: {
         disabled?: boolean | undefined;
         name: string;
         direction: string;
     } | undefined;
-    theme: import("@gx-design-vue/pro-provider").ThemeType;
-    layout: "top" | "side" | "mix" | "simple" | "wide";
+    contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
+    breadcrumbRender: import("./RenderTypings").PageHeaderRender;
+    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;
     primaryColor: string;
     menuHeaderRender: HeaderLogoRender;
@@ -741,16 +758,7 @@ declare const _default: import("vue").DefineComponent<{
         children?: CustomRender[] | undefined;
     }) => CustomRender> | undefined;
     mode: import("ant-design-vue").MenuMode;
-    menuData: import("./route").AppRouteModule[];
-    openKeys: boolean | string[];
-    selectedKeys: string[];
     menuProps: Record<string, any>;
-    breadcrumb: BreadcrumbProps;
-    usePageCard: boolean;
-    waterMark: boolean;
-    disableMobile: boolean;
-    siderWidth: number;
-    pageHeaderRender: DefaultPropRender;
     collapsedWidth: number;
     breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
     isFixedMultiTab: boolean;
@@ -776,7 +784,5 @@ declare const _default: import("vue").DefineComponent<{
     copyrightRender: CopyrightRender;
     footerRender: FooterRender;
     levelMenuData: import("./route").AppRouteModule[];
-    contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
-    breadcrumbRender: import("./RenderTypings").PageHeaderRender;
 }>;
 export default _default;

package/dist/components/GlobalHeader/DefaultHeader.d.ts

@@ -580,24 +580,28 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
         default: (...args: any[]) => any;
     };
 }>>, {
-    links: import("../../RenderTypings").LinksRender;
+    selectedKeys: string[];
+    openKeys: boolean | string[];
+    menuData: import("../..").AppRouteModule[];
+    layout: "top" | "side" | "mix" | "simple" | "wide";
+    theme: import("@gx-design-vue/pro-provider").ThemeType;
+    splitMenus: boolean;
+    headerHeight: number | undefined;
+    fixSiderbar: boolean;
+    fixedHeader: boolean;
+    siderWidth: number;
     title: string;
     animate: {
         disabled?: boolean | undefined;
         name: string;
         direction: string;
     } | undefined;
-    theme: import("@gx-design-vue/pro-provider").ThemeType;
-    layout: "top" | "side" | "mix" | "simple" | "wide";
+    links: import("../../RenderTypings").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;
     primaryColor: string;
     menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
@@ -611,11 +615,7 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
         children?: CustomRender[] | undefined;
     }) => CustomRender> | undefined;
     mode: import("ant-design-vue").MenuMode;
-    menuData: import("../..").AppRouteModule[];
-    openKeys: boolean | string[];
-    selectedKeys: string[];
     menuProps: Record<string, any>;
-    siderWidth: number;
     collapsedWidth: number;
     breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
     logo: CustomRender;

package/dist/components/GlobalHeader/index.d.ts

@@ -356,23 +356,27 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    selectedKeys: string[];
+    openKeys: boolean | string[];
+    menuData: AppRouteModule[];
+    layout: "top" | "side" | "mix" | "simple" | "wide";
+    theme: import("@gx-design-vue/pro-provider").ThemeType;
+    splitMenus: boolean;
+    headerHeight: number | undefined;
+    fixSiderbar: boolean;
+    fixedHeader: boolean;
+    siderWidth: number;
     title: string;
     animate: {
         disabled?: boolean | undefined;
         name: string;
         direction: string;
     } | undefined;
-    theme: import("@gx-design-vue/pro-provider").ThemeType;
-    layout: "top" | "side" | "mix" | "simple" | "wide";
     wideWidth: number | undefined;
-    splitMenus: boolean;
     fixedMultiTab: boolean;
     showProgressBar: boolean;
-    fixedHeader: boolean;
-    fixSiderbar: boolean;
     showTabsBar: boolean;
     showFullScreen: boolean | undefined;
-    headerHeight: number | undefined;
     iconfontUrl: string | undefined;
     primaryColor: string;
     menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
@@ -385,11 +389,7 @@ declare const _default: import("vue").DefineComponent<{
         children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
     }) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
     mode: import("ant-design-vue").MenuMode;
-    menuData: AppRouteModule[];
-    openKeys: boolean | string[];
-    selectedKeys: string[];
     menuProps: Record<string, any>;
-    siderWidth: number;
     collapsedWidth: number;
     logo: import("@gx-design-vue/pro-utils/dist").CustomRender;
     logoStyle: import("vue").CSSProperties;

package/dist/components/LogoContent/index.d.ts

@@ -71,8 +71,8 @@ declare const LogoContent: import("vue").DefineComponent<{
     };
     onMenuHeaderClick: import("vue").PropType<Function>;
 }>>, {
-    title: string;
     layout: "top" | "side" | "mix" | "simple" | "wide";
+    title: string;
     menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
     renderKey: string;
     logo: CustomRender;

package/dist/components/MultiTab/index.d.ts

@@ -71,10 +71,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(list: AppRouteModule[]) => void>;
     };
 }>>, {
-    collapsed: boolean | undefined;
     siderWidth: number;
+    visible: boolean;
+    collapsed: boolean | undefined;
     collapsedWidth: number;
     isFixedMultiTab: boolean;
-    visible: boolean;
 }>;
 export default _default;

package/dist/components/PageContainer/index.d.ts

@@ -2,6 +2,15 @@ import type { ExtractPropTypes, CSSProperties } from 'vue';
 import { pageContainerProps } from './props';
 export type PageContainerProps = Partial<ExtractPropTypes<typeof pageContainerProps>>;
 declare const PageContainer: import("vue").DefineComponent<{
+    usePageCard: {
+        type: import("vue").PropType<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>;
@@ -52,7 +61,7 @@ declare const PageContainer: import("vue").DefineComponent<{
                 default: string;
             };
             fontWeight: {
-                type: import("vue").PropType<number | "light" | "normal" | "weight">;
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
                 default: string;
             };
             fontSize: {
@@ -61,10 +70,19 @@ declare const PageContainer: import("vue").DefineComponent<{
             };
         }>>>;
     };
+    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     pageHeaderRender: {
         type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
         default: () => undefined;
     };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<() => import("@gx-design-vue/pro-utils").CustomRender>;
+        default: () => undefined;
+    };
     contentRender: {
         type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
         default: () => undefined;
@@ -74,27 +92,21 @@ declare const PageContainer: import("vue").DefineComponent<{
         default: () => undefined;
     };
     pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    usePageCard: {
+        type: import("vue").PropType<boolean>;
     };
     pageCardProps: import("vue").PropType<{
         loading: boolean;
         bodyStyle: CSSProperties;
     }>;
-}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     waterMarkProps: {
         type: import("vue").PropType<Partial<ExtractPropTypes<{
             className: import("vue").PropType<string>;
@@ -145,7 +157,7 @@ declare const PageContainer: import("vue").DefineComponent<{
                 default: string;
             };
             fontWeight: {
-                type: import("vue").PropType<number | "light" | "normal" | "weight">;
+                type: import("vue").PropType<number | "normal" | "light" | "weight">;
                 default: string;
             };
             fontSize: {
@@ -154,10 +166,19 @@ declare const PageContainer: import("vue").DefineComponent<{
             };
         }>>>;
     };
+    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     pageHeaderRender: {
         type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
         default: () => undefined;
     };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<() => import("@gx-design-vue/pro-utils").CustomRender>;
+        default: () => undefined;
+    };
     contentRender: {
         type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
         default: () => undefined;
@@ -167,32 +188,17 @@ declare const PageContainer: import("vue").DefineComponent<{
         default: () => undefined;
     };
     pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
 }>>, {
-    usePageCard: boolean;
-    waterMark: boolean;
     pageHeaderRender: import("../../RenderTypings").DefaultPropRender;
-    loading: boolean;
+    pageChildrenExtraRender: () => import("@gx-design-vue/pro-utils").CustomRender;
+    waterMark: boolean;
     contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
     breadcrumbRender: import("../../RenderTypings").PageHeaderRender;
+    loading: boolean;
 }>;
 export default PageContainer;

package/dist/components/PageContainer/props.d.ts

@@ -1,7 +1,95 @@
 import type { PropType, CSSProperties } from 'vue';
 import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
 import type { DefaultPropRender, PageHeaderRender } from '../../RenderTypings';
+export declare const commonPageContainerProps: {
+    usePageCard: {
+        type: PropType<boolean>;
+    };
+    pageCardProps: PropType<{
+        loading: boolean;
+        bodyStyle: CSSProperties;
+    }>;
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    waterMarkProps: {
+        type: PropType<Partial<import("vue").ExtractPropTypes<{
+            className: PropType<string>;
+            style: PropType<CSSProperties>;
+            markStyle: PropType<CSSProperties>;
+            markClassName: PropType<string>;
+            gapX: {
+                type: PropType<number>;
+                default: number;
+            };
+            gapY: {
+                type: PropType<number>;
+                default: number;
+            };
+            zIndex: {
+                type: PropType<number>;
+                default: number;
+            };
+            width: {
+                type: PropType<number>;
+                default: number;
+            };
+            height: {
+                type: PropType<number>;
+                default: number;
+            };
+            offsetTop: PropType<number>;
+            offsetLeft: PropType<number>;
+            rotate: {
+                type: PropType<number>;
+                default: number;
+            };
+            image: PropType<string>;
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            fontColor: {
+                type: PropType<string>;
+                default: string;
+            };
+            fontStyle: {
+                type: PropType<"none" | "normal" | "italic" | "oblique">;
+                default: string;
+            };
+            fontFamily: {
+                type: PropType<string>;
+                default: string;
+            };
+            fontWeight: {
+                type: PropType<number | "normal" | "light" | "weight">;
+                default: string;
+            };
+            fontSize: {
+                type: PropType<string | number>;
+                default: number;
+            };
+        }>>>;
+    };
+    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    pageHeaderRender: {
+        type: PropType<DefaultPropRender>;
+        default: () => undefined;
+    };
+};
 export declare const pageContainerProps: {
+    usePageCard: {
+        type: PropType<boolean>;
+    };
+    pageCardProps: PropType<{
+        loading: boolean;
+        bodyStyle: CSSProperties;
+    }>;
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     waterMarkProps: {
         type: PropType<Partial<import("vue").ExtractPropTypes<{
             className: PropType<string>;
@@ -52,7 +140,7 @@ export declare const pageContainerProps: {
                 default: string;
             };
             fontWeight: {
-                type: PropType<number | "light" | "normal" | "weight">;
+                type: PropType<number | "normal" | "light" | "weight">;
                 default: string;
             };
             fontSize: {
@@ -61,10 +149,19 @@ export declare const pageContainerProps: {
             };
         }>>>;
     };
+    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     pageHeaderRender: {
         type: PropType<DefaultPropRender>;
         default: () => undefined;
     };
+    pageChildrenExtraRender: {
+        type: PropType<() => CustomRender>;
+        default: () => undefined;
+    };
     contentRender: {
         type: PropType<WithFalse<() => CustomRender>>;
         default: () => undefined;
@@ -74,24 +171,9 @@ export declare const pageContainerProps: {
         default: () => undefined;
     };
     pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    pageCardProps: PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
 };

package/dist/components/SettingDrawer/BlockCheckbox.d.ts

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<(value: string) => void>;
 }>>, {
     value: string;
-    hashId: string;
     prefixCls: string;
+    hashId: string;
     list: {
         title: string;
         key: string;

package/dist/components/SettingDrawer/RegionalChange.d.ts

@@ -38,9 +38,9 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<(key: keyof ThemeConfig | undefined, value: boolean) => void>;
 }>>, {
     value: boolean;
+    prefixCls: string;
     hashId: string;
     label: string;
     disabled: boolean;
-    prefixCls: string;
 }>;
 export default _default;

package/dist/components/SettingDrawer/ThemeColor.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     onChange: PropType<(color: string, key?: keyof ThemeConfig) => void>;
 }>>, {
-    hashId: string;
     prefixCls: string;
+    hashId: string;
     colorList: {
         key: string;
         color: string;