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

package/dist/ProLayout.d.ts

@@ -1,34 +1,64 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { ThemeValue } from '@gx-design-vue/context';
+import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
 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 { BreadcrumbProps } from './Context';
-import type { AppRouteModule } from './route';
-export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>;
-declare const _default: import("vue").DefineComponent<{
-    pure: BooleanConstructor;
-    token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
-    waterMark: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+import type { CSSProperties, PropType, SlotsType } from 'vue';
+import type { BreadcrumbProps, ProRoute } from './types/Breadcrumb';
+import type { BaseMenuProps } from './types/MenuTypings';
+import type { AppRouteModule } from './types/RouteTypings';
+import type { LogoRenderProps } from './types/SlotsTypings';
+import type { BasicLayoutProps, CollapsedProps, HeaderLayoutProps, SiderLayoutProps } from './types/typings';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    styles: {
+        type: PropType<import("./types/typings").LayoutStylesType>;
+        default: () => {};
+    };
+    classNames: {
+        type: PropType<import("./types/typings").LayoutClassNamesType>;
+        default: () => {};
+    };
+    collapsedProps: {
+        type: PropType<Partial<CollapsedProps>>;
+    };
+    settings: {
+        type: PropType<import("./config").ProLayoutConfig>;
+        default: () => import("./config").ProLayoutConfig;
+    };
+    menu: {
+        type: PropType<Partial<import("./types/MenuTypings").ProLayoutMenuProps>>;
+        default: () => Partial<BaseMenuProps>;
+    };
+    route: {
+        type: PropType<AppRouteModule[]>;
+        default: () => never[];
     };
-    disableMobile: {
-        type: BooleanConstructor;
-        required: boolean;
+    tabsRoute: {
+        type: PropType<import("./components/TabsRoute").BaseTabsRouteProps>;
+        default: () => {};
+    };
+    pageContainer: {
+        type: PropType<import("./components/PageContainer/props").LayoutPageContainer>;
+    };
+    pure: PropType<boolean>;
+    token: PropType<DeepPartial<ProAliasToken>>;
+    cssVar: {
+        type: PropType<(keyof ProAliasToken)[]>;
+        default: () => never[];
     };
-    contentStyle: {
-        type: import("vue").PropType<CSSProperties>;
-        default: () => null;
+    waterMarkProps: {
+        type: PropType<false | import("@gx-design-vue/pro-watermark/dist").WaterMarkProps>;
+        default: () => undefined;
+    };
+    disableMobile: {
+        type: PropType<boolean>;
     };
     breadcrumb: {
-        type: import("vue").PropType<BreadcrumbProps>;
-        default: () => null;
+        type: PropType<BreadcrumbProps>;
+        default: () => {};
     };
-    disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
-    isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
-    loading: import("vue-types").VueTypeValidableDef<boolean>;
+    isChildrenLayout: PropType<boolean>;
+    loading: PropType<boolean>;
     footerLinks: {
-        type: import("vue").PropType<import("./components/GlobalFooter").Links>;
+        type: PropType<import("./components/GlobalFooter").Links>;
         default: ({
             key: string;
             title: string;
@@ -36,274 +66,201 @@ declare const _default: import("vue").DefineComponent<{
             blankTarget: boolean;
         } | {
             key: string;
-            title: JSX.Element;
+            title: import("vue/jsx-runtime").JSX.Element;
             href: string;
             blankTarget: boolean;
         })[];
     };
+    pageLockRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
+        default: undefined;
+    };
     copyrightRender: {
-        type: import("vue").PropType<CopyrightRender>;
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     footerRender: {
-        type: import("vue").PropType<FooterRender>;
+        type: PropType<import("./types/SlotsTypings").FooterRender>;
         default: () => undefined;
     };
-    menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
+    onContentFullScreenChange: PropType<(value: boolean) => void>;
+    openKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["openKeys"]>;
+        default: () => never[];
     };
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+    selectedKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["selectedKeys"]>;
+        default: () => never[];
+    };
+    onOpenKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["onOpenKeys"]>;
+    };
+    onSelect: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["onSelect"]>;
+    };
+    menuItemRender: {
+        type: PropType<BaseMenuProps["menuItemRender"]>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    menuTextRender: {
+        type: PropType<BaseMenuProps["menuTextRender"]>;
+        default: () => undefined;
     };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    subMenuItemRender: {
+        type: PropType<BaseMenuProps["subMenuItemRender"]>;
+        default: () => undefined;
     };
     onReloadPage: {
-        type: import("vue").PropType<() => void>;
+        type: PropType<() => void>;
     };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
     };
     'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: PropType<(list: AppRouteModule[]) => void>;
     };
-    headerTitleRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
+    autoHideHeader: PropType<HeaderLayoutProps["autoHideHeader"]>;
+    headerMainWidth: {
+        type: PropType<HeaderLayoutProps["headerMainWidth"]>;
+        default: undefined;
     };
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: PropType<import("./types/SlotsTypings").HeaderRender>;
         default: () => undefined;
     };
     headerContentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>>;
-        default: () => undefined;
-    };
-    hasSiderMenu: import("vue").PropType<boolean>;
-    logo: {
-        type: import("vue").PropType<CustomRender>;
-        default: () => undefined;
-    };
-    logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<import("./types/SlotsTypings").HeaderContentRender>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    menuLoading: import("vue").PropType<boolean>;
-    autoHideHeader: import("vue").PropType<boolean>;
-    headerTheme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
-        default: string;
-    };
-    menuRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    appsLogoComponents: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     extraRightDropdownRender: {
-        type: import("vue").PropType<ExtraRightDropdownRender>;
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
-        type: import("vue").PropType<RightContentRender>;
+        type: PropType<import("./types/SlotsTypings").RightContentRender>;
         default: () => undefined;
     };
-    collapsedButtonRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
+    logo: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logo"]>;
         default: () => undefined;
     };
-    matchMenuKeys: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    onCollapse: {
-        type: import("vue").PropType<(collapsed: boolean) => void>;
-    };
-    onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
-    };
-    onMenuHeaderClick: import("vue").PropType<Function>;
-    onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
-    };
-    layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
-    wideWidth: {
-        type: import("vue").PropType<number | undefined>;
-        default: number | undefined;
-    };
-    splitMenus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    fixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showProgressBar: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    fixedHeader: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    logoStyle: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logoStyle"]>;
+        default: () => undefined;
     };
-    fixSiderbar: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    logoRender: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logoRender"]>;
+        default: () => undefined;
     };
-    showTabsBar: {
-        type: import("vue").PropType<boolean>;
+    onLogoClick: PropType<import("./components/LogoContent/props").CommonLogoProps["onLogoClick"]>;
+    suppressSiderWhenMenuEmpty: {
+        type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: boolean | undefined;
-    };
-    headerHeight: {
-        type: import("vue").PropType<number | undefined>;
-        default: number | undefined;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconfontUrl: {
-        type: import("vue").PropType<string | undefined>;
-        default: string | undefined;
-    };
-    animate: {
-        type: import("vue").PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
-        default: {
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined;
-    };
-    primaryColor: {
-        type: import("vue").PropType<string>;
-        default: string;
+    breakpoint: {
+        type: PropType<SiderLayoutProps["breakpoint"]>;
+        default: () => boolean;
     };
-    links: {
-        type: import("vue").PropType<LinksRender>;
+    siderActionsRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    menuHeaderRender: {
-        type: import("vue").PropType<HeaderLogoRender>;
+    menuLinksRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     menuFooterRender: {
-        type: import("vue").PropType<MenuFooterRender>;
-        default: () => boolean;
+        type: PropType<import("./types/SlotsTypings").MenuFooterRender>;
+        default: () => undefined;
     };
     menuContentRender: {
-        type: import("vue").PropType<MenuContentRender>;
-        default: () => boolean;
-    };
-    menuExtraRender: {
-        type: import("vue").PropType<MenuExtraRender>;
-        default: () => boolean;
-    };
-    breakpoint: {
-        type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
-        default: () => boolean;
-    };
-    onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-    mode: {
-        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
-        default: string;
+        type: PropType<import("./types/SlotsTypings").MenuContentRender>;
+        default: () => undefined;
     };
-    openKeys: {
-        type: import("vue").PropType<boolean | string[]>;
-        default: () => never[];
+    menuHeaderRender: {
+        type: PropType<import("./types/SlotsTypings").MenuHeaderRender>;
+        default: () => undefined;
     };
-    selectedKeys: {
-        type: import("vue").PropType<string[]>;
+    theme: {
+        type: PropType<ThemeValue>;
+    };
+    onDarkChange: PropType<(value: boolean) => void>;
+    onThemeChange: PropType<(value?: ThemeValue) => void>;
+    'onUpdate:theme': PropType<(value?: ThemeValue) => void>;
+    id: PropType<string>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (_value: string[]) => true;
+    'update:selected-keys': (_value: string[]) => true;
+    openKeys: (_value: string[]) => true;
+    'update:open-keys': (_value: string[]) => true;
+    collapse: (_value: boolean) => true;
+    reloadPage: () => true;
+    logoClick: () => true;
+    tabsChange: (tabs: AppRouteModule[]) => boolean;
+    'update:tabs': (tabs: AppRouteModule[]) => boolean;
+    themeChange: (_value: BasicLayoutProps["theme"]) => true;
+    darkChange: (_value: boolean) => true;
+    'update:theme': (_value: BasicLayoutProps["theme"]) => true;
+    contentFullScreenChange: (_value: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    styles: {
+        type: PropType<import("./types/typings").LayoutStylesType>;
+        default: () => {};
+    };
+    classNames: {
+        type: PropType<import("./types/typings").LayoutClassNamesType>;
+        default: () => {};
+    };
+    collapsedProps: {
+        type: PropType<Partial<CollapsedProps>>;
+    };
+    settings: {
+        type: PropType<import("./config").ProLayoutConfig>;
+        default: () => import("./config").ProLayoutConfig;
+    };
+    menu: {
+        type: PropType<Partial<import("./types/MenuTypings").ProLayoutMenuProps>>;
+        default: () => Partial<BaseMenuProps>;
+    };
+    route: {
+        type: PropType<AppRouteModule[]>;
         default: () => never[];
     };
-    menuProps: {
-        type: import("vue").PropType<Record<string, any>>;
-        default: () => null;
+    tabsRoute: {
+        type: PropType<import("./components/TabsRoute").BaseTabsRouteProps>;
+        default: () => {};
     };
-    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;
+    pageContainer: {
+        type: PropType<import("./components/PageContainer/props").LayoutPageContainer>;
     };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
+    pure: PropType<boolean>;
+    token: PropType<DeepPartial<ProAliasToken>>;
+    cssVar: {
+        type: PropType<(keyof ProAliasToken)[]>;
+        default: () => never[];
     };
-    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<{
-    pure: BooleanConstructor;
-    token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
-    waterMark: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    waterMarkProps: {
+        type: PropType<false | import("@gx-design-vue/pro-watermark/dist").WaterMarkProps>;
+        default: () => undefined;
     };
     disableMobile: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    contentStyle: {
-        type: import("vue").PropType<CSSProperties>;
-        default: () => null;
+        type: PropType<boolean>;
     };
     breadcrumb: {
-        type: import("vue").PropType<BreadcrumbProps>;
-        default: () => null;
+        type: PropType<BreadcrumbProps>;
+        default: () => {};
     };
-    disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
-    isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
-    loading: import("vue-types").VueTypeValidableDef<boolean>;
+    isChildrenLayout: PropType<boolean>;
+    loading: PropType<boolean>;
     footerLinks: {
-        type: import("vue").PropType<import("./components/GlobalFooter").Links>;
+        type: PropType<import("./components/GlobalFooter").Links>;
         default: ({
             key: string;
             title: string;
@@ -311,326 +268,293 @@ declare const _default: import("vue").DefineComponent<{
             blankTarget: boolean;
         } | {
             key: string;
-            title: JSX.Element;
+            title: import("vue/jsx-runtime").JSX.Element;
             href: string;
             blankTarget: boolean;
         })[];
     };
+    pageLockRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
+        default: undefined;
+    };
     copyrightRender: {
-        type: import("vue").PropType<CopyrightRender>;
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     footerRender: {
-        type: import("vue").PropType<FooterRender>;
+        type: PropType<import("./types/SlotsTypings").FooterRender>;
         default: () => undefined;
     };
-    menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
+    onContentFullScreenChange: PropType<(value: boolean) => void>;
+    openKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["openKeys"]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["selectedKeys"]>;
+        default: () => never[];
+    };
+    onOpenKeys: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["onOpenKeys"]>;
+    };
+    onSelect: {
+        type: PropType<import("./types/MenuTypings").ProLayoutMenuFunProps["onSelect"]>;
     };
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
+    menuItemRender: {
+        type: PropType<BaseMenuProps["menuItemRender"]>;
         default: () => undefined;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    menuTextRender: {
+        type: PropType<BaseMenuProps["menuTextRender"]>;
+        default: () => undefined;
     };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    subMenuItemRender: {
+        type: PropType<BaseMenuProps["subMenuItemRender"]>;
+        default: () => undefined;
     };
     onReloadPage: {
-        type: import("vue").PropType<() => void>;
+        type: PropType<() => void>;
     };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
     };
     'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        type: PropType<(list: AppRouteModule[]) => void>;
     };
-    headerTitleRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
+    autoHideHeader: PropType<HeaderLayoutProps["autoHideHeader"]>;
+    headerMainWidth: {
+        type: PropType<HeaderLayoutProps["headerMainWidth"]>;
+        default: undefined;
     };
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: PropType<import("./types/SlotsTypings").HeaderRender>;
         default: () => undefined;
     };
     headerContentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>>;
-        default: () => undefined;
-    };
-    hasSiderMenu: import("vue").PropType<boolean>;
-    logo: {
-        type: import("vue").PropType<CustomRender>;
-        default: () => undefined;
-    };
-    logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<import("./types/SlotsTypings").HeaderContentRender>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    menuLoading: import("vue").PropType<boolean>;
-    autoHideHeader: import("vue").PropType<boolean>;
-    headerTheme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
-        default: string;
-    };
-    menuRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    appsLogoComponents: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     extraRightDropdownRender: {
-        type: import("vue").PropType<ExtraRightDropdownRender>;
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
-        type: import("vue").PropType<RightContentRender>;
+        type: PropType<import("./types/SlotsTypings").RightContentRender>;
         default: () => undefined;
     };
-    collapsedButtonRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
+    logo: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logo"]>;
         default: () => undefined;
     };
-    matchMenuKeys: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    onCollapse: {
-        type: import("vue").PropType<(collapsed: boolean) => void>;
-    };
-    onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
-    };
-    onMenuHeaderClick: import("vue").PropType<Function>;
-    onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
-    };
-    layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
-    wideWidth: {
-        type: import("vue").PropType<number | undefined>;
-        default: number | undefined;
-    };
-    splitMenus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    fixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showProgressBar: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    fixedHeader: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    logoStyle: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logoStyle"]>;
+        default: () => undefined;
     };
-    fixSiderbar: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    logoRender: {
+        type: PropType<import("./components/LogoContent/props").CommonLogoProps["logoRender"]>;
+        default: () => undefined;
     };
-    showTabsBar: {
-        type: import("vue").PropType<boolean>;
+    onLogoClick: PropType<import("./components/LogoContent/props").CommonLogoProps["onLogoClick"]>;
+    suppressSiderWhenMenuEmpty: {
+        type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: boolean | undefined;
-    };
-    headerHeight: {
-        type: import("vue").PropType<number | undefined>;
-        default: number | undefined;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconfontUrl: {
-        type: import("vue").PropType<string | undefined>;
-        default: string | undefined;
-    };
-    animate: {
-        type: import("vue").PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
-        default: {
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined;
-    };
-    primaryColor: {
-        type: import("vue").PropType<string>;
-        default: string;
+    breakpoint: {
+        type: PropType<SiderLayoutProps["breakpoint"]>;
+        default: () => boolean;
     };
-    links: {
-        type: import("vue").PropType<LinksRender>;
+    siderActionsRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    menuHeaderRender: {
-        type: import("vue").PropType<HeaderLogoRender>;
+    menuLinksRender: {
+        type: PropType<import("./types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     menuFooterRender: {
-        type: import("vue").PropType<MenuFooterRender>;
-        default: () => boolean;
+        type: PropType<import("./types/SlotsTypings").MenuFooterRender>;
+        default: () => undefined;
     };
     menuContentRender: {
-        type: import("vue").PropType<MenuContentRender>;
-        default: () => boolean;
-    };
-    menuExtraRender: {
-        type: import("vue").PropType<MenuExtraRender>;
-        default: () => boolean;
-    };
-    breakpoint: {
-        type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
-        default: () => boolean;
-    };
-    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;
+        type: PropType<import("./types/SlotsTypings").MenuContentRender>;
+        default: () => undefined;
     };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
+    menuHeaderRender: {
+        type: PropType<import("./types/SlotsTypings").MenuHeaderRender>;
+        default: () => undefined;
     };
-    onClick: import("vue").PropType<(...args: any) => void>;
-}>> & {
-    onSelect?: ((...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;
-    "onUpdate:open-keys"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:selected-keys"?: ((...args: any[]) => any) | undefined;
-}, {
-    links: LinksRender;
-    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";
-    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;
-    menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
-        item: AppRouteModule;
-        title?: JSX.Element | undefined;
-        icon?: JSX.Element | undefined;
-    }) => CustomRender> | undefined;
-    subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
-        item: AppRouteModule;
-        children?: CustomRender[] | undefined;
-    }) => CustomRender> | undefined;
-    mode: import("ant-design-vue").MenuMode;
-    menuData: AppRouteModule[];
-    openKeys: boolean | string[];
+    theme: {
+        type: PropType<ThemeValue>;
+    };
+    onDarkChange: PropType<(value: boolean) => void>;
+    onThemeChange: PropType<(value?: ThemeValue) => void>;
+    'onUpdate:theme': PropType<(value?: ThemeValue) => void>;
+    id: PropType<string>;
+}>> & Readonly<{
+    onOpenKeys?: ((_value: string[]) => any) | undefined;
+    onCollapse?: ((_value: boolean) => any) | undefined;
+    onSelect?: ((_value: string[]) => any) | undefined;
+    onReloadPage?: (() => any) | undefined;
+    "onUpdate:selected-keys"?: ((_value: string[]) => any) | undefined;
+    "onUpdate:open-keys"?: ((_value: string[]) => any) | undefined;
+    onLogoClick?: (() => any) | undefined;
+    onTabsChange?: ((tabs: AppRouteModule[]) => any) | undefined;
+    "onUpdate:tabs"?: ((tabs: AppRouteModule[]) => any) | undefined;
+    onThemeChange?: ((_value: ThemeValue | undefined) => any) | undefined;
+    onDarkChange?: ((_value: boolean) => any) | undefined;
+    "onUpdate:theme"?: ((_value: ThemeValue | undefined) => any) | undefined;
+    onContentFullScreenChange?: ((_value: boolean) => any) | undefined;
+}>, {
+    logo: CustomRender;
+    logoStyle: CSSProperties | undefined;
+    logoRender: import("./types/SlotsTypings").LogoRender | undefined;
+    breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
+    menu: Partial<import("./types/MenuTypings").ProLayoutMenuProps>;
+    openKeys: string[];
     selectedKeys: string[];
-    menuProps: Record<string, any>;
+    styles: Partial<Record<import("./types/typings").LayoutSemanticName, CSSProperties>>;
+    classNames: Partial<Record<import("./types/typings").LayoutSemanticName, string>>;
+    menuItemRender: import("./types/SlotsTypings").MenuItemRender;
+    menuTextRender: import("./types/SlotsTypings").MenuTextRender;
+    subMenuItemRender: import("./types/SlotsTypings").SubMenuItemRender;
     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;
-    logo: CustomRender;
-    logoStyle: CSSProperties;
-    logoDirection: "horizontal" | "vertical";
-    menuFooterRender: MenuFooterRender;
-    menuContentRender: MenuContentRender;
-    menuExtraRender: MenuExtraRender;
-    collapsedButtonRender: import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>;
-    matchMenuKeys: string[];
-    onMenuClick: (...args: any[]) => any;
-    headerTheme: import("@gx-design-vue/pro-provider").ThemeType;
-    menuRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
-    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>;
-    headerContentRender: import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>;
-    pure: boolean;
-    contentStyle: CSSProperties;
+    onTabsChange: (list: AppRouteModule[]) => void;
+    settings: import("./config").ProLayoutConfig;
+    suppressSiderWhenMenuEmpty: boolean;
+    headerMainWidth: number;
+    route: AppRouteModule[];
+    tabsRoute: Partial<import("vue").ExtractPropTypes<{
+        visible: {
+            type: PropType<boolean>;
+            default: undefined;
+        };
+        type: {
+            type: PropType<import("./components/TabsRoute/props").TabsRouteType>;
+            default: string;
+        };
+        destroyOnHide: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        storage: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        itemRender: {
+            type: PropType<import("./types/SlotsTypings").TabsRouteItemRender>;
+            default: () => undefined;
+        };
+    }>>;
+    cssVar: ("layout" | keyof import("ant-design-vue/es/theme/internal").AliasToken | keyof import("ant-design-vue/es/theme/interface").ComponentTokenMap | "antCls" | "themeId" | "componentsCls" | "proComponentsCls" | "componentCls" | keyof import("@gx-design-vue/pro-provider/dist").CSSUtil)[];
+    waterMarkProps: false | Partial<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: PropType<number>;
+            default: number;
+        };
+        rotate: {
+            type: PropType<number>;
+            default: number;
+        };
+        width: {
+            type: PropType<number>;
+        };
+        height: {
+            type: PropType<number>;
+        };
+        content: {
+            type: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["content"]>;
+        };
+        image: PropType<string>;
+        font: {
+            type: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["font"]>;
+            default: () => {};
+        };
+        style: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
+        class: PropType<string>;
+        rootClassName: PropType<string>;
+        markStyle: PropType<CSSProperties>;
+        markClassName: PropType<string>;
+        gap: {
+            type: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["gap"]>;
+            default: () => number[];
+        };
+        offset: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["offset"]>;
+        inherit: {
+            type: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["inherit"]>;
+            default: boolean;
+        };
+        onRemove: PropType<import("@gx-design-vue/pro-watermark/dist/props").WatermarkProps["onRemove"]>;
+    }>>;
     footerLinks: import("./components/GlobalFooter").Links;
-    copyrightRender: CopyrightRender;
-    footerRender: FooterRender;
-}>;
+    pageLockRender: import("./types/SlotsTypings").DefaultRender;
+    copyrightRender: import("./types/SlotsTypings").DefaultRender;
+    footerRender: import("./types/SlotsTypings").FooterRender;
+    headerRender: import("./types/SlotsTypings").HeaderRender;
+    headerContentRender: import("./types/SlotsTypings").HeaderContentRender;
+    appsLogoComponents: import("./types/SlotsTypings").DefaultRender;
+    extraRightDropdownRender: import("./types/SlotsTypings").DefaultRender;
+    rightContentRender: import("./types/SlotsTypings").RightContentRender;
+    siderActionsRender: import("./types/SlotsTypings").DefaultRender;
+    menuLinksRender: import("./types/SlotsTypings").DefaultRender;
+    menuFooterRender: import("./types/SlotsTypings").MenuFooterRender;
+    menuContentRender: import("./types/SlotsTypings").MenuContentRender;
+    menuHeaderRender: import("./types/SlotsTypings").MenuHeaderRender;
+}, SlotsType<{
+    default(): void;
+    settingDrawer(): void;
+    menuLinksRender(): void;
+    copyrightRender(): void;
+    pageHeaderRender(): void;
+    appsLogoComponents(): void;
+    extraRightDropdownRender(): void;
+    siderActionsRender(): void;
+    collapsedIconRender(): void;
+    logoRender(props: LogoRenderProps): void;
+    footerRender(props?: BasicLayoutProps): void;
+    rightContentRender(props?: HeaderLayoutProps): void;
+    tabsRouteItemRender(route: AppRouteModule): void;
+    headerRender(props: {
+        props: HeaderLayoutProps;
+        defaultDom: CustomRender;
+    }): void;
+    headerContentRender(props?: HeaderLayoutProps): void;
+    collapsedButtonRender(collapsed?: boolean): void;
+    breadcrumbRender(props: {
+        route: ProRoute;
+        params: any;
+        routes: Array<ProRoute>;
+        paths: Array<string>;
+    }): void;
+    menuHeaderRender(props?: SiderLayoutProps): void;
+    menuFooterRender(props?: SiderLayoutProps): void;
+    menuContentRender(props: {
+        props: SiderLayoutProps;
+        defaultDom: CustomRender;
+    }): void;
+    menuItemRender(props: {
+        item: AppRouteModule;
+        defaultDom?: CustomRender;
+        menuProps?: BaseMenuProps;
+    }): void;
+    menuTextRender(props: {
+        item: AppRouteModule;
+        defaultText?: CustomRender;
+        menuProps?: BaseMenuProps;
+    }): void;
+    subMenuItemRender(props: {
+        item: AppRouteModule;
+        children?: CustomRender[];
+        menuProps?: BaseMenuProps;
+    }): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;