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

package/dist/props.d.ts

@@ -0,0 +1,304 @@
+import type { CSSProperties, PropType } from 'vue';
+import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
+import type { BreadcrumbProps } from './typings';
+import type { AppRouteModule } from './RouteTypings';
+import type { PageContainerPropsType } from './Context';
+import type { DefaultRender, FooterRender } from './SlotsTypings';
+import type { Links } from './components/GlobalFooter';
+export type ShortcutKeyProps = {
+    search?: {
+        keys?: string;
+        disabeld?: boolean;
+    };
+    lock?: {
+        keys?: string;
+        disabeld?: boolean;
+    };
+};
+export declare const darkThemeProps: {
+    dark: {
+        type: PropType<boolean | "system">;
+        default: undefined;
+    };
+    onDarkChange: PropType<(value?: boolean | "system") => void>;
+    'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
+};
+export declare const basicLayoutProps: {
+    pageContainerProps: {
+        type: PropType<PageContainerPropsType>;
+    };
+    pure: BooleanConstructor;
+    token: PropType<DeepPartial<ProAliasToken>>;
+    menuData: {
+        type: PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
+    };
+    levelMenuData: {
+        type: PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
+    };
+    waterMark: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    pageLockRender: {
+        type: PropType<DefaultRender>;
+        default: undefined;
+    };
+    /**
+     * 是否禁用移动端模式，有的管理系统不需要移动端模式，此属性设置为true即可
+     */
+    disableMobile: {
+        type: PropType<boolean>;
+        required: boolean;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => null;
+    };
+    breadcrumb: PropType<BreadcrumbProps>;
+    disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
+    isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
+    loading: import("vue-types").VueTypeValidableDef<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;
+        })[];
+    };
+    tabsVisible: PropType<boolean>;
+    tabsRouteItemRender: {
+        type: PropType<import("./SlotsTypings").TabsRouteItemRender>;
+        default: () => undefined;
+    };
+    copyrightRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    footerRender: {
+        type: PropType<FooterRender>;
+        default: () => undefined;
+    };
+    onTabsChange: {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    onReloadPage: {
+        type: PropType<() => void>;
+    };
+    'onUpdate:tabs': {
+        type: PropType<(list: AppRouteModule[]) => void>;
+    };
+    headerTitleRender: {
+        type: 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: PropType<import("./SlotsTypings").HeaderRender>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: PropType<import("./SlotsTypings").HeaderContentRender>;
+        default: () => undefined;
+    };
+    hasSiderMenu: PropType<boolean>;
+    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    siderWidth: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    logo: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    menuLoading: PropType<boolean>;
+    autoHideHeader: PropType<boolean>;
+    isMobile: PropType<boolean>;
+    menuRender: {
+        type: 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;
+    };
+    appLogoListRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    extraRightDropdownRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    rightContentRender: {
+        type: PropType<import("./SlotsTypings").RightContentRender>;
+        default: () => undefined;
+    };
+    collapsedButtonRender: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").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>;
+    };
+    toFirstPath: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<import("ant-design-vue/es/menu/src/interface").MenuMode>;
+        default: string;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    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("./components/SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: PropType<import("./components/SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
+        default: () => undefined;
+    };
+    onClick: PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
+    theme: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
+        default: string;
+    };
+    layout: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
+        default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
+    };
+    wideWidth: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
+        default: number | undefined;
+    };
+    splitMenus: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
+        default: boolean;
+    };
+    fixedTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
+        default: boolean;
+    };
+    showProgressBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
+        default: boolean;
+    };
+    fixedHeader: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
+        default: boolean;
+    };
+    fixSiderbar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
+        default: boolean;
+    };
+    showTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
+        default: boolean;
+    };
+    storageTabsBar: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
+        default: boolean;
+    };
+    headerHeight: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
+        default: number | undefined;
+    };
+    title: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
+        default: string;
+    };
+    iconfontUrl: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
+        default: string | undefined;
+    };
+    animate: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
+        default: {
+            disabled?: boolean;
+            name: string;
+            direction: string;
+        } | undefined;
+    };
+    primaryColor: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
+        default: string;
+    };
+    suppressSiderWhenMenuEmpty: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    siderActionsRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    menuLinksRender: {
+        type: PropType<DefaultRender>;
+        default: () => undefined;
+    };
+    menuHeaderRender: {
+        type: PropType<import("./SlotsTypings").HeaderLogoRender>;
+        default: () => undefined;
+    };
+    menuFooterRender: {
+        type: PropType<import("./SlotsTypings").MenuFooterRender>;
+        default: () => undefined;
+    };
+    menuContentRender: {
+        type: PropType<import("./SlotsTypings").MenuContentRender>;
+        default: () => undefined;
+    };
+    menuExtraRender: {
+        type: PropType<import("./SlotsTypings").MenuExtraRender>;
+        default: () => undefined;
+    };
+    breakpoint: {
+        type: PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
+        default: () => boolean;
+    };
+    onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    dark: {
+        type: PropType<boolean | "system">;
+        default: undefined;
+    };
+    onDarkChange: PropType<(value?: boolean | "system") => void>;
+    'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
+};

package/dist/style/index.d.ts

@@ -0,0 +1,7 @@
+import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+export interface ProLayoutToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare const compatibleStyle: GenerateStyle<ProLayoutToken>;
+export declare const genProLayoutStyle: GenerateStyle<ProLayoutToken>;

package/dist/typings.d.ts

@@ -0,0 +1,19 @@
+import type { CustomRender } from '@gx-design-vue/pro-utils';
+export interface AntRoute {
+    path: string;
+    breadcrumbName: string;
+    children?: Omit<AntRoute, 'children'>[];
+}
+export interface BreadcrumbProps {
+    prefixCls?: string;
+    routes?: AntRoute[];
+    params?: any;
+    separator?: CustomRender;
+    itemRender?: (opts: {
+        route: AntRoute;
+        params: any;
+        routes: Array<AntRoute>;
+        paths: Array<string>;
+    }) => CustomRender;
+}
+export type BreadcrumbListReturn = Pick<BreadcrumbProps, Extract<keyof BreadcrumbProps, 'routes' | 'itemRender'>>;

package/dist/utils/animate.d.ts

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

package/dist/utils/coverToNewToken.d.ts

@@ -0,0 +1,9 @@
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+export declare function coverToNewToken({ type, token, dark, staticToken }: {
+    staticToken: Record<string, string | number | undefined>;
+    token: ProAliasToken;
+    dark: boolean;
+    type: 'sider' | 'header';
+}): Record<string, string | number | undefined> & {
+    [k: string]: unknown;
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,28 @@
+import type { ProLayoutConfig } from '@gx-design-vue/pro-provider';
+export * from './menu';
+export * from './animate';
+export * from './coverToNewToken';
+export declare function handleThemeConfig(config: ProLayoutConfig): {
+    title: string;
+    theme: import("@gx-design-vue/pro-provider/dist").BaseMenuTheme;
+    layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
+    splitMenus: boolean;
+    fixedHeader: boolean;
+    fixSiderbar: boolean;
+    showProgressBar: boolean;
+    showTabsBar: boolean;
+    fixedTabsBar: boolean;
+    storageTabsBar: boolean;
+    headerHeight?: number;
+    wideWidth?: number;
+    colorWeak?: boolean;
+    iconfontUrl?: string;
+    animate?: {
+        disabled?: boolean;
+        name: string;
+        direction: string;
+    };
+    primaryColor: string;
+};
+export declare function checkThemeStatus(config: Partial<ProLayoutConfig>): ProLayoutConfig;
+export declare function removeDuplicatesByName<T>(array: T[], key: keyof T): T[];

package/dist/utils/menu.d.ts

@@ -0,0 +1,13 @@
+import type { RecordType } from '@gx-design-vue/pro-utils';
+import type { AppRouteModule } from '../RouteTypings';
+export type MenuData = {
+    menuData: AppRouteModule[];
+    breadcrumb: RecordType;
+    getLevel: () => AppRouteModule[];
+};
+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 getMenuFirstLastChildPath(data: AppRouteModule[]): string;
+export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];

package/dist/utils/style.d.ts

@@ -0,0 +1 @@
+export declare const layout = "::view-transition-new(root),::view-transition-old(root) {\n  animation: none;\n  mix-blend-mode: normal;\n}\n\n::view-transition-old(root) {\n  z-index: 1;\n}\n\n::view-transition-new(root) {\n  z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-old(root) {\n  z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-new(root) {\n  z-index: 1;\n}";

package/dist/utils/util.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 根据指定字段对对象数组进行去重
+ * @param arr 要去重的对象数组
+ * @param key 去重依据的字段名
+ * @returns 去重后的对象数组
+ */
+export declare function uniqueByField<T>(arr: T[], key: keyof T): T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-layout",
-  "version": "0.1.0-beta.60",
+  "version": "0.1.0-beta.62",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -24,14 +24,15 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-app": "^0.1.0-beta.11",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.29",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.22",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.69",
-    "@gx-design-vue/pro-watermark": "^0.2.0-beta.7",
-    "@gx-design-vue/scrollbar": "^0.2.0-beta.13",
-    "@gx-design-vue/color-picker": "^0.2.0-beta.19",
+    "@vueuse/core": "^11.1.0",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.17",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.41",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.30",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.85",
+    "@gx-design-vue/pro-watermark": "^0.2.0-beta.9",
+    "@gx-design-vue/scrollbar": "^0.2.0-beta.17",
+    "@gx-design-vue/color-picker": "^0.2.0-beta.24",
+    "@gx-design-vue/pro-modal": "^0.2.0-beta.23",
     "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21"
   },