@gx-design-vue/pro-layout 0.1.0-beta.60 → 0.1.0-beta.61

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

@@ -0,0 +1,323 @@
+import type { PropType } from 'vue';
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+import type { ThemeType } from '@gx-design-vue/pro-provider';
+import type { AppRouteModule } from '../../route';
+import type { ExtraRightDropdownRender, LogoRender, RightContentRender } 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) => CustomRender>>;
+        default: () => undefined;
+    };
+    matchMenuKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onCollapse: {
+        type: PropType<(collapsed: boolean) => void>;
+    };
+    onOpenKeys: {
+        type: PropType<(openKeys: string[]) => void>;
+    };
+    onMenuHeaderClick: PropType<Function>;
+    onSelect: {
+        type: PropType<(selectedKeys: string[]) => void>;
+    };
+    mode: {
+        type: PropType<import("ant-design-vue").MenuMode>;
+        default: string;
+    };
+    theme: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").MenuTheme>;
+        default: string;
+    };
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
+        default: string;
+    };
+    openKeys: {
+        type: PropType<string[] | boolean>;
+        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<(...args: any) => void>;
+    wideWidth: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["wideWidth"]>;
+        default: number | undefined;
+    };
+    splitMenus: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
+        default: boolean;
+    };
+    fixedMultiTab: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
+        default: boolean;
+    };
+    showProgressBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
+        default: boolean;
+    };
+    fixedHeader: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
+        default: boolean;
+    };
+    fixSiderbar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
+        default: boolean;
+    };
+    showTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
+        default: boolean;
+    };
+    showFullScreen: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showFullScreen"]>;
+        default: boolean | undefined;
+    };
+    headerHeight: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["headerHeight"]>;
+        default: number | undefined;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
+        default: string;
+    };
+    iconfontUrl: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["iconfontUrl"]>;
+        default: string | undefined;
+    };
+    animate: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["animate"]>;
+        default: {
+            disabled?: boolean;
+            name: string;
+            direction: string;
+        } | undefined;
+    };
+    primaryColor: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["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, logoDom?: LogoRender) => 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) => CustomRender>>;
+        default: () => undefined;
+    };
+    matchMenuKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onCollapse: {
+        type: PropType<(collapsed: boolean) => void>;
+    };
+    onOpenKeys: {
+        type: PropType<(openKeys: string[]) => void>;
+    };
+    onMenuHeaderClick: PropType<Function>;
+    onSelect: {
+        type: PropType<(selectedKeys: string[]) => void>;
+    };
+    mode: {
+        type: PropType<import("ant-design-vue").MenuMode>;
+        default: string;
+    };
+    theme: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").MenuTheme>;
+        default: string;
+    };
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
+        default: string;
+    };
+    openKeys: {
+        type: PropType<string[] | boolean>;
+        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<(...args: any) => void>;
+    wideWidth: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["wideWidth"]>;
+        default: number | undefined;
+    };
+    splitMenus: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
+        default: boolean;
+    };
+    fixedMultiTab: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
+        default: boolean;
+    };
+    showProgressBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
+        default: boolean;
+    };
+    fixedHeader: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
+        default: boolean;
+    };
+    fixSiderbar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
+        default: boolean;
+    };
+    showTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
+        default: boolean;
+    };
+    showFullScreen: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showFullScreen"]>;
+        default: boolean | undefined;
+    };
+    headerHeight: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["headerHeight"]>;
+        default: number | undefined;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
+        default: string;
+    };
+    iconfontUrl: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["iconfontUrl"]>;
+        default: string | undefined;
+    };
+    animate: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["animate"]>;
+        default: {
+            disabled?: boolean;
+            name: string;
+            direction: string;
+        } | undefined;
+    };
+    primaryColor: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["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

@@ -0,0 +1,82 @@
+import type { CSSProperties, ExtractPropTypes } 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<ExtractPropTypes<{
+    renderKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
+        default: string;
+    };
+    layout: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
+    };
+    logo: {
+        type: import("vue").PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").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>;
+        default: () => undefined;
+    };
+    onMenuHeaderClick: import("vue").PropType<Function>;
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    renderKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
+        default: string;
+    };
+    layout: {
+        type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
+    };
+    logo: {
+        type: import("vue").PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: import("vue").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>;
+        default: () => undefined;
+    };
+    onMenuHeaderClick: import("vue").PropType<Function>;
+}>> & Readonly<{}>, {
+    layout: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
+    title: string;
+    menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
+    renderKey: string;
+    logo: CustomRender;
+    logoStyle: CSSProperties;
+    logoDirection: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default LogoContent;

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

@@ -0,0 +1,38 @@
+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;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
+        default: string;
+    };
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
+    };
+    logo: {
+        type: PropType<CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        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: {
+        type: PropType<HeaderLogoRender>;
+        default: () => undefined;
+    };
+    onMenuHeaderClick: PropType<Function>;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+import type { ThemeType } from '@gx-design-vue/pro-provider';
+export declare function useStyle(prefixCls: string, theme: Ref<ThemeType>): {
+    wrapSSR: (node: import("ant-design-vue/es/_util/type").VueNode) => import("ant-design-vue/es/_util/type").VueNode;
+    hashId: import("vue").ComputedRef<string>;
+};

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

@@ -0,0 +1,81 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import multiTabProps from './props';
+import type { AppRouteModule } from '../../route';
+export type MultiTabProps = Partial<ExtractPropTypes<typeof multiTabProps>>;
+export declare function hanlePathKey(record: AppRouteModule): string;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    visible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean>;
+    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
+    collapsed: {
+        type: PropType<boolean | undefined>;
+        default: () => boolean;
+    };
+    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    isFixedMultiTab: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
+        default: boolean;
+    };
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onChangeTabs: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    visible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean>;
+    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
+    collapsed: {
+        type: PropType<boolean | undefined>;
+        default: () => boolean;
+    };
+    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    isFixedMultiTab: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
+        default: boolean;
+    };
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onChangeTabs: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+}>> & Readonly<{}>, {
+    siderWidth: number;
+    visible: boolean;
+    collapsed: boolean | undefined;
+    collapsedWidth: number;
+    isFixedMultiTab: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,34 @@
+import type { PropType } from 'vue';
+import type { AppRouteModule } from '../../route';
+declare const _default: {
+    loading: import("vue-types").VueTypeValidableDef<boolean>;
+    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
+    collapsed: {
+        type: PropType<boolean | undefined>;
+        default: () => boolean;
+    };
+    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    isFixedMultiTab: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
+        default: boolean;
+    };
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onChangeTabs: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+export type ProMultiTabToken = ProAliasToken & {
+    componentWrapCls: string;
+};
+export declare function useStyleFun(componentCls: string): {
+    wrapSSR: (node: import("ant-design-vue/es/_util/type").VueNode) => import("ant-design-vue/es/_util/type").VueNode;
+    hashId: import("vue").ComputedRef<string>;
+};

package/dist/components/MultiTab/utils/config.d.ts

@@ -0,0 +1,4 @@
+export declare const tabsMenuList: {
+    key: string;
+    label: string;
+}[];

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

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