@gx-design-vue/pro-layout 0.1.0-beta.20 → 0.1.0-beta.200

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

@@ -1,78 +1,203 @@
-import type { ExtractPropTypes } from 'vue';
+import type { WaterMarkProps } from '@gx-design-vue/pro-watermark';
+import type { ExtractPropTypes, SlotsType } from 'vue';
+import type { BreadcrumbProps } from '../../types/Breadcrumb';
+import type { PageContainerLoadingProps } from './props';
 import { pageContainerProps } from './props';
 export type PageContainerProps = Partial<ExtractPropTypes<typeof pageContainerProps>>;
-declare const PageContainer: import("vue").DefineComponent<{
+declare const PageContainer: import("vue").DefineComponent<ExtractPropTypes<{
+    usePageCard: {
+        type: import("vue").PropType<boolean>;
+        default: () => undefined;
+    };
+    pageCardProps: import("vue").PropType<{
+        loading?: boolean;
+        bodyStyle: import("vue").CSSProperties;
+    }>;
+    pageHeaderStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    pageContentStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    pageChildrenContentClass: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => undefined;
+    };
+    pageChildrenContentStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
     pageHeaderRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    contentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+    contentWidth: {
+        type: import("vue").PropType<import("../..").ProLayoutConfig["contentWidth"]>;
         default: () => undefined;
     };
     breadcrumbRender: {
-        type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
+        default: () => undefined;
+    };
+    footer: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<import("vue").CSSProperties>;
-    loading: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    pageHeaderContentRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
+        default: () => undefined;
+    };
+    fullScreenOnTabsHide: {
+        type: import("vue").PropType<boolean>;
+        default: () => undefined;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | PageContainerLoadingProps>;
+        default: () => boolean;
+    };
+    onContentFullScreenChange: import("vue").PropType<(value: boolean) => void>;
+    footerToolBarProps: {
+        type: import("vue").PropType<import("../FooterToolbar/props").FooterToolbarProps>;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    waterMarkProps: {
+        type: import("vue").PropType<WaterMarkProps | false>;
+        default: () => undefined;
     };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+}>, () => 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>;
+        default: () => undefined;
     };
     pageCardProps: import("vue").PropType<{
-        loading: boolean;
+        loading?: boolean;
         bodyStyle: import("vue").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<{
+    pageHeaderStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    pageContentStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    pageChildrenContentClass: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => undefined;
+    };
+    pageChildrenContentStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
     pageHeaderRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    contentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+    contentWidth: {
+        type: import("vue").PropType<import("../..").ProLayoutConfig["contentWidth"]>;
         default: () => undefined;
     };
     breadcrumbRender: {
-        type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<import("vue").CSSProperties>;
-    loading: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    footer: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
+        default: () => undefined;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    pageHeaderContentRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").DefaultRender>;
+        default: () => undefined;
     };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    fullScreenOnTabsHide: {
+        type: import("vue").PropType<boolean>;
+        default: () => undefined;
     };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: import("vue").CSSProperties;
-    }>;
-}>>, {
+    loading: {
+        type: import("vue").PropType<boolean | PageContainerLoadingProps>;
+        default: () => boolean;
+    };
+    onContentFullScreenChange: import("vue").PropType<(value: boolean) => void>;
+    footerToolBarProps: {
+        type: import("vue").PropType<import("../FooterToolbar/props").FooterToolbarProps>;
+    };
+    waterMarkProps: {
+        type: import("vue").PropType<WaterMarkProps | false>;
+        default: () => undefined;
+    };
+}>> & Readonly<{
+    onContentFullScreenChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    loading: boolean | PageContainerLoadingProps;
+    footer: import("../../types/SlotsTypings").DefaultRender;
+    contentWidth: string | number | undefined;
     usePageCard: boolean;
-    pageHeaderRender: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
-    waterMark: boolean;
-    loading: boolean;
-    contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
-    breadcrumbRender: import("../../RenderTypings").PageHeaderRender;
-}>;
+    pageHeaderStyle: import("vue").CSSProperties;
+    pageContentStyle: import("vue").CSSProperties;
+    pageChildrenContentClass: string | string[];
+    pageChildrenContentStyle: import("vue").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<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        rotate: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        width: {
+            type: import("vue").PropType<number>;
+        };
+        height: {
+            type: import("vue").PropType<number>;
+        };
+        content: {
+            type: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["content"]>;
+        };
+        image: import("vue").PropType<string>;
+        font: {
+            type: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["font"]>;
+            default: () => {};
+        };
+        style: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+        class: import("vue").PropType<string>;
+        rootClassName: import("vue").PropType<string>;
+        markStyle: import("vue").PropType<import("vue").CSSProperties>;
+        markClassName: import("vue").PropType<string>;
+        gap: {
+            type: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["gap"]>;
+            default: () => number[];
+        };
+        offset: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["offset"]>;
+        inherit: {
+            type: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["inherit"]>;
+            default: boolean;
+        };
+        onRemove: import("vue").PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["onRemove"]>;
+    }>>;
+    fullScreenOnTabsHide: boolean;
+    pageChildrenExtraRender: import("../../types/SlotsTypings").DefaultRender;
+    pageHeaderContentRender: import("../../types/SlotsTypings").DefaultRender;
+}, SlotsType<{
+    default(): void;
+    footer(): void;
+    pageHeaderRender(): void;
+    pageHeaderContentRender(): void;
+    breadcrumbRender(props: BreadcrumbProps): void;
+    pageChildrenExtraRender(): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default PageContainer;

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

@@ -1,37 +1,121 @@
-import type { PropType, CSSProperties } from 'vue';
 import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
-import type { PageHeaderRender } from '../../RenderTypings';
-export declare const pageContainerProps: {
-    pageHeaderRender: {
-        type: PropType<WithFalse<() => CustomRender>>;
+import type { WaterMarkProps } from '@gx-design-vue/pro-watermark';
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import type { ProLayoutConfig } from '../../config';
+import type { BreadcrumbProps } from '../../types/Breadcrumb';
+import type { DefaultRender } from '../../types/SlotsTypings';
+import type { FooterToolbarProps } from '../FooterToolbar/props';
+export interface PageContainerLoadingProps {
+    spinning?: boolean;
+    tip?: string;
+    type?: 'blur' | 'default';
+}
+export declare const commonPageContainerProps: {
+    usePageCard: {
+        type: PropType<boolean>;
         default: () => undefined;
     };
-    contentRender: {
-        type: PropType<WithFalse<() => CustomRender>>;
+    pageCardProps: PropType<{
+        loading?: boolean;
+        bodyStyle: CSSProperties;
+    }>;
+    pageHeaderStyle: {
+        type: PropType<CSSProperties>;
         default: () => undefined;
     };
-    breadcrumbRender: {
-        type: PropType<PageHeaderRender>;
+    pageContentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    pageChildrenContentClass: {
+        type: PropType<string | string[]>;
+        default: () => undefined;
+    };
+    pageChildrenContentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    pageHeaderRender: {
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    loading: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    contentWidth: {
+        type: PropType<ProLayoutConfig["contentWidth"]>;
+        default: () => undefined;
     };
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    breadcrumbRender: {
+        type: PropType<WithFalse<(props: BreadcrumbProps) => CustomRender>>;
+        default: () => undefined;
     };
-    waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+};
+export declare const pageContainerProps: {
+    usePageCard: {
+        type: PropType<boolean>;
+        default: () => undefined;
     };
     pageCardProps: PropType<{
-        loading: boolean;
+        loading?: boolean;
         bodyStyle: CSSProperties;
     }>;
+    pageHeaderStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    pageContentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    pageChildrenContentClass: {
+        type: PropType<string | string[]>;
+        default: () => undefined;
+    };
+    pageChildrenContentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    pageHeaderRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    contentWidth: {
+        type: PropType<ProLayoutConfig["contentWidth"]>;
+        default: () => undefined;
+    };
+    breadcrumbRender: {
+        type: PropType<WithFalse<(props: BreadcrumbProps) => CustomRender>>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    footer: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    pageHeaderContentRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    fullScreenOnTabsHide: {
+        type: PropType<boolean>;
+        default: () => undefined;
+    };
+    loading: {
+        type: PropType<boolean | PageContainerLoadingProps>;
+        default: () => boolean;
+    };
+    onContentFullScreenChange: PropType<(value: boolean) => void>;
+    footerToolBarProps: {
+        type: PropType<FooterToolbarProps>;
+    };
+    /** @name WaterMarkProps 水印的配置 */
+    waterMarkProps: {
+        type: PropType<WaterMarkProps | false>;
+        default: () => undefined;
+    };
 };
+export type PageContainerPropsType = Partial<ExtractPropTypes<typeof commonPageContainerProps>>;
+export interface LayoutPageContainer extends PageContainerPropsType {
+    loadingProps?: Omit<PageContainerLoadingProps, 'spinning'>;
+}

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

@@ -1,5 +1,5 @@
 import type { ProAliasToken } from '@gx-design-vue/pro-provider';
-export type ProPageContainterToken = ProAliasToken & {
+export type ProPageContainerToken = ProAliasToken & {
     gridContent: string;
 };
 export declare function useStyle(componentCls: string): {

package/dist/components/PageContainer/style/pageHeader.d.ts

@@ -1,3 +1,3 @@
-import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
 import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
 export declare const ProLayoutPageHeader: GenerateStyle<ProAliasToken>;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
         default: boolean;
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     direction: PropType<string>;
-}, () => 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<import("vue").ExtractPropTypes<{
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
         default: boolean;
@@ -27,9 +27,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     direction: PropType<string>;
-}>>, {
-    name: string;
+}>> & Readonly<{}>, {
     reverse: boolean;
+    name: string;
     disabled: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/SiderMenu/Arrow.d.ts

@@ -0,0 +1,2 @@
+declare function ArrowSvgIcon(): import("vue/jsx-runtime").JSX.Element;
+export { ArrowSvgIcon };