@gx-design-vue/pro-layout 0.1.0-beta.201 → 0.1.0-beta.203

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

@@ -24,8 +24,8 @@ export type MenuUtilProps = Partial<BaseMenuProps> & {
     isMobile?: boolean;
     layout?: ProLayoutType;
     collapsed?: boolean;
-    extraInlineIndent?: number;
     inlineIndent?: number;
+    extraInlineIndent?: number;
     onCollapse?: (value: boolean) => void;
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1,5 +1,5 @@
 import type { WaterMarkProps } from '@gx-design-vue/pro-watermark';
-import type { ExtractPropTypes, SlotsType } from 'vue';
+import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
 import type { BreadcrumbProps } from '../../types/Breadcrumb';
 import type { PageContainerLoadingProps } from './props';
 import { pageContainerProps } from './props';
@@ -11,14 +11,16 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
     };
     pageCardProps: import("vue").PropType<{
         loading?: boolean;
-        bodyStyle: import("vue").CSSProperties;
+        class?: string;
+        style?: CSSProperties;
+        bodyStyle: CSSProperties;
     }>;
     pageHeaderStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageContentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageChildrenContentClass: {
@@ -26,7 +28,7 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
         default: () => undefined;
     };
     pageChildrenContentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageHeaderRender: {
@@ -69,6 +71,10 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<WaterMarkProps | false>;
         default: () => undefined;
     };
+    height: {
+        type: import("vue").PropType<"min" | "max" | "fit">;
+        default: () => undefined;
+    };
 }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "contentFullScreenChange"[], "contentFullScreenChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     usePageCard: {
         type: import("vue").PropType<boolean>;
@@ -76,14 +82,16 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
     };
     pageCardProps: import("vue").PropType<{
         loading?: boolean;
-        bodyStyle: import("vue").CSSProperties;
+        class?: string;
+        style?: CSSProperties;
+        bodyStyle: CSSProperties;
     }>;
     pageHeaderStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageContentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageChildrenContentClass: {
@@ -91,7 +99,7 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
         default: () => undefined;
     };
     pageChildrenContentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
+        type: import("vue").PropType<CSSProperties>;
         default: () => undefined;
     };
     pageHeaderRender: {
@@ -134,17 +142,22 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<WaterMarkProps | false>;
         default: () => undefined;
     };
+    height: {
+        type: import("vue").PropType<"min" | "max" | "fit">;
+        default: () => undefined;
+    };
 }>> & Readonly<{
     onContentFullScreenChange?: ((...args: any[]) => any) | undefined;
 }>, {
     loading: boolean | PageContainerLoadingProps;
+    height: "max" | "min" | "fit";
     footer: import("../../types/SlotsTypings").DefaultRender;
     contentWidth: string | number | undefined;
     usePageCard: boolean;
-    pageHeaderStyle: import("vue").CSSProperties;
-    pageContentStyle: import("vue").CSSProperties;
+    pageHeaderStyle: CSSProperties;
+    pageContentStyle: CSSProperties;
     pageChildrenContentClass: string | string[];
-    pageChildrenContentStyle: import("vue").CSSProperties;
+    pageChildrenContentStyle: CSSProperties;
     pageHeaderRender: import("../../types/SlotsTypings").DefaultRender;
     breadcrumbRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
     waterMarkProps: false | Partial<ExtractPropTypes<{
@@ -171,12 +184,12 @@ declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
             default: () => {};
         };
         style: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
+            type: import("vue").PropType<CSSProperties>;
             default: () => {};
         };
         class: import("vue").PropType<string>;
         rootClassName: import("vue").PropType<string>;
-        markStyle: import("vue").PropType<import("vue").CSSProperties>;
+        markStyle: import("vue").PropType<CSSProperties>;
         markClassName: import("vue").PropType<string>;
         gap: {
             type: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["gap"]>;

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

@@ -17,6 +17,8 @@ export declare const commonPageContainerProps: {
     };
     pageCardProps: PropType<{
         loading?: boolean;
+        class?: string;
+        style?: CSSProperties;
         bodyStyle: CSSProperties;
     }>;
     pageHeaderStyle: {
@@ -55,6 +57,8 @@ export declare const pageContainerProps: {
     };
     pageCardProps: PropType<{
         loading?: boolean;
+        class?: string;
+        style?: CSSProperties;
         bodyStyle: CSSProperties;
     }>;
     pageHeaderStyle: {
@@ -114,6 +118,10 @@ export declare const pageContainerProps: {
         type: PropType<WaterMarkProps | false>;
         default: () => undefined;
     };
+    height: {
+        type: PropType<"min" | "max" | "fit">;
+        default: () => undefined;
+    };
 };
 export type PageContainerPropsType = Partial<ExtractPropTypes<typeof commonPageContainerProps>>;
 export interface LayoutPageContainer extends PageContainerPropsType {

package/dist/hooks/layout/use-page-content.d.ts

@@ -0,0 +1 @@
+export declare function usePageContent(value?: number): import("vue").ComputedRef<string>;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import type { MenuMode } from './_utils';
 import type { PageContainerProps } from './components/PageContainer';
 import { LazyIcon } from './components/BaseMenu';
 import SiderMenuWrapper from './components/SiderMenu';
+import { usePageContent } from './hooks/layout/use-page-content';
 import { useProLayoutMenuContext } from './hooks/menu/context';
 import GProLayout from './ProLayout';
 import { iconStyle } from './style';
@@ -20,7 +21,7 @@ export * from './config';
 export * from './config/animate';
 export * from './types/typings';
 export * from './types/RouteTypings';
-export { GProLayout, iconStyle, LazyIcon, SiderMenuWrapper, useProLayoutMenuContext, };
+export { GProLayout, iconStyle, LazyIcon, SiderMenuWrapper, usePageContent, useProLayoutMenuContext, };
 export type { ProSettingsProps } from './props/defaultSettings';
 export type { GlobalFooterProps } from './components/GlobalFooter';
 export type { TabsRouteProps } from './components/TabsRoute';