@gx-design-vue/pro-layout 0.1.0-beta.7 → 0.1.0-beta.71

package/dist/ProLayout.d.ts

@@ -1,29 +1,46 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
-import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
+import { type CustomRender } from '@gx-design-vue/pro-utils';
 import { basicLayoutProps } from './props';
-import type { MenuContentRender, MenuFooterRender, MenuExtraRender, CopyrightRender, LinksRender, FooterRender, RightContentRender, HeaderLogoRender, ExtraRightDropdownRender } from './RenderTypings';
-import type { BreadcrumbProps } from './Context';
-import type { AppRouteModule } from './route';
+import type { FooterRender, HeaderContentRender, HeaderLogoRender, HeaderRender, MenuContentRender, MenuFooterRender, MenuHeaderRender, RightContentRender, TabsRouteItemRender } from './SlotsTypings';
+import type { AppRouteModule } from './RouteTypings';
+import type { AntRoute, BreadcrumbProps } from './typings';
+import type { DefaultHeaderProps } from './components/GlobalHeader/DefaultHeader';
+import type { SiderMenuProps } from './components/SiderMenu/SiderMenu';
+import type { LogoContentProps } from './components/LogoContent';
+import { type GlobalHeaderProps } from './components/GlobalHeader';
+import './utils/icon/iconfont.js';
 export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    pageContainerProps: {
+        type: import("vue").PropType<import("./Context").PageContainerPropsType>;
+    };
     pure: BooleanConstructor;
-    token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
+    token: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").DeepPartial<import("@gx-design-vue/pro-provider/dist").ProAliasToken>>;
+    menuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
+    };
+    levelMenuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => undefined;
+    };
     waterMark: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    pageLockRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
+        default: undefined;
+    };
     disableMobile: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean>;
         required: boolean;
     };
     contentStyle: {
         type: import("vue").PropType<CSSProperties>;
         default: () => null;
     };
-    breadcrumb: {
-        type: import("vue").PropType<BreadcrumbProps>;
-        default: () => null;
-    };
+    breadcrumb: import("vue").PropType<BreadcrumbProps>;
     disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
     isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
     loading: import("vue-types").VueTypeValidableDef<boolean>;
@@ -36,107 +53,64 @@ declare const _default: import("vue").DefineComponent<{
             blankTarget: boolean;
         } | {
             key: string;
-            title: JSX.Element;
+            title: import("vue/jsx-runtime").JSX.Element;
             href: string;
             blankTarget: boolean;
         })[];
     };
+    tabsVisible: import("vue").PropType<boolean>;
+    tabsRouteItemRender: {
+        type: import("vue").PropType<TabsRouteItemRender>;
+        default: () => undefined;
+    };
     copyrightRender: {
-        type: import("vue").PropType<CopyrightRender>;
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     footerRender: {
         type: import("vue").PropType<FooterRender>;
         default: () => undefined;
     };
-    menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
-    };
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    contentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    breadcrumbRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
-        default: () => undefined;
+    onTabsChange: {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    onReloadPage: {
+        type: import("vue").PropType<() => void>;
     };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
+    'onUpdate:tabs': {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
     };
+    hasSiderMenu: import("vue").PropType<boolean>;
     collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    onReloadPage: {
-        type: import("vue").PropType<() => void>;
-    };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    headerTitleRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
+    siderWidth: {
+        type: import("vue").PropType<number>;
+        default: undefined;
     };
+    menuLoading: import("vue").PropType<boolean>;
+    autoHideHeader: import("vue").PropType<boolean>;
+    isMobile: import("vue").PropType<boolean>;
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: import("vue").PropType<HeaderRender>;
         default: () => undefined;
     };
     headerContentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>>;
+        type: import("vue").PropType<HeaderContentRender>;
         default: () => undefined;
     };
-    hasSiderMenu: import("vue").PropType<boolean>;
-    logo: {
-        type: import("vue").PropType<CustomRender>;
+    menuRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
-    logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
-        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>>;
+    appLogoListRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     extraRightDropdownRender: {
-        type: import("vue").PropType<ExtraRightDropdownRender>;
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
@@ -144,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     collapsedButtonRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     matchMenuKeys: {
@@ -155,158 +129,189 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(openKeys: string[]) => void>;
     };
-    onMenuHeaderClick: import("vue").PropType<Function>;
     onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(selectedKeys: string[]) => void>;
+    };
+    logo: {
+        type: import("vue").PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    logoContentRender: {
+        type: import("vue").PropType<HeaderLogoRender>;
+        default: () => undefined;
+    };
+    onLogoClick: import("vue").PropType<Function>;
+    toFirstPath: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    mode: {
+        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
+        default: string;
+    };
+    collapsed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    openKeys: {
+        type: import("vue").PropType<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("./components/SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
     };
+    subMenuItemRender: {
+        type: import("vue").PropType<import("./components/SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
+        default: () => undefined;
+    };
+    onClick: import("vue").PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
     theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
+        default: string;
     };
     layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     };
     wideWidth: {
-        type: import("vue").PropType<number | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
         default: number | undefined;
     };
     splitMenus: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
         default: boolean;
     };
-    fixedMultiTab: {
-        type: import("vue").PropType<boolean>;
+    fixedTabsBar: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
         default: boolean;
     };
     showProgressBar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
         default: boolean;
     };
     fixedHeader: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
         default: boolean;
     };
     fixSiderbar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
         default: boolean;
     };
     showTabsBar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: boolean | undefined;
+    storageTabsBar: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
+        default: boolean;
     };
     headerHeight: {
-        type: import("vue").PropType<number | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
         default: number | undefined;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
         default: string;
     };
     iconfontUrl: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
         default: string | undefined;
     };
     animate: {
-        type: import("vue").PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
         default: {
-            disabled?: boolean | undefined;
+            disabled?: boolean;
             name: string;
             direction: string;
         } | undefined;
     };
     primaryColor: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
         default: string;
     };
-    links: {
-        type: import("vue").PropType<LinksRender>;
+    suppressSiderWhenMenuEmpty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    breakpoint: {
+        type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
+        default: () => boolean;
+    };
+    siderActionsRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    menuHeaderRender: {
-        type: import("vue").PropType<HeaderLogoRender>;
+    menuLinksRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     menuFooterRender: {
         type: import("vue").PropType<MenuFooterRender>;
-        default: () => boolean;
+        default: () => undefined;
     };
     menuContentRender: {
         type: import("vue").PropType<MenuContentRender>;
-        default: () => boolean;
-    };
-    menuExtraRender: {
-        type: import("vue").PropType<MenuExtraRender>;
-        default: () => boolean;
+        default: () => undefined;
     };
-    breakpoint: {
-        type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
-        default: () => boolean;
+    menuHeaderRender: {
+        type: import("vue").PropType<MenuHeaderRender>;
+        default: () => undefined;
     };
     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[];
+    dark: {
+        type: import("vue").PropType<boolean | "system">;
+        default: undefined;
     };
-    selectedKeys: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
+    onDarkChange: import("vue").PropType<(value?: boolean | "system") => void>;
+    'onUpdate:dark': import("vue").PropType<(value?: boolean | "system") => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "select" | "collapse" | "update:collapsed" | "reloadPage" | "update:tabs" | "update:dark" | "update:open-keys" | "update:selected-keys" | "logoClick" | "menuClick" | "tabsChange" | "darkChange")[], "openKeys" | "select" | "collapse" | "update:collapsed" | "reloadPage" | "update:tabs" | "update:dark" | "update:open-keys" | "update:selected-keys" | "logoClick" | "menuClick" | "tabsChange" | "darkChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    pageContainerProps: {
+        type: import("vue").PropType<import("./Context").PageContainerPropsType>;
     };
-    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;
+    pure: BooleanConstructor;
+    token: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").DeepPartial<import("@gx-design-vue/pro-provider/dist").ProAliasToken>>;
+    menuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
     };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
+    levelMenuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => undefined;
     };
-    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;
     };
+    pageLockRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
+        default: undefined;
+    };
     disableMobile: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean>;
         required: boolean;
     };
     contentStyle: {
         type: import("vue").PropType<CSSProperties>;
         default: () => null;
     };
-    breadcrumb: {
-        type: import("vue").PropType<BreadcrumbProps>;
-        default: () => null;
-    };
+    breadcrumb: import("vue").PropType<BreadcrumbProps>;
     disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
     isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
     loading: import("vue-types").VueTypeValidableDef<boolean>;
@@ -319,107 +324,64 @@ declare const _default: import("vue").DefineComponent<{
             blankTarget: boolean;
         } | {
             key: string;
-            title: JSX.Element;
+            title: import("vue/jsx-runtime").JSX.Element;
             href: string;
             blankTarget: boolean;
         })[];
     };
+    tabsVisible: import("vue").PropType<boolean>;
+    tabsRouteItemRender: {
+        type: import("vue").PropType<TabsRouteItemRender>;
+        default: () => undefined;
+    };
     copyrightRender: {
-        type: import("vue").PropType<CopyrightRender>;
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     footerRender: {
         type: import("vue").PropType<FooterRender>;
         default: () => undefined;
     };
-    menuData: {
-        type: import("vue").PropType<AppRouteModule[]>;
-        default: () => AppRouteModule[];
-    };
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    pageHeaderRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    contentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    breadcrumbRender: {
-        type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
-        default: () => undefined;
+    onTabsChange: {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
     };
-    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    onReloadPage: {
+        type: import("vue").PropType<() => void>;
     };
-    pageCardProps: import("vue").PropType<{
-        loading: boolean;
-        bodyStyle: CSSProperties;
-    }>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
+    'onUpdate:tabs': {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
     };
+    hasSiderMenu: import("vue").PropType<boolean>;
     collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    onReloadPage: {
-        type: import("vue").PropType<() => void>;
-    };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    headerTitleRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
+    siderWidth: {
+        type: import("vue").PropType<number>;
+        default: undefined;
     };
+    menuLoading: import("vue").PropType<boolean>;
+    autoHideHeader: import("vue").PropType<boolean>;
+    isMobile: import("vue").PropType<boolean>;
     headerRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        type: import("vue").PropType<HeaderRender>;
         default: () => undefined;
     };
     headerContentRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any) => CustomRender>>;
+        type: import("vue").PropType<HeaderContentRender>;
         default: () => undefined;
     };
-    hasSiderMenu: import("vue").PropType<boolean>;
-    logo: {
-        type: import("vue").PropType<CustomRender>;
-        default: () => undefined;
-    };
-    logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+    menuRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         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>>;
+    appLogoListRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     extraRightDropdownRender: {
-        type: import("vue").PropType<ExtraRightDropdownRender>;
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
@@ -427,7 +389,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => undefined;
     };
     collapsedButtonRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     matchMenuKeys: {
@@ -438,217 +400,265 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(openKeys: string[]) => void>;
     };
-    onMenuHeaderClick: import("vue").PropType<Function>;
     onSelect: {
-        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
+        type: import("vue").PropType<(selectedKeys: string[]) => void>;
+    };
+    logo: {
+        type: import("vue").PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    logoContentRender: {
+        type: import("vue").PropType<HeaderLogoRender>;
+        default: () => undefined;
+    };
+    onLogoClick: import("vue").PropType<Function>;
+    toFirstPath: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    mode: {
+        type: import("vue").PropType<import("ant-design-vue").MenuMode>;
+        default: string;
+    };
+    collapsed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    openKeys: {
+        type: import("vue").PropType<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("./components/SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: import("vue").PropType<import("./components/SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
+        default: () => undefined;
     };
+    onClick: import("vue").PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
     theme: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
-        default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
+        default: string;
     };
     layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     };
     wideWidth: {
-        type: import("vue").PropType<number | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
         default: number | undefined;
     };
     splitMenus: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
         default: boolean;
     };
-    fixedMultiTab: {
-        type: import("vue").PropType<boolean>;
+    fixedTabsBar: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
         default: boolean;
     };
     showProgressBar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
         default: boolean;
     };
     fixedHeader: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
         default: boolean;
     };
     fixSiderbar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
         default: boolean;
     };
     showTabsBar: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: boolean | undefined;
+    storageTabsBar: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
+        default: boolean;
     };
     headerHeight: {
-        type: import("vue").PropType<number | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
         default: number | undefined;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
         default: string;
     };
     iconfontUrl: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
         default: string | undefined;
     };
     animate: {
-        type: import("vue").PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
         default: {
-            disabled?: boolean | undefined;
+            disabled?: boolean;
             name: string;
             direction: string;
         } | undefined;
     };
     primaryColor: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
         default: string;
     };
-    links: {
-        type: import("vue").PropType<LinksRender>;
+    suppressSiderWhenMenuEmpty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    breakpoint: {
+        type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
+        default: () => boolean;
+    };
+    siderActionsRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
-    menuHeaderRender: {
-        type: import("vue").PropType<HeaderLogoRender>;
+    menuLinksRender: {
+        type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     menuFooterRender: {
         type: import("vue").PropType<MenuFooterRender>;
-        default: () => boolean;
+        default: () => undefined;
     };
     menuContentRender: {
         type: import("vue").PropType<MenuContentRender>;
-        default: () => boolean;
-    };
-    menuExtraRender: {
-        type: import("vue").PropType<MenuExtraRender>;
-        default: () => boolean;
+        default: () => undefined;
     };
-    breakpoint: {
-        type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
-        default: () => boolean;
+    menuHeaderRender: {
+        type: import("vue").PropType<MenuHeaderRender>;
+        default: () => undefined;
     };
     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;
+    dark: {
+        type: import("vue").PropType<boolean | "system">;
+        default: undefined;
     };
-    subMenuItemRender: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    onClick: import("vue").PropType<(...args: any) => void>;
-}>> & {
+    onDarkChange: import("vue").PropType<(value?: boolean | "system") => void>;
+    'onUpdate:dark': import("vue").PropType<(value?: boolean | "system") => void>;
+}>> & Readonly<{
+    onOpenKeys?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onCollapse?: ((...args: any[]) => any) | undefined;
+    onLogoClick?: ((...args: any[]) => any) | undefined;
+    onTabsChange?: ((...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:tabs"?: ((...args: any[]) => any) | undefined;
     "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+    onMenuClick?: ((...args: any[]) => any) | undefined;
+    onDarkChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:dark"?: ((...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";
+}>, {
+    layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
+    theme: import("@gx-design-vue/pro-provider/dist").BaseMenuTheme;
+    dark: boolean | "system";
     wideWidth: number | undefined;
     splitMenus: boolean;
-    fixedMultiTab: boolean;
+    fixedTabsBar: boolean;
     showProgressBar: boolean;
     fixedHeader: boolean;
     fixSiderbar: boolean;
     showTabsBar: boolean;
-    showFullScreen: boolean | undefined;
+    storageTabsBar: boolean;
     headerHeight: number | undefined;
+    title: string;
     iconfontUrl: string | undefined;
+    animate: {
+        disabled?: boolean;
+        name: string;
+        direction: string;
+    } | undefined;
     primaryColor: string;
-    menuHeaderRender: HeaderLogoRender;
-    menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
+    menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
         item: AppRouteModule;
-        title?: JSX.Element | undefined;
-        icon?: JSX.Element | undefined;
+        title?: CustomRender;
+        icon?: CustomRender;
     }) => CustomRender> | undefined;
-    subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
+    subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
         item: AppRouteModule;
-        children?: CustomRender[] | undefined;
+        children?: CustomRender[];
     }) => CustomRender> | undefined;
+    toFirstPath: boolean;
     mode: import("ant-design-vue").MenuMode;
     menuData: AppRouteModule[];
-    openKeys: boolean | string[];
+    collapsed: boolean;
+    openKeys: string[];
     selectedKeys: string[];
     menuProps: Record<string, any>;
-    breadcrumb: BreadcrumbProps;
-    usePageCard: boolean;
-    pageHeaderRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
-    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";
+    logoContentRender: HeaderLogoRender;
+    siderWidth: number;
+    suppressSiderWhenMenuEmpty: boolean;
+    matchMenuKeys: string[];
+    appLogoListRender: import("./SlotsTypings").DefaultRender;
+    siderActionsRender: import("./SlotsTypings").DefaultRender;
+    menuLinksRender: import("./SlotsTypings").DefaultRender;
     menuFooterRender: MenuFooterRender;
     menuContentRender: MenuContentRender;
-    menuExtraRender: MenuExtraRender;
-    collapsedButtonRender: import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>;
-    matchMenuKeys: string[];
+    collapsedButtonRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>;
+    menuHeaderRender: MenuHeaderRender;
     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;
+    headerRender: HeaderRender;
+    headerContentRender: HeaderContentRender;
+    menuRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
+    extraRightDropdownRender: import("./SlotsTypings").DefaultRender;
     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>;
+    levelMenuData: AppRouteModule[];
     pure: boolean;
+    waterMark: boolean;
+    pageLockRender: import("./SlotsTypings").DefaultRender;
     contentStyle: CSSProperties;
     footerLinks: import("./components/GlobalFooter").Links;
-    copyrightRender: CopyrightRender;
+    tabsRouteItemRender: TabsRouteItemRender;
+    copyrightRender: import("./SlotsTypings").DefaultRender;
     footerRender: FooterRender;
-    contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
-    breadcrumbRender: import("./RenderTypings").PageHeaderRender;
-}>;
+}, SlotsType<{
+    settingDrawer(): void;
+    pageLockRender(): void;
+    menuLinksRender(): void;
+    copyrightRender(): void;
+    pageHeaderRender(): void;
+    appLogoListRender(): void;
+    extraRightDropdownRender(): void;
+    siderActionsRender(): void;
+    footerRender(props?: BasicLayoutProps): void;
+    rightContentRender(props?: DefaultHeaderProps): void;
+    tabsRouteItemRender(route: AppRouteModule): void;
+    headerRender(props: GlobalHeaderProps, defaultDom: CustomRender): void;
+    headerContentRender(props?: GlobalHeaderProps): void;
+    collapsedButtonRender(collapsed?: boolean): void;
+    breadcrumbRender(props: {
+        route: AntRoute;
+        params: any;
+        routes: Array<AntRoute>;
+        paths: Array<string>;
+    }): void;
+    menuHeaderRender(props?: SiderMenuProps): void;
+    menuFooterRender(props?: SiderMenuProps): void;
+    menuContentRender(props: SiderMenuProps, defaultDom: CustomRender): void;
+    menuItemRender(item: AppRouteModule, title?: CustomRender, icon?: CustomRender): void;
+    subMenuItemRender(item: AppRouteModule, children?: CustomRender[]): void;
+    logoContentRender(logo: CustomRender, title: CustomRender, props?: LogoContentProps): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;