@gx-design-vue/pro-layout 0.1.0-beta.0

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

@@ -0,0 +1,330 @@
+import type { AppRouteModule } from '../../route';
+declare const _default: import("vue").DefineComponent<{
+    headerTitleRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    headerRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    hasSiderMenu: import("vue").PropType<boolean>;
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    logo: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    logoDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    menuLoading: import("vue").PropType<boolean>;
+    autoHideHeader: import("vue").PropType<boolean>;
+    collapsed: import("vue").PropType<boolean>;
+    isMobile: import("vue").PropType<boolean>;
+    headerTheme: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
+        default: string;
+    };
+    menuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => never[];
+    };
+    menuRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    extraRightDropdownRender: {
+        type: import("vue").PropType<import("../../RenderTypings").ExtraRightDropdownRender>;
+        default: () => undefined;
+    };
+    rightContentRender: {
+        type: import("vue").PropType<import("../../RenderTypings").RightContentRender>;
+        default: () => undefined;
+    };
+    collapsedButtonRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean | undefined) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        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/dist").WithFalse<string[]>) => void>;
+    };
+    onMenuHeaderClick: import("vue").PropType<Function>;
+    onSelect: {
+        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils/dist").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;
+    };
+    fixSiderbar: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showTabsBar: {
+        type: import("vue").PropType<boolean>;
+        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;
+    };
+}, () => 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<{
+    headerTitleRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    headerRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    hasSiderMenu: import("vue").PropType<boolean>;
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    logo: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => undefined;
+    };
+    logoDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    menuLoading: import("vue").PropType<boolean>;
+    autoHideHeader: import("vue").PropType<boolean>;
+    collapsed: import("vue").PropType<boolean>;
+    isMobile: import("vue").PropType<boolean>;
+    headerTheme: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
+        default: string;
+    };
+    menuData: {
+        type: import("vue").PropType<AppRouteModule[]>;
+        default: () => never[];
+    };
+    menuRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    extraRightDropdownRender: {
+        type: import("vue").PropType<import("../../RenderTypings").ExtraRightDropdownRender>;
+        default: () => undefined;
+    };
+    rightContentRender: {
+        type: import("vue").PropType<import("../../RenderTypings").RightContentRender>;
+        default: () => undefined;
+    };
+    collapsedButtonRender: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean | undefined) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        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/dist").WithFalse<string[]>) => void>;
+    };
+    onMenuHeaderClick: import("vue").PropType<Function>;
+    onSelect: {
+        type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils/dist").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;
+    };
+    fixSiderbar: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showTabsBar: {
+        type: import("vue").PropType<boolean>;
+        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;
+    };
+}>>, {
+    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;
+    menuData: AppRouteModule[];
+    siderWidth: number;
+    collapsedWidth: number;
+    logo: import("@gx-design-vue/pro-utils/dist").CustomRender;
+    logoStyle: import("vue").CSSProperties;
+    logoDirection: "horizontal" | "vertical";
+    collapsedButtonRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean | undefined) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+    matchMenuKeys: string[];
+    headerTheme: import("@gx-design-vue/pro-provider").ThemeType;
+    menuRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+    extraRightDropdownRender: import("../../RenderTypings").ExtraRightDropdownRender;
+    rightContentRender: import("../../RenderTypings").RightContentRender;
+    headerTitleRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+    headerRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+    headerContentRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+}>;
+export default _default;

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

@@ -0,0 +1,282 @@
+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;
+    };
+    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;
+    };
+    menuData: {
+        type: PropType<AppRouteModule[]>;
+        default: () => never[];
+    };
+    menuRender: {
+        type: PropType<WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
+        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;
+    };
+};
+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;
+    };
+    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>>;
+        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;
+    };
+};

package/dist/components/GlobalHeader/style/globalHeader.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 genGlobalHeaderStyle: GenerateStyle<ProAliasToken>;

package/dist/components/GlobalHeader/style/index.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 genProLayoutHeaderStyle: GenerateStyle<ProAliasToken>;