@gx-design-vue/pro-layout 0.1.0-beta.2 → 0.1.0-beta.200

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

@@ -1,306 +1,70 @@
 import type { PropType } from 'vue';
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-import type { MenuMode } from './typings';
-import type { LinksRender, MenuExtraRender, MenuFooterRender } from '../../RenderTypings';
-import type { HeaderLogoRender, MenuContentRender } from '../../RenderTypings';
-import type { AppRouteModule } from '../../route';
-export declare const baseMenuProps: {
-    mode: {
-        type: PropType<MenuMode>;
-        default: string;
-    };
-    menuData: {
-        type: PropType<AppRouteModule[]>;
-        default: () => never[];
-    };
-    theme: {
-        type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
-        default: string;
-    };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean | undefined>;
-        default: () => boolean;
-    };
-    openKeys: {
-        type: PropType<boolean | string[]>;
-        default: () => never[];
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    menuProps: {
-        type: PropType<Record<string, any>>;
-        default: () => null;
-    };
-    menuItemRender: {
-        type: PropType<WithFalse<(args: {
-            item: AppRouteModule;
-            title?: JSX.Element | undefined;
-            icon?: JSX.Element | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    subMenuItemRender: {
-        type: PropType<WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    onClick: PropType<(...args: any) => void>;
-    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;
-    };
-    autoHideHeader: {
-        type: PropType<boolean>;
+import type { DefaultRender, MenuContentRender, MenuFooterRender, MenuHeaderRender } from '../../types/SlotsTypings';
+import type { SiderLayoutProps } from '../../types/typings';
+export declare const siderMenuProps: {
+    suppressSiderWhenMenuEmpty: {
+        type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
         default: boolean;
     };
-    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 siderMenuProps: {
-    menuLoading: import("vue-types").VueTypeValidableDef<boolean>;
-    logo: {
-        type: PropType<CustomRender>;
-        default: () => undefined;
+    breakpoint: {
+        type: PropType<SiderLayoutProps["breakpoint"]>;
+        default: () => boolean;
     };
-    logoStyle: {
-        type: PropType<import("vue").CSSProperties>;
+    appsLogoComponents: {
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
-    logoDirection: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    headerHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    links: {
-        type: PropType<LinksRender>;
+    siderActionsRender: {
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
-    menuHeaderRender: {
-        type: PropType<HeaderLogoRender>;
+    menuLinksRender: {
+        type: PropType<DefaultRender>;
         default: () => undefined;
     };
     menuFooterRender: {
         type: PropType<MenuFooterRender>;
-        default: () => boolean;
+        default: () => undefined;
     };
     menuContentRender: {
         type: PropType<MenuContentRender>;
-        default: () => boolean;
-    };
-    menuExtraRender: {
-        type: PropType<MenuExtraRender>;
-        default: () => boolean;
-    };
-    collapsedButtonRender: {
-        type: PropType<WithFalse<(collapsed?: boolean) => CustomRender>>;
         default: () => undefined;
     };
-    breakpoint: {
-        type: PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
-        default: () => boolean;
-    };
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    matchMenuKeys: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    onMenuHeaderClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-    onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-    onCollapse: {
-        type: PropType<(collapsed: boolean) => void>;
+    menuHeaderRender: {
+        type: PropType<MenuHeaderRender>;
+        default: () => undefined;
     };
     onOpenKeys: {
-        type: PropType<(openKeys: WithFalse<string[]>) => void>;
+        type: PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["onOpenKeys"]>;
     };
     onSelect: {
-        type: PropType<(selectedKeys: WithFalse<string[]>) => void>;
-    };
-    mode: {
-        type: PropType<MenuMode>;
-        default: string;
-    };
-    menuData: {
-        type: PropType<AppRouteModule[]>;
-        default: () => never[];
-    };
-    theme: {
-        type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
-        default: string;
-    };
-    layout: {
-        type: PropType<"side" | "mix" | "simple" | "wide">;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean | undefined>;
-        default: () => boolean;
-    };
-    openKeys: {
-        type: PropType<boolean | string[]>;
-        default: () => never[];
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    menuProps: {
-        type: PropType<Record<string, any>>;
-        default: () => null;
+        type: PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["onSelect"]>;
     };
     menuItemRender: {
-        type: PropType<WithFalse<(args: {
-            item: AppRouteModule;
-            title?: JSX.Element | undefined;
-            icon?: JSX.Element | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    subMenuItemRender: {
-        type: PropType<WithFalse<(args: {
-            item: AppRouteModule;
-            children?: CustomRender[] | undefined;
-        }) => CustomRender> | undefined>;
-        default: () => boolean;
-    };
-    onClick: PropType<(...args: any) => void>;
-    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;
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["menuItemRender"]>;
+        default: () => undefined;
     };
-    autoHideHeader: {
-        type: PropType<boolean>;
-        default: boolean;
+    menuTextRender: {
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["menuTextRender"]>;
+        default: () => undefined;
     };
-    title: {
-        type: PropType<string>;
-        default: string;
+    subMenuItemRender: {
+        type: PropType<import("../../types/MenuTypings").BaseMenuProps["subMenuItemRender"]>;
+        default: () => undefined;
     };
-    iconfontUrl: {
-        type: PropType<string | undefined>;
-        default: string | undefined;
+    class: PropType<string>;
+    style: PropType<import("vue").CSSProperties>;
+    logo: {
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logo"]>;
+        default: () => undefined;
     };
-    animate: {
-        type: PropType<{
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined>;
-        default: {
-            disabled?: boolean | undefined;
-            name: string;
-            direction: string;
-        } | undefined;
+    logoStyle: {
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logoStyle"]>;
+        default: () => undefined;
     };
-    primaryColor: {
-        type: PropType<string>;
-        default: string;
+    logoRender: {
+        type: PropType<import("../LogoContent/props").CommonLogoProps["logoRender"]>;
+        default: () => undefined;
     };
+    onLogoClick: PropType<import("../LogoContent/props").CommonLogoProps["onLogoClick"]>;
 };

package/dist/components/SiderMenu/style/index.d.ts

@@ -0,0 +1,7 @@
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+import type { CSSObject } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+export declare const proLayoutTitleHide: any;
+export declare const genSiderMenuStyle: (token: ProAliasToken, { siderChildren }: {
+    siderChildren?: CSSProperties;
+}) => CSSObject;

package/dist/components/SiderMenu/typings.d.ts

@@ -1,9 +1,10 @@
-import type { VNodeChild, CSSProperties, HTMLAttributes } from 'vue';
-export type { MenuMode, MenuTheme } from 'ant-design-vue';
+import type { BaseTheme } from '@gx-design-vue/context';
+import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { CSSProperties, HTMLAttributes } from 'vue';
 export interface MenuInfo {
     key: string | number;
     keyPath: string[] | number[];
-    item: VNodeChild | any;
+    item: CustomRender;
     domEvent: MouseEvent;
 }
 export interface SelectInfo extends MenuInfo {
@@ -11,12 +12,11 @@ export interface SelectInfo extends MenuInfo {
 }
 export type OpenEventHandler = (keys: string[] | {
     key: string;
-    item: VNodeChild;
+    item: CustomRender;
     trigger: string;
     open: boolean;
 }) => void;
 export type CollapseType = 'clickTrigger' | 'responsive';
-export type SiderTheme = 'light' | 'dark';
 export interface SiderProps extends HTMLAttributes {
     prefixCls?: string;
     collapsible?: boolean;
@@ -25,10 +25,10 @@ export interface SiderProps extends HTMLAttributes {
     reverseArrow?: boolean;
     onCollapse?: (collapsed: boolean, type: CollapseType) => void;
     zeroWidthTriggerStyle?: CSSProperties;
-    trigger?: VNodeChild | JSX.Element;
+    trigger?: CustomRender;
     width?: number | string;
     collapsedWidth?: number | string;
     breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    theme?: SiderTheme;
+    theme?: BaseTheme;
     onBreakpoint?: (broken: boolean) => void;
 }

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

@@ -0,0 +1,89 @@
+import type { ExtractPropTypes } from 'vue';
+import type { AppRouteModule } from '../../types/RouteTypings';
+import tabsRouteProps, { baseTabsRouter } from './props';
+export type TabsRouteProps = Partial<ExtractPropTypes<typeof tabsRouteProps>>;
+export type BaseTabsRouteProps = Partial<ExtractPropTypes<typeof baseTabsRouter>>;
+export interface MenuDataState {
+    fixed: AppRouteModule[];
+    normal: AppRouteModule[];
+}
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    onReloadPage: {
+        type: import("vue").PropType<() => void>;
+    };
+    onTabsChange: {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
+    };
+    'onUpdate:tabs': {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    type: {
+        type: import("vue").PropType<import("./props").TabsRouteType>;
+        default: string;
+    };
+    destroyOnHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    storage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").TabsRouteItemRender>;
+        default: () => undefined;
+    };
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    onReloadPage: {
+        type: import("vue").PropType<() => void>;
+    };
+    onTabsChange: {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
+    };
+    'onUpdate:tabs': {
+        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    type: {
+        type: import("vue").PropType<import("./props").TabsRouteType>;
+        default: string;
+    };
+    destroyOnHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    storage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: {
+        type: import("vue").PropType<import("../../types/SlotsTypings").TabsRouteItemRender>;
+        default: () => undefined;
+    };
+}>> & Readonly<{}>, {
+    type: import("./props").TabsRouteType;
+    loading: boolean;
+    visible: boolean;
+    onTabsChange: (list: AppRouteModule[]) => void;
+    destroyOnHide: boolean;
+    storage: boolean;
+    itemRender: import("../../types/SlotsTypings").TabsRouteItemRender;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,75 @@
+import type { PropType } from 'vue';
+import type { AppRouteModule } from '../../types/RouteTypings';
+import type { TabsRouteItemRender } from '../../types/SlotsTypings';
+export type TabsRouteType = 'card' | 'button' | 'google';
+export declare const baseTabsRouter: {
+    visible: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<TabsRouteType>;
+        default: string;
+    };
+    destroyOnHide: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    storage: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: {
+        type: PropType<TabsRouteItemRender>;
+        default: () => undefined;
+    };
+};
+export declare const tabsRouteFunctionProps: {
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+};
+declare const _default: {
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    loading: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    visible: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<TabsRouteType>;
+        default: string;
+    };
+    destroyOnHide: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    storage: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: {
+        type: PropType<TabsRouteItemRender>;
+        default: () => undefined;
+    };
+};
+export default _default;

package/dist/components/{MultiTab → TabsRoute}/style.d.ts

@@ -1,6 +1,7 @@
 import type { ProAliasToken } from '@gx-design-vue/pro-provider';
 export type ProMultiTabToken = ProAliasToken & {
     componentWrapCls: string;
+    componentTitleCls: 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;

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

@@ -0,0 +1,14 @@
+import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { TabsMeta } from '../../../types/RouteTypings';
+export type TabsMenuType = 'fixed' | 'closeOthersTabs' | 'closeLeftTabs' | 'closeRightTabs' | 'reloadPage' | 'close' | 'closeAllTabs' | 'divider' | 'newBlank' | 'fullScreen';
+export interface TabsMenu {
+    key: TabsMenuType;
+    icon?: CustomRender;
+    label?: string;
+    disabled?: boolean;
+}
+export declare const tabsMenuList: TabsMenu[];
+export declare function handleTabsMenuName(record: TabsMenu, options: {
+    tabs: TabsMeta;
+    fullScreen: boolean;
+}): string | undefined;

package/dist/config/animate.d.ts

@@ -0,0 +1,8 @@
+export interface AnimateConfig {
+    preset: {
+        name: string;
+        alias: string;
+        directions: string[];
+    }[];
+}
+export declare const animateSetting: AnimateConfig;

package/dist/config/index.d.ts

@@ -0,0 +1,30 @@
+import type { BaseTheme } from '@gx-design-vue/context';
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+export type ProLayoutType = 'side' | 'mix' | 'simple' | 'wide' | 'top';
+export interface ProLayoutConfig {
+    title: string;
+    layout: ProLayoutType;
+    splitMenus: boolean;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    showTabsBar: boolean;
+    fixedTabsBar: boolean;
+    headerHeight?: number | string;
+    wideWidth?: number | string;
+    siderWidth?: number | string;
+    contentWidth?: number | string;
+    iconfontUrl?: string;
+    animate?: {
+        disabled?: boolean;
+        name: string;
+        direction: string;
+    };
+}
+export declare function getTokenLayoutTheme(token: ProAliasToken): {
+    theme: BaseTheme;
+    layout: ProLayoutType;
+};
+/**
+ * @description 导出默认主题配置
+ */
+export declare const defaultSettings: ProLayoutConfig;

package/dist/hooks/collapsed/index.d.ts

@@ -0,0 +1,12 @@
+import type { ComputedRef, Ref as VueRef } from 'vue';
+type Ref<T> = VueRef<T> | ComputedRef<T>;
+export declare function useCollapsed(outCollapsed: Ref<boolean>, props?: {
+    rectEl?: Ref<HTMLElement | undefined>;
+    footEl?: Ref<HTMLElement | undefined>;
+    disabled?: boolean;
+    distance?: number;
+}): {
+    innerCollapsed: VueRef<boolean, boolean>;
+    setInnerCollapsed: (val: boolean) => void;
+};
+export {};

package/dist/hooks/layout/index.d.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef } from 'vue';
+import type { AppRouteModule } from '../../types/RouteTypings';
+import type { TabsComExpose } from '../../types/typings';
+export interface ProLayoutExpose {
+    tabsComRef: () => TabsComExpose;
+}
+export default function (proLayout: ComputedRef<ProLayoutExpose | undefined>): {
+    tabsRouter: {
+        clean: () => void | undefined;
+        close: (options?: {
+            name?: AppRouteModule["name"];
+            callback?: (row: AppRouteModule) => void;
+        }) => void | undefined;
+        change: (params: Partial<AppRouteModule>, route?: AppRouteModule) => void | undefined;
+    };
+};

package/dist/hooks/menu/context.d.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { AppRouteModule } from '../../types/RouteTypings';
+import type { MenuData } from '../../utils/menu';
+interface ProLayoutMenuContext {
+    menuData: Ref<AppRouteModule[]>;
+    menuMap: Ref<MenuData['menuMap']>;
+    flatMenus: Ref<AppRouteModule[]>;
+    matchedMenu: ComputedRef<AppRouteModule[]>;
+    matchedKeys: {
+        openKeys: string[];
+        selectedKeys: string[];
+    };
+    syncMatchedKeys: (timer?: number) => void;
+}
+export declare const provideProLayoutMenuContext: (value: ProLayoutMenuContext) => void, useProLayoutMenuContext: (injectDefaultValue?: ProLayoutMenuContext | undefined) => ProLayoutMenuContext;
+export {};