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

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

@@ -1,45 +1,37 @@
 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';
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+import type { AppRouteModule } from '../../RouteTypings';
+import type { DefaultRender, HeaderContentRender, HeaderRender, RightContentRender } from '../../SlotsTypings';
 export declare const globalHeaderProps: {
-    logo: {
-        type: PropType<CustomRender>;
-        default: () => undefined;
-    };
-    logoStyle: {
-        type: PropType<import("vue").CSSProperties>;
-        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;
+    siderWidth: {
+        type: PropType<number>;
+        default: undefined;
     };
     menuData: {
         type: PropType<AppRouteModule[]>;
         default: () => never[];
     };
+    headerRender: {
+        type: PropType<HeaderRender>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: PropType<HeaderContentRender>;
+        default: () => undefined;
+    };
     menuRender: {
         type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
+    appLogoListRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
     extraRightDropdownRender: {
-        type: PropType<ExtraRightDropdownRender>;
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
@@ -47,7 +39,7 @@ export declare const globalHeaderProps: {
         default: () => undefined;
     };
     collapsedButtonRender: {
-        type: PropType<WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+        type: PropType<WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     matchMenuKeys: {
@@ -58,135 +50,158 @@ export declare const globalHeaderProps: {
         type: PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: PropType<(openKeys: WithFalse<string[]>) => void>;
+        type: PropType<(openKeys: string[]) => void>;
     };
-    onMenuHeaderClick: PropType<Function>;
     onSelect: {
-        type: PropType<(selectedKeys: WithFalse<string[]>) => void>;
+        type: PropType<(selectedKeys: string[]) => void>;
+    };
+    logo: {
+        type: PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    logoContentRender: {
+        type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
+        default: () => undefined;
     };
+    onLogoClick: PropType<Function>;
+    toFirstPath: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<import("ant-design-vue").MenuMode>;
+        default: string;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    menuProps: {
+        type: PropType<Record<string, any>>;
+        default: () => null;
+    };
+    menuItemRender: {
+        type: PropType<import("../SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: PropType<import("../SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
+        default: () => undefined;
+    };
+    onClick: PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
     theme: {
-        type: PropType<ThemeType | undefined>;
-        default: ThemeType | undefined;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
+        default: string;
     };
     layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     };
     wideWidth: {
-        type: PropType<number | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
         default: number | undefined;
     };
     splitMenus: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
         default: boolean;
     };
-    fixedMultiTab: {
-        type: PropType<boolean>;
+    fixedTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
         default: boolean;
     };
     showProgressBar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
         default: boolean;
     };
     fixedHeader: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
         default: boolean;
     };
     fixSiderbar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
         default: boolean;
     };
     showTabsBar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: PropType<boolean | undefined>;
-        default: boolean | undefined;
+    storageTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
+        default: boolean;
     };
     headerHeight: {
-        type: PropType<number | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
         default: number | undefined;
     };
     title: {
-        type: PropType<string>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
         default: string;
     };
     iconfontUrl: {
-        type: PropType<string | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
         default: string | undefined;
     };
     animate: {
-        type: PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
         default: {
-            disabled?: boolean | undefined;
+            disabled?: boolean;
             name: string;
             direction: string;
         } | undefined;
     };
     primaryColor: {
-        type: PropType<string>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
         default: string;
     };
 };
 export declare const headerViewProps: {
-    headerTitleRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
-    };
-    headerRender: {
-        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
-        default: () => undefined;
-    };
-    headerContentRender: {
-        type: PropType<WithFalse<(props: any) => CustomRender>>;
-        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;
-    };
-    logo: {
-        type: PropType<CustomRender>;
-        default: () => undefined;
-    };
-    logoStyle: {
-        type: PropType<import("vue").CSSProperties>;
-        default: () => undefined;
-    };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
+    siderWidth: {
+        type: PropType<number>;
+        default: undefined;
     };
     menuLoading: PropType<boolean>;
     autoHideHeader: PropType<boolean>;
-    collapsed: PropType<boolean>;
     isMobile: PropType<boolean>;
-    headerTheme: {
-        type: PropType<ThemeType>;
-        default: string;
-    };
     menuData: {
         type: PropType<AppRouteModule[]>;
         default: () => never[];
     };
+    headerRender: {
+        type: PropType<HeaderRender>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: PropType<HeaderContentRender>;
+        default: () => undefined;
+    };
     menuRender: {
         type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
+    appLogoListRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
     extraRightDropdownRender: {
-        type: PropType<ExtraRightDropdownRender>;
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
     rightContentRender: {
@@ -194,7 +209,7 @@ export declare const headerViewProps: {
         default: () => undefined;
     };
     collapsedButtonRender: {
-        type: PropType<WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
+        type: PropType<WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>>;
         default: () => undefined;
     };
     matchMenuKeys: {
@@ -205,78 +220,119 @@ export declare const headerViewProps: {
         type: PropType<(collapsed: boolean) => void>;
     };
     onOpenKeys: {
-        type: PropType<(openKeys: WithFalse<string[]>) => void>;
+        type: PropType<(openKeys: string[]) => void>;
     };
-    onMenuHeaderClick: PropType<Function>;
     onSelect: {
-        type: PropType<(selectedKeys: WithFalse<string[]>) => void>;
+        type: PropType<(selectedKeys: string[]) => void>;
+    };
+    logo: {
+        type: PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    logoContentRender: {
+        type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
+        default: () => undefined;
+    };
+    onLogoClick: PropType<Function>;
+    toFirstPath: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<import("ant-design-vue").MenuMode>;
+        default: string;
     };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    menuProps: {
+        type: PropType<Record<string, any>>;
+        default: () => null;
+    };
+    menuItemRender: {
+        type: PropType<import("../SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: PropType<import("../SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
+        default: () => undefined;
+    };
+    onClick: PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
     theme: {
-        type: PropType<ThemeType | undefined>;
-        default: ThemeType | undefined;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
+        default: string;
     };
     layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     };
     wideWidth: {
-        type: PropType<number | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
         default: number | undefined;
     };
     splitMenus: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
         default: boolean;
     };
-    fixedMultiTab: {
-        type: PropType<boolean>;
+    fixedTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
         default: boolean;
     };
     showProgressBar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
         default: boolean;
     };
     fixedHeader: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
         default: boolean;
     };
     fixSiderbar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
         default: boolean;
     };
     showTabsBar: {
-        type: PropType<boolean>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
         default: boolean;
     };
-    showFullScreen: {
-        type: PropType<boolean | undefined>;
-        default: boolean | undefined;
+    storageTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
+        default: boolean;
     };
     headerHeight: {
-        type: PropType<number | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
         default: number | undefined;
     };
     title: {
-        type: PropType<string>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
         default: string;
     };
     iconfontUrl: {
-        type: PropType<string | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
         default: string | undefined;
     };
     animate: {
-        type: PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
         default: {
-            disabled?: boolean | undefined;
+            disabled?: boolean;
             name: string;
             direction: string;
         } | undefined;
     };
     primaryColor: {
-        type: PropType<string>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
         default: string;
     };
 };

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

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

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

@@ -1,82 +1,64 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
-import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import { type CustomRender } from '@gx-design-vue/pro-utils';
 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 defaultRenderLogoAndTitle: (props: LogoContentProps & {
+    collapsed?: boolean;
+}) => CustomRender;
+declare const LogoContent: import("vue").DefineComponent<ExtractPropTypes<{
+    hashId: PropType<string>;
+    baseClassName: PropType<string>;
     logo: {
-        type: import("vue").PropType<CustomRender>;
+        type: PropType<CustomRender>;
         default: () => undefined;
     };
     logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<CSSProperties>;
         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>;
+    logoContentRender: {
+        type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
         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<Function>;
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: PropType<import("@gx-design-vue/pro-provider/dist").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>;
     logo: {
-        type: import("vue").PropType<CustomRender>;
+        type: PropType<CustomRender>;
         default: () => undefined;
     };
     logoStyle: {
-        type: import("vue").PropType<CSSProperties>;
+        type: PropType<CSSProperties>;
         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>;
+    logoContentRender: {
+        type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
         default: () => undefined;
     };
-    onMenuHeaderClick: import("vue").PropType<Function>;
-}>>, {
+    onLogoClick: PropType<Function>;
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
     title: string;
-    layout: "side" | "mix" | "simple" | "wide";
-    menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
-    renderKey: string;
     logo: CustomRender;
     logoStyle: CSSProperties;
-    logoDirection: "horizontal" | "vertical";
-}>;
+    logoContentRender: import("../../SlotsTypings").HeaderLogoRender;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default LogoContent;

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

@@ -1,20 +1,22 @@
 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 { HeaderLogoRender } from '../../SlotsTypings';
+export declare const commonLogoProps: {
+    logo: {
+        type: PropType<CustomRender>;
+        default: () => undefined;
     };
-    title: {
-        type: PropType<string>;
-        default: string;
+    logoStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
     };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: "side" | "mix" | "simple" | "wide";
+    logoContentRender: {
+        type: PropType<HeaderLogoRender>;
+        default: () => undefined;
     };
+    onLogoClick: PropType<Function>;
+};
+declare const _default: {
     logo: {
         type: PropType<CustomRender>;
         default: () => undefined;
@@ -23,16 +25,18 @@ declare const _default: {
         type: PropType<CSSProperties>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    drawer: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
-    menuHeaderRender: {
+    logoContentRender: {
         type: PropType<HeaderLogoRender>;
         default: () => undefined;
     };
-    onMenuHeaderClick: PropType<Function>;
+    onLogoClick: PropType<Function>;
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
+        default: string;
+    };
 };
 export default _default;