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

package/dist/props/index.d.ts

@@ -0,0 +1,215 @@
+import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
+import type { WaterMarkProps } from '@gx-design-vue/pro-watermark';
+import type { CSSProperties, PropType } from 'vue';
+import type { Links } from '../components/GlobalFooter';
+import type { LayoutPageContainer } from '../components/PageContainer/props';
+import type { BaseTabsRouteProps } from '../components/TabsRoute';
+import type { ProLayoutConfig } from '../config';
+import type { BreadcrumbProps } from '../types/Breadcrumb';
+import type { ProLayoutMenuProps } from '../types/MenuTypings';
+import type { AppRouteModule } from '../types/RouteTypings';
+import type { DefaultRender, FooterRender } from '../types/SlotsTypings';
+import type { CollapsedProps, LayoutClassNamesType, LayoutStylesType } from '../types/typings';
+export interface ShortcutKeyProps {
+    search?: {
+        keys?: string;
+        disabled?: boolean;
+    };
+    lock?: {
+        keys?: string;
+        disabled?: boolean;
+    };
+}
+export declare const basicLayoutProps: {
+    styles: {
+        type: PropType<LayoutStylesType>;
+        default: () => {};
+    };
+    classNames: {
+        type: PropType<LayoutClassNamesType>;
+        default: () => {};
+    };
+    collapsedProps: {
+        type: PropType<Partial<CollapsedProps>>;
+    };
+    settings: {
+        type: PropType<ProLayoutConfig>;
+        default: () => ProLayoutConfig;
+    };
+    menu: {
+        type: PropType<Partial<ProLayoutMenuProps>>;
+        default: () => Partial<import("../types/MenuTypings").BaseMenuProps>;
+    };
+    route: {
+        type: PropType<AppRouteModule[]>;
+        default: () => never[];
+    };
+    tabsRoute: {
+        type: PropType<BaseTabsRouteProps>;
+        default: () => {};
+    };
+    pageContainer: {
+        type: PropType<LayoutPageContainer>;
+    };
+    pure: PropType<boolean>;
+    token: PropType<DeepPartial<ProAliasToken>>;
+    cssVar: {
+        type: PropType<(keyof ProAliasToken)[]>;
+        default: () => never[];
+    };
+    /** @name WaterMarkProps 水印的配置 */
+    waterMarkProps: {
+        type: PropType<false | WaterMarkProps>;
+        default: () => undefined;
+    };
+    /**
+     * 是否禁用移动端模式，有的管理系统不需要移动端模式，此属性设置为true即可
+     */
+    disableMobile: {
+        type: PropType<boolean>;
+    };
+    breadcrumb: {
+        type: PropType<BreadcrumbProps>;
+        default: () => {};
+    };
+    isChildrenLayout: PropType<boolean>;
+    loading: PropType<boolean>;
+    footerLinks: {
+        type: PropType<Links>;
+        default: ({
+            key: string;
+            title: string;
+            href: string;
+            blankTarget: boolean;
+        } | {
+            key: string;
+            title: import("vue/jsx-runtime").JSX.Element;
+            href: string;
+            blankTarget: boolean;
+        })[];
+    };
+    pageLockRender: {
+        type: PropType<DefaultRender>;
+        default: undefined;
+    };
+    copyrightRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    footerRender: {
+        type: PropType<FooterRender>;
+        default: () => undefined;
+    };
+    onContentFullScreenChange: PropType<(value: boolean) => void>;
+    openKeys: {
+        type: PropType<import("../types/MenuTypings").ProLayoutMenuFunProps["openKeys"]>;
+        default: () => never[];
+    };
+    selectedKeys: {
+        type: PropType<import("../types/MenuTypings").ProLayoutMenuFunProps["selectedKeys"]>;
+        default: () => never[];
+    };
+    onOpenKeys: {
+        type: PropType<import("../types/MenuTypings").ProLayoutMenuFunProps["onOpenKeys"]>;
+    };
+    onSelect: {
+        type: PropType<import("../types/MenuTypings").ProLayoutMenuFunProps["onSelect"]>;
+    };
+    menuItemRender: {
+        type: PropType<import("../types/MenuTypings").BaseMenuProps["menuItemRender"]>;
+        default: () => undefined;
+    };
+    menuTextRender: {
+        type: PropType<import("../types/MenuTypings").BaseMenuProps["menuTextRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: PropType<import("../types/MenuTypings").BaseMenuProps["subMenuItemRender"]>;
+        default: () => undefined;
+    };
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+        default: undefined;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    autoHideHeader: PropType<import("../types/typings").HeaderLayoutProps["autoHideHeader"]>;
+    headerMainWidth: {
+        type: PropType<import("../types/typings").HeaderLayoutProps["headerMainWidth"]>;
+        default: undefined;
+    };
+    headerRender: {
+        type: PropType<import("../types/SlotsTypings").HeaderRender>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: PropType<import("../types/SlotsTypings").HeaderContentRender>;
+        default: () => undefined;
+    };
+    appsLogoComponents: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    extraRightDropdownRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    rightContentRender: {
+        type: PropType<import("../types/SlotsTypings").RightContentRender>;
+        default: () => undefined;
+    };
+    class: PropType<string>;
+    style: PropType<CSSProperties>;
+    logo: {
+        type: PropType<import("../components/LogoContent/props").CommonLogoProps["logo"]>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: PropType<import("../components/LogoContent/props").CommonLogoProps["logoStyle"]>;
+        default: () => undefined;
+    };
+    logoRender: {
+        type: PropType<import("../components/LogoContent/props").CommonLogoProps["logoRender"]>;
+        default: () => undefined;
+    };
+    onLogoClick: PropType<import("../components/LogoContent/props").CommonLogoProps["onLogoClick"]>;
+    suppressSiderWhenMenuEmpty: {
+        type: PropType<import("../types/typings").SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
+        default: boolean;
+    };
+    breakpoint: {
+        type: PropType<import("../types/typings").SiderLayoutProps["breakpoint"]>;
+        default: () => boolean;
+    };
+    siderActionsRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    menuLinksRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    menuFooterRender: {
+        type: PropType<import("../types/SlotsTypings").MenuFooterRender>;
+        default: () => undefined;
+    };
+    menuContentRender: {
+        type: PropType<import("../types/SlotsTypings").MenuContentRender>;
+        default: () => undefined;
+    };
+    menuHeaderRender: {
+        type: PropType<import("../types/SlotsTypings").MenuHeaderRender>;
+        default: () => undefined;
+    };
+    theme: {
+        type: PropType<import("@gx-design-vue/context/dist").ThemeValue>;
+    };
+    onDarkChange: PropType<(value: boolean) => void>;
+    onThemeChange: PropType<(value?: import("@gx-design-vue/context/dist").ThemeValue) => void>;
+    'onUpdate:theme': PropType<(value?: import("@gx-design-vue/context/dist").ThemeValue) => void>;
+    id: PropType<string>;
+};

package/dist/props/themeProps.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeValue } from '@gx-design-vue/context';
+import type { PropType } from 'vue';
+export declare const themeProps: {
+    theme: {
+        type: PropType<ThemeValue>;
+    };
+    onDarkChange: PropType<(value: boolean) => void>;
+    onThemeChange: PropType<(value?: ThemeValue) => void>;
+    'onUpdate:theme': PropType<(value?: ThemeValue) => void>;
+};

package/dist/style/index.d.ts

@@ -1,14 +1,21 @@
-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 interface ProLayoutToken extends ProAliasToken {
     componentCls: string;
 }
-/**
- * 主要区别：
- * 需要手动引入 import 'antd/dist/antd.css';
- * 需要重置 menu 的样式
- * @param token
- * @returns
- */
+export declare const iconStyle: (token: ProLayoutToken) => {
+    paddingInline: number;
+    paddingBlock: number;
+    lineHeight: string;
+    fontSize: number;
+    cursor: string;
+    color: string | undefined;
+    borderRadius: number;
+    transition: string;
+    '&:hover': {
+        color: string | undefined;
+        backgroundColor: string | undefined;
+    };
+};
 export declare const compatibleStyle: GenerateStyle<ProLayoutToken>;
 export declare const genProLayoutStyle: GenerateStyle<ProLayoutToken>;

package/dist/types/Breadcrumb.d.ts

@@ -0,0 +1,31 @@
+import type { CustomRender } from '@gx-design-vue/pro-utils';
+import type { Route } from '../_utils';
+import type { AppRouteModule } from './RouteTypings';
+export interface ProRoute extends Omit<Route, 'children'> {
+    path: string;
+    name: AppRouteModule['name'];
+    icon?: string;
+    hidden?: boolean;
+    children?: ProRoute[];
+}
+export interface ProBreadcrumbRoute extends ProRoute {
+    isFirst?: boolean;
+    isLast?: boolean;
+    link: string;
+}
+export interface BreadcrumbProps {
+    visible?: boolean;
+    showHome?: boolean;
+    position?: 'header' | 'pageHeader';
+    prefixCls?: string;
+    routes?: ProRoute[];
+    params?: any;
+    separator?: CustomRender;
+    itemRender?: (opts: {
+        route: ProBreadcrumbRoute;
+        params: any;
+        routes: Array<ProBreadcrumbRoute>;
+        paths: Array<string>;
+    }) => CustomRender;
+}
+export type BreadcrumbListReturn = Pick<BreadcrumbProps, Extract<keyof BreadcrumbProps, 'routes' | 'itemRender' | 'position' | 'showHome' | 'visible'>>;

package/dist/types/MenuTypings.d.ts

@@ -0,0 +1,41 @@
+import type { BaseTheme, ThemeValue } from '@gx-design-vue/context';
+import type { MenuInfo, MenuProps, SelectInfo } from '../_utils';
+import type { AppRouteModule } from '../types/RouteTypings';
+import type { MenuItemRender, MenuTextRender, SubMenuItemRender } from '../types/SlotsTypings';
+import type { SemanticClassNames, SemanticStyles } from './typings';
+export type MenuSemanticName = 'menu' | 'footerMenu' | 'menuItem' | 'menuItemSelect' | 'menuItemTitle' | 'menuItemTitleText' | 'menuItemIcon' | 'subMenu' | 'subMenuTitle' | 'subMenuPopup';
+export type MenuStylesType = SemanticStyles<MenuSemanticName>;
+export type MenuClassNamesType = SemanticClassNames<MenuSemanticName>;
+export interface BaseMenuProps extends ProLayoutMenuProps {
+    mode: MenuProps['mode'];
+    menuData: AppRouteModule[];
+    styles: MenuStylesType;
+    classNames: MenuClassNamesType;
+    menuItemRender: MenuItemRender;
+    menuTextRender: MenuTextRender;
+    subMenuItemRender: SubMenuItemRender;
+    onClick: (info: MenuInfo) => void;
+    onSelect: (info: SelectInfo) => void;
+    onOpenKeys: (openKeys: string[]) => void;
+}
+export interface ProLayoutMenuProps {
+    loading: boolean;
+    autoClose: boolean;
+    theme: BaseTheme;
+    type?: 'sub' | 'group';
+    menuProps: (MenuProps & {
+        extraInlineIndent?: number;
+    }) | null;
+}
+export interface ProLayoutMenuFunProps {
+    openKeys: string[];
+    selectedKeys: string[];
+    onSelect: (info: string[]) => void;
+    onOpenKeys: (openKeys: string[]) => void;
+}
+export interface MenuPropsContext extends ProLayoutMenuProps, Pick<BaseMenuProps, 'menuData'> {
+    key: ThemeValue;
+    baseTheme: BaseTheme;
+    flatMenus: AppRouteModule[];
+    mixSiderMenus: AppRouteModule[];
+}

package/dist/types/RouteTypings.d.ts

@@ -0,0 +1,85 @@
+import type { RecordType } from '@gx-design-vue/pro-utils';
+import type { CSSProperties, defineComponent } from 'vue';
+import type { RouteRecordRaw } from 'vue-router';
+import type { MenuItemBadgeRender } from './SlotsTypings';
+export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>);
+export type AppRouteModule = {
+    name: string;
+    meta?: Meta;
+    key?: string;
+    query?: RecordType;
+    params?: RecordType;
+    fullPath?: string;
+    children?: AppRouteModule[];
+    redirect?: string;
+    component?: Component;
+} & Omit<RouteRecordRaw, 'meta' | 'children' | 'redirect' | 'name'>;
+export interface MenuDataItem extends Meta {
+    name: string;
+    title?: string;
+    id?: number;
+    menuId?: number;
+    parentId?: number;
+    createTime?: string;
+    path?: string;
+    fullPath?: string;
+    hidden?: boolean;
+    hideChildren?: boolean;
+    link?: string;
+    key?: string;
+    redirect?: string;
+    component?: string;
+    meta?: Meta;
+    children?: MenuDataItem[];
+}
+export interface TabsMeta {
+    hidden?: 0 | 1 | boolean;
+    fixed?: 0 | 1 | boolean;
+}
+/**
+ * @Author      gx12358
+ * @DateTime    2024/11/7
+ * @lastTime    2024/11/7
+ * @param {Meta-string} title 名称
+ * @param {Meta-number} order 排序
+ * @param {Meta-any} icon 菜单图标
+ * @param {Meta-CSSProperties} iconStyle 菜单图标样式
+ * @param {Meta-boolean} divider 是否使用分隔栏
+ * @param {Meta-string} iconFont 菜单图标前缀 - 默认iconfont
+ * @param {Meta-boolean} hidden 在菜单中隐藏不匹配菜单key
+ * @param {Meta-boolean} hideChildren 子菜单全部隐藏不匹配菜单key
+ * @param {Meta-boolean} hideInMenu 在菜单中隐藏并且可匹配菜单key
+ * @param {Meta-boolean} hideChildrenInMenu 子菜单全部hiddenInMenu，隐藏并且访问匹配菜单key
+ * @param {Meta-0 | 1} linkStatus 外链类型（选择是系统内则以iframe形式在系统内部展示，否则跳转新页面打开） 0:系统内 1:系统外
+ * @param {Meta-string} link 外链地址
+ * @param {Meta-boolean} disabled 是否禁止点击
+ * @param {Meta-boolean} keepAlive 是否缓存
+ * @param {Meta-boolean} animateDisabled 是否禁用动画
+ * @param {Meta-group} menuItemType 菜单ItemType
+ * @param {Meta-TabsMeta} tabState tab页签属性
+ * @param {Meta-string} menuSelectKey 所属菜单selectedKey
+ * @param {Meta-MenuItemBadgeRender} rightContent 右侧展示内容
+ * @description
+ */
+export interface Meta {
+    title?: string;
+    order?: number;
+    icon?: any;
+    iconStyle?: CSSProperties;
+    divider?: boolean;
+    iconPrefix?: string;
+    hidden?: boolean;
+    hideChildren?: boolean;
+    hideInMenu?: boolean;
+    hideChildrenInMenu?: boolean;
+    linkStatus?: 0 | 1;
+    link?: string;
+    disabled?: boolean;
+    keepAlive?: boolean;
+    animateDisabled?: boolean;
+    rightContent?: MenuItemBadgeRender;
+    menuItemType?: 'group';
+    tabState?: TabsMeta;
+    menuSelectKey?: string;
+    fixed?: boolean;
+}

package/dist/types/SlotsTypings.d.ts

@@ -0,0 +1,127 @@
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+import type { SlotsType } from 'vue';
+import type { LogoContentProps } from '../components/LogoContent';
+import type { BasicLayoutProps } from '../types/typings';
+import type { BreadcrumbProps, ProRoute } from './Breadcrumb';
+import type { BaseMenuProps } from './MenuTypings';
+import type { AppRouteModule, Meta } from './RouteTypings';
+import type { HeaderLayoutProps, SiderLayoutProps } from './typings';
+export type DefaultRender = WithFalse<CustomRender>;
+export interface LogoRenderProps {
+    logo: CustomRender;
+    title: CustomRender;
+    props?: LogoContentProps;
+}
+export type BreadcrumbRender = BreadcrumbProps['itemRender'];
+export type HeaderRender = WithFalse<(props: {
+    props: HeaderLayoutProps;
+    defaultDom: CustomRender;
+}) => CustomRender>;
+export type HeaderContentRender = WithFalse<(props?: HeaderLayoutProps) => CustomRender>;
+export type FooterRender = WithFalse<(props?: BasicLayoutProps) => CustomRender>;
+export type RightContentRender = WithFalse<(props?: HeaderLayoutProps) => CustomRender>;
+export type MenuItemRender = WithFalse<(props: {
+    item: AppRouteModule;
+    defaultDom?: CustomRender;
+    menuProps?: BaseMenuProps;
+}) => CustomRender>;
+export type MenuTextRender = WithFalse<(props: {
+    item: AppRouteModule;
+    defaultText?: CustomRender;
+    menuProps?: BaseMenuProps;
+}) => CustomRender>;
+export type TabsRouteItemRender = WithFalse<(route: AppRouteModule) => CustomRender>;
+export type MenuItemBadgeRender = WithFalse<(meta?: Meta, path?: string) => CustomRender>;
+export type SubMenuItemRender = WithFalse<(props: {
+    item: AppRouteModule;
+    children?: CustomRender[];
+    menuProps?: BaseMenuProps;
+}) => CustomRender>;
+export type MenuContentRender = WithFalse<(props: {
+    props: SiderLayoutProps;
+    defaultDom: CustomRender;
+}) => CustomRender>;
+export type MenuFooterRender = WithFalse<(props?: SiderLayoutProps) => CustomRender>;
+export type MenuHeaderRender = WithFalse<(props?: SiderLayoutProps) => CustomRender>;
+export type LogoRender = WithFalse<(props: LogoRenderProps) => CustomRender>;
+export type CollapsedIconRender = WithFalse<() => CustomRender>;
+export type CollapsedButtonRender = WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>;
+export type ProSlots = Readonly<{
+    pageHeaderRender: () => void;
+    menuLinksRender: () => void;
+    copyrightRender: () => void;
+    appsLogoComponents: () => void;
+    siderActionsRender: () => void;
+    extraRightDropdownRender: () => void;
+    logoRender: (logo: CustomRender, title: CustomRender, props?: LogoContentProps) => void;
+    footerRender: (props?: BasicLayoutProps) => void;
+    collapsedButtonRender: (collapsed: boolean, dom?: CustomRender) => void;
+    menuExtraRender: (props?: SiderLayoutProps) => void;
+    menuFooterRender: (props?: HeaderLayoutProps) => void;
+    tabsRouteItemRender: (props?: AppRouteModule) => void;
+    headerContentRender: (props?: HeaderLayoutProps) => void;
+    headerRender: (props: HeaderLayoutProps, defaultDom: CustomRender) => void;
+    menuContentRender: (props: SiderLayoutProps, defaultDom: CustomRender) => void;
+    subMenuItemRender: (item: AppRouteModule, children?: CustomRender[]) => void;
+    menuItemRender: (item: AppRouteModule, title?: CustomRender, icon?: CustomRender) => void;
+    breadcrumbRender: (props: {
+        route: ProRoute;
+        params: any;
+        routes: Array<ProRoute>;
+        paths: Array<string>;
+    }) => void;
+}>;
+export type ProSlotsKeys = keyof ProSlots;
+export declare const siderMenuSlots: (Extract<ProSlotsKeys, 'menuLinksRender' | 'appsLogoComponents' | 'siderActionsRender'>)[];
+export declare const headerSlots: (Extract<ProSlotsKeys, 'appsLogoComponents' | 'extraRightDropdownRender'>)[];
+export declare const defaultSlots: (Extract<ProSlotsKeys, 'menuLinksRender' | 'appsLogoComponents' | 'siderActionsRender' | 'extraRightDropdownRender' | 'pageHeaderRender' | 'copyrightRender'>)[];
+export declare const functionSlots: ProSlotsKeys[];
+export declare const proLayoutSlotsKeys: ("logoRender" | "menuItemRender" | "subMenuItemRender" | "collapsedButtonRender" | "pageHeaderRender" | "breadcrumbRender" | "copyrightRender" | "footerRender" | "headerRender" | "headerContentRender" | "appsLogoComponents" | "extraRightDropdownRender" | "siderActionsRender" | "menuLinksRender" | "menuFooterRender" | "menuContentRender" | "menuExtraRender" | "tabsRouteItemRender")[];
+export type ProLayoutSlotsType = SlotsType<{
+    default(): void;
+    settingDrawer(): void;
+    menuLinksRender(): void;
+    copyrightRender(): void;
+    pageHeaderRender(): void;
+    appsLogoComponents(): void;
+    extraRightDropdownRender(): void;
+    siderActionsRender(): void;
+    collapsedIconRender(): void;
+    logoRender(props: LogoRenderProps): void;
+    footerRender(props?: BasicLayoutProps): void;
+    rightContentRender(props?: HeaderLayoutProps): void;
+    tabsRouteItemRender(route: AppRouteModule): void;
+    headerRender(props: {
+        props: HeaderLayoutProps;
+        defaultDom: CustomRender;
+    }): void;
+    headerContentRender(props?: HeaderLayoutProps): void;
+    collapsedButtonRender(collapsed?: boolean): void;
+    breadcrumbRender(props: {
+        route: ProRoute;
+        params: any;
+        routes: Array<ProRoute>;
+        paths: Array<string>;
+    }): void;
+    menuHeaderRender(props?: SiderLayoutProps): void;
+    menuFooterRender(props?: SiderLayoutProps): void;
+    menuContentRender(props: {
+        props: SiderLayoutProps;
+        defaultDom: CustomRender;
+    }): void;
+    menuItemRender(props: {
+        item: AppRouteModule;
+        defaultDom?: CustomRender;
+        menuProps?: BaseMenuProps;
+    }): void;
+    menuTextRender(props: {
+        item: AppRouteModule;
+        defaultText?: CustomRender;
+        menuProps?: BaseMenuProps;
+    }): void;
+    subMenuItemRender(props: {
+        item: AppRouteModule;
+        children?: CustomRender[];
+        menuProps?: BaseMenuProps;
+    }): void;
+}>;

package/dist/types/typings.d.ts

@@ -0,0 +1,65 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { CommonLogoProps } from '../components/LogoContent/props';
+import type { SiderProps } from '../components/SiderMenu/typings';
+import type { ProLayoutConfig } from '../config';
+import type { BaseMenuProps, MenuSemanticName } from './MenuTypings';
+import type { AppRouteModule } from './RouteTypings';
+import type { CollapsedButtonRender, CollapsedIconRender, DefaultRender, HeaderContentRender, HeaderRender, MenuContentRender, MenuFooterRender, RightContentRender } from './SlotsTypings';
+import { basicLayoutProps } from '../props';
+export type SemanticClassNames<Name extends string> = Partial<Record<Name, string>>;
+export type SemanticStyles<Name extends string> = Partial<Record<Name, CSSProperties>>;
+export type LayoutSemanticName = 'root' | 'footer' | 'header' | 'sider' | 'siderChildren' | 'logo' | 'logoImage' | 'content' | 'siderHeader' | 'siderFooter' | MenuSemanticName;
+export type LayoutStylesType = SemanticStyles<LayoutSemanticName>;
+export type LayoutClassNamesType = SemanticClassNames<LayoutSemanticName>;
+export interface CollapsedProps {
+    value: boolean;
+    position: 'fixed' | 'header' | 'sider';
+    width: number;
+    mouseDistance?: number;
+    disabledInnerCollapse?: boolean;
+    onCollapse: (collapsed: boolean) => void;
+    collapsedIconRender: CollapsedIconRender;
+    collapsedButtonRender: CollapsedButtonRender;
+}
+export interface CommonLayoutProps extends CommonLogoProps {
+    loading: boolean;
+    appLogoListRender: DefaultRender;
+}
+export interface SiderLayoutProps extends BaseMenuProps, CommonLayoutProps, ProLayoutConfig {
+    suppressSiderWhenMenuEmpty: boolean;
+    breakpoint: SiderProps['breakpoint'] | false;
+    menuLinksRender: DefaultRender;
+    menuFooterRender: MenuFooterRender;
+    menuContentRender: MenuContentRender;
+    siderActionsRender: DefaultRender;
+}
+export interface HeaderLayoutProps extends BaseMenuProps, CommonLayoutProps {
+    autoHideHeader: boolean;
+    headerMainWidth: number;
+    menuRender: HeaderRender;
+    headerRender: HeaderRender;
+    headerContentRender: HeaderContentRender;
+    rightContentRender: RightContentRender;
+    extraRightDropdownRender: DefaultRender;
+}
+export interface LayoutContext {
+    isWide: boolean;
+    hasSilder: boolean;
+    siderWidth: string | number;
+    headerHeight: string | number;
+}
+export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>> & {
+    settings: ProLayoutConfig;
+};
+export interface ProLayoutExpose {
+    tabsComRef: () => TabsComExpose;
+}
+export interface TabsComExpose {
+    clean: () => void;
+    close: (name: AppRouteModule['name'], callback?: (row: AppRouteModule) => void) => void;
+    change: (record: AppRouteModule, { type, addType, params }: {
+        type: 'add' | 'merge' | 'remove';
+        addType?: 'push' | 'unshift';
+        params: Partial<AppRouteModule>;
+    }) => void;
+}

package/dist/utils/index.d.ts

@@ -1,41 +1,3 @@
-import type { AppRouteModule } from '../route';
-import type { ThemeConfig } from '@gx-design-vue/pro-provider';
-export { default as isUrl } from './isUrl';
-export { default as isImg } from './isImg';
-export * from './coverToNewToken';
-export * from './animate';
-export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
-export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
-export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
-export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
-export declare function handleThemeConfig(config: ThemeConfig): {
-    theme: import("@gx-design-vue/pro-provider").ThemeType | undefined;
-    layout: "side" | "mix" | "simple" | "wide";
-    splitMenus: boolean;
-    fixedMultiTab: boolean;
-    fixedHeader: boolean;
-    fixSiderbar: boolean;
-    showProgressBar: boolean;
-    showTabsBar: boolean;
-    showFullScreen?: boolean | undefined;
-    headerHeight?: number | undefined;
-    wideWidth?: number | undefined;
-    autoHideHeader: boolean;
-    title: string;
-    colorWeak?: boolean | undefined;
-    iconfontUrl?: string | undefined;
-    animate?: {
-        disabled?: boolean | undefined;
-        name: string;
-        direction: string;
-    } | undefined;
-    primaryColor: string;
-};
-export declare function checkThemeStatus(config: Partial<ThemeConfig>): ThemeConfig;
-export type StringKeyOf<T> = Extract<keyof T, string>;
-/**
- * Creates an object composed of the picked object properties.
- * @param obj The source object
- * @param paths The property paths to pick
- */
-export declare function pick<T, K extends keyof T>(obj: T, paths: K[]): Pick<T, K>;
+export * from './menu';
+export * from './style';
+export declare function removeDuplicatesByName<T>(array: T[], key: keyof T): T[];

package/dist/utils/menu.d.ts

@@ -0,0 +1,24 @@
+import type { RecordType } from '@gx-design-vue/pro-utils';
+import type { AppRouteModule } from '../types/RouteTypings';
+export interface MenuData {
+    menuData: AppRouteModule[];
+    flatMenus: AppRouteModule[];
+    breadcrumb: RecordType;
+    menuMap: Map<AppRouteModule['name'], AppRouteModule>;
+}
+export declare function handlePathKey(record: AppRouteModule): string;
+export declare const getMenuData: (routes: AppRouteModule[]) => MenuData;
+export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
+export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
+export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
+export declare function getLastPath(data: AppRouteModule[]): string;
+export declare function findLastKey(tree: AppRouteModule[], targetKey: string): string | undefined;
+export declare function getMatchedList({ menuData, flatMenus, menuMap }: {
+    menuData: AppRouteModule[];
+    flatMenus: AppRouteModule[];
+    menuMap?: MenuData['menuMap'];
+}, { path, name }: {
+    path: string;
+    name: AppRouteModule['name'];
+}): AppRouteModule[];
+export declare function filterTree(tree: AppRouteModule[], filterFn: (node: AppRouteModule) => boolean): AppRouteModule[];