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

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

@@ -1,282 +1,63 @@
 import type { PropType } from 'vue';
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-import type { ThemeType } from '@gx-design-vue/pro-provider';
-import type { AppRouteModule } from '../../route';
-import type { RightContentRender } from '../../RenderTypings';
-import type { ExtraRightDropdownRender } from '../../RenderTypings';
-export declare const globalHeaderProps: {
-    logo: {
-        type: PropType<CustomRender>;
-        default: () => undefined;
+import type { DefaultRender, HeaderContentRender, HeaderRender, RightContentRender } from '../../types/SlotsTypings';
+import type { HeaderLayoutProps } from '../../types/typings';
+export declare const headerProps: {
+    autoHideHeader: PropType<HeaderLayoutProps["autoHideHeader"]>;
+    headerMainWidth: {
+        type: PropType<HeaderLayoutProps["headerMainWidth"]>;
+        default: undefined;
     };
-    logoStyle: {
-        type: PropType<import("vue").CSSProperties>;
+    headerRender: {
+        type: PropType<HeaderRender>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    menuLoading: PropType<boolean>;
-    autoHideHeader: PropType<boolean>;
-    collapsed: PropType<boolean>;
-    isMobile: PropType<boolean>;
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    headerTheme: {
-        type: PropType<ThemeType>;
-        default: string;
-    };
-    menuData: {
-        type: PropType<AppRouteModule[]>;
-        default: () => never[];
+    headerContentRender: {
+        type: PropType<HeaderContentRender>;
+        default: () => undefined;
     };
-    menuRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    appsLogoComponents: {
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
     extraRightDropdownRender: {
-        type: PropType<ExtraRightDropdownRender>;
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
         type: PropType<RightContentRender>;
         default: () => undefined;
     };
-    collapsedButtonRender: {
-        type: PropType<WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
-        default: () => undefined;
-    };
-    matchMenuKeys: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    onCollapse: {
-        type: PropType<(collapsed: boolean) => void>;
-    };
     onOpenKeys: {
-        type: PropType<(openKeys: WithFalse<string[]>) => void>;
+        type: PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["onOpenKeys"]>;
     };
-    onMenuHeaderClick: PropType<Function>;
     onSelect: {
-        type: PropType<(selectedKeys: WithFalse<string[]>) => void>;
-    };
-    theme: {
-        type: PropType<ThemeType | undefined>;
-        default: ThemeType | undefined;
-    };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
-    wideWidth: {
-        type: PropType<number | undefined>;
-        default: number | undefined;
-    };
-    splitMenus: {
-        type: PropType<boolean>;
-        default: boolean;
+        type: PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["onSelect"]>;
     };
-    fixedMultiTab: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showProgressBar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    fixedHeader: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    fixSiderbar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showTabsBar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showFullScreen: {
-        type: PropType<boolean | undefined>;
-        default: boolean | undefined;
-    };
-    headerHeight: {
-        type: PropType<number | undefined>;
-        default: number | undefined;
-    };
-    title: {
-        type: PropType<string>;
-        default: string;
-    };
-    iconfontUrl: {
-        type: PropType<string | undefined>;
-        default: string | undefined;
-    };
-    animate: {
-        type: PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
-        default: {
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined;
-    };
-    primaryColor: {
-        type: PropType<string>;
-        default: string;
-    };
-};
-export declare const headerViewProps: {
-    headerTitleRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    menuItemRender: {
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["menuItemRender"]>;
         default: () => undefined;
     };
-    headerRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    menuTextRender: {
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["menuTextRender"]>;
         default: () => undefined;
     };
-    headerContentRender: {
-        type: PropType<WithFalse<(props: any) => CustomRender>>;
+    subMenuItemRender: {
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["subMenuItemRender"]>;
         default: () => undefined;
     };
-    hasSiderMenu: PropType<boolean>;
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
+    class: PropType<string>;
+    style: PropType<import("vue").CSSProperties>;
     logo: {
-        type: PropType<CustomRender>;
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logo"]>;
         default: () => undefined;
     };
     logoStyle: {
-        type: PropType<import("vue").CSSProperties>;
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logoStyle"]>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    menuLoading: PropType<boolean>;
-    autoHideHeader: PropType<boolean>;
-    collapsed: PropType<boolean>;
-    isMobile: PropType<boolean>;
-    headerTheme: {
-        type: PropType<ThemeType>;
-        default: string;
-    };
-    menuData: {
-        type: PropType<AppRouteModule[]>;
-        default: () => never[];
-    };
-    menuRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+    logoRender: {
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logoRender"]>;
         default: () => undefined;
     };
-    extraRightDropdownRender: {
-        type: PropType<ExtraRightDropdownRender>;
-        default: () => undefined;
-    };
-    rightContentRender: {
-        type: PropType<RightContentRender>;
-        default: () => undefined;
-    };
-    collapsedButtonRender: {
-        type: PropType<WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
-        default: () => undefined;
-    };
-    matchMenuKeys: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    onCollapse: {
-        type: PropType<(collapsed: boolean) => void>;
-    };
-    onOpenKeys: {
-        type: PropType<(openKeys: WithFalse<string[]>) => void>;
-    };
-    onMenuHeaderClick: PropType<Function>;
-    onSelect: {
-        type: PropType<(selectedKeys: WithFalse<string[]>) => void>;
-    };
-    theme: {
-        type: PropType<ThemeType | undefined>;
-        default: ThemeType | undefined;
-    };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
-    wideWidth: {
-        type: PropType<number | undefined>;
-        default: number | undefined;
-    };
-    splitMenus: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    fixedMultiTab: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showProgressBar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    fixedHeader: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    fixSiderbar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showTabsBar: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    showFullScreen: {
-        type: PropType<boolean | undefined>;
-        default: boolean | undefined;
-    };
-    headerHeight: {
-        type: PropType<number | undefined>;
-        default: number | undefined;
-    };
-    title: {
-        type: PropType<string>;
-        default: string;
-    };
-    iconfontUrl: {
-        type: PropType<string | undefined>;
-        default: string | undefined;
-    };
-    animate: {
-        type: PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
-        default: {
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined;
-    };
-    primaryColor: {
-        type: PropType<string>;
-        default: string;
-    };
+    onLogoClick: PropType<import("../LogoContent/props").CommonLogoProps["onLogoClick"]>;
 };

package/dist/components/GlobalHeader/style/{index.d.ts → defaultHeader.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';
-export declare const genProLayoutHeaderStyle: GenerateStyle<ProAliasToken>;
+import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
+export declare const genProDefaultHeaderStyle: GenerateStyle<ProAliasToken>;

package/dist/components/GlobalHeader/style/{globalHeader.d.ts → header.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';
-export declare const genGlobalHeaderStyle: GenerateStyle<ProAliasToken>;
+import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
+export declare const genProHeaderStyle: GenerateStyle<ProAliasToken>;

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

@@ -1,82 +1,73 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
 import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import type { HeaderLayoutProps } from '../../types/typings';
+import type { CommonLogoProps } from './props';
 import logoContentProps from './props';
 export type LogoContentProps = Partial<ExtractPropTypes<typeof logoContentProps>>;
 export declare const defaultRenderLogo: (logo?: CustomRender, logoStyle?: CSSProperties) => CustomRender;
-export declare const defaultRenderLogoAndTitle: (props: LogoContentProps, renderKey?: string | undefined) => any;
-declare const LogoContent: import("vue").DefineComponent<{
-    renderKey: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
+export declare const logoDom: (classNames: string, props: CommonLogoProps) => import("vue/jsx-runtime").JSX.Element;
+export declare const renderLogo: (logoRender: HeaderLayoutProps["logoRender"], logoDom: CustomRender) => CustomRender;
+export declare const defaultRenderLogoAndTitle: (props: LogoContentProps & {
+    collapsed?: boolean;
+    collapsedWidth?: number;
+}) => CustomRender;
+declare const LogoContent: import("vue").DefineComponent<ExtractPropTypes<{
+    hashId: PropType<string>;
+    baseClassName: PropType<string>;
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
     logo: {
-        type: import("vue").PropType<CustomRender>;
+        type: PropType<CommonLogoProps["logo"]>;
         default: () => undefined;
     };
     logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<CommonLogoProps["logoStyle"]>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    drawer: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    menuHeaderRender: {
-        type: import("vue").PropType<import("../../RenderTypings").HeaderLogoRender>;
+    logoRender: {
+        type: PropType<CommonLogoProps["logoRender"]>;
         default: () => undefined;
     };
-    onMenuHeaderClick: import("vue").PropType<Function>;
-}, () => 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<{
-    renderKey: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
+    onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
+    layout: {
+        type: PropType<import("../..").ProLayoutConfig["layout"]>;
+        default: import("../..").ProLayoutType;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: PropType<import("../..").ProLayoutConfig["title"]>;
         default: string;
     };
-    layout: {
-        type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
-    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    hashId: PropType<string>;
+    baseClassName: PropType<string>;
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
     logo: {
-        type: import("vue").PropType<CustomRender>;
+        type: PropType<CommonLogoProps["logo"]>;
         default: () => undefined;
     };
     logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<CommonLogoProps["logoStyle"]>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    drawer: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    menuHeaderRender: {
-        type: import("vue").PropType<import("../../RenderTypings").HeaderLogoRender>;
+    logoRender: {
+        type: PropType<CommonLogoProps["logoRender"]>;
         default: () => undefined;
     };
-    onMenuHeaderClick: import("vue").PropType<Function>;
-}>>, {
+    onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
+    layout: {
+        type: PropType<import("../..").ProLayoutConfig["layout"]>;
+        default: import("../..").ProLayoutType;
+    };
+    title: {
+        type: PropType<import("../..").ProLayoutConfig["title"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    layout: import("../..").ProLayoutType;
     title: string;
-    layout: "side" | "mix" | "simple" | "wide";
-    menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
-    renderKey: string;
     logo: CustomRender;
-    logoStyle: CSSProperties;
-    logoDirection: "horizontal" | "vertical";
-}>;
+    logoStyle: CSSProperties | undefined;
+    logoRender: import("../../types/SlotsTypings").LogoRender | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default LogoContent;

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

@@ -1,38 +1,52 @@
-import type { CSSProperties, PropType } from 'vue';
 import type { CustomRender } from '@gx-design-vue/pro-utils';
-import type { HeaderLogoRender } from '../../RenderTypings';
-declare const _default: {
-    renderKey: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
+import type { CSSProperties, PropType } from 'vue';
+import type { LogoRender } from '../../types/SlotsTypings';
+export interface CommonLogoProps {
+    logo?: CustomRender;
+    logoStyle?: CSSProperties;
+    logoRender?: LogoRender;
+    onLogoClick?: () => void;
+}
+export declare const commonLogoProps: {
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
+    logo: {
+        type: PropType<CommonLogoProps["logo"]>;
+        default: () => undefined;
     };
-    title: {
-        type: PropType<string>;
-        default: string;
+    logoStyle: {
+        type: PropType<CommonLogoProps["logoStyle"]>;
+        default: () => undefined;
     };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+    logoRender: {
+        type: PropType<CommonLogoProps["logoRender"]>;
+        default: () => undefined;
     };
+    onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
+};
+declare const _default: {
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
     logo: {
-        type: PropType<CustomRender>;
+        type: PropType<CommonLogoProps["logo"]>;
         default: () => undefined;
     };
     logoStyle: {
-        type: PropType<CSSProperties>;
+        type: PropType<CommonLogoProps["logoStyle"]>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    drawer: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    menuHeaderRender: {
-        type: PropType<HeaderLogoRender>;
+    logoRender: {
+        type: PropType<CommonLogoProps["logoRender"]>;
         default: () => undefined;
     };
-    onMenuHeaderClick: PropType<Function>;
+    onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
+    layout: {
+        type: PropType<import("../..").ProLayoutConfig["layout"]>;
+        default: import("../..").ProLayoutType;
+    };
+    title: {
+        type: PropType<import("../..").ProLayoutConfig["title"]>;
+        default: string;
+    };
 };
 export default _default;

package/dist/components/LogoContent/style.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 genLogoContentStyle: GenerateStyle<ProAliasToken>;

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

@@ -1,23 +1,42 @@
-declare const _default: import("vue").DefineComponent<{
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    close: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
     content: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        type: PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     breadcrumb: {
-        type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: import("../../types/Breadcrumb").BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    close: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<import("vue").CSSProperties>;
         default: () => undefined;
     };
-}, () => 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<{
     content: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        type: PropType<import("../../types/SlotsTypings").DefaultRender>;
         default: () => undefined;
     };
     breadcrumb: {
-        type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: import("../../types/Breadcrumb").BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
         default: () => undefined;
     };
-}>>, {
-    content: import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
-    breadcrumb: import("../../RenderTypings").PageHeaderRender;
-}>;
+}>> & Readonly<{}>, {
+    content: import("../../types/SlotsTypings").DefaultRender;
+    style: import("vue").CSSProperties;
+    close: boolean;
+    breadcrumb: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: import("../../types/Breadcrumb").BreadcrumbProps) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;