@gx-design-vue/pro-layout 0.1.0-beta.54 → 0.1.0-beta.55

package/dist/props.d.ts

@@ -0,0 +1,291 @@
+import type { CSSProperties, PropType } from 'vue';
+import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
+import type { AppRouteModule } from './route';
+import type { BreadcrumbProps } from './Context';
+import type { CopyrightRender, FooterRender } from './RenderTypings';
+import type { Links } from './components/GlobalFooter';
+export declare const basicLayoutProps: {
+    pure: BooleanConstructor;
+    token: PropType<DeepPartial<ProAliasToken>>;
+    waterMark: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否禁用移动端模式，有的管理系统不需要移动端模式，此属性设置为true即可
+     */
+    disableMobile: {
+        type: BooleanConstructor;
+        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: JSX.Element;
+            href: string;
+            blankTarget: boolean;
+        })[];
+    };
+    copyrightRender: {
+        type: PropType<CopyrightRender>;
+        default: () => undefined;
+    };
+    footerRender: {
+        type: PropType<FooterRender>;
+        default: () => undefined;
+    };
+    menuData: {
+        type: PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
+    };
+    levelMenuData: {
+        type: PropType<AppRouteModule[]>;
+        default: () => AppRouteModule[];
+    };
+    collapsed: import("vue-types").VueTypeValidableDef<boolean>;
+    usePageCard: {
+        type: PropType<boolean>;
+        default: () => undefined;
+    };
+    pageCardProps: PropType<{
+        loading?: boolean;
+        bodyStyle: CSSProperties;
+    }>;
+    pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    waterMarkProps: {
+        type: PropType<import("@gx-design-vue/pro-watermark/dist").WaterMarkProps>;
+    };
+    pageHeaderRender: {
+        type: PropType<import("./RenderTypings").DefaultPropRender>;
+        default: () => undefined;
+    };
+    pageChildrenExtraRender: {
+        type: PropType<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        default: () => undefined;
+    };
+    contentRender: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    breadcrumbRender: {
+        type: PropType<import("./RenderTypings").PageHeaderRender>;
+        default: () => undefined;
+    };
+    pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
+    isMobile: import("vue-types").VueTypeValidableDef<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>;
+    };
+    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("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender, logoDom: import("./RenderTypings").LogoRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    headerContentRender: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+        default: () => undefined;
+    };
+    hasSiderMenu: PropType<boolean>;
+    logo: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        default: () => undefined;
+    };
+    logoStyle: {
+        type: PropType<CSSProperties>;
+        default: () => undefined;
+    };
+    logoDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    menuLoading: PropType<boolean>;
+    autoHideHeader: PropType<boolean>;
+    headerTheme: {
+        type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeType>;
+        default: string;
+    };
+    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;
+    };
+    extraRightDropdownRender: {
+        type: PropType<import("./RenderTypings").ExtraRightDropdownRender>;
+        default: () => undefined;
+    };
+    rightContentRender: {
+        type: PropType<import("./RenderTypings").RightContentRender>;
+        default: () => undefined;
+    };
+    collapsedButtonRender: {
+        type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean) => 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>;
+    };
+    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("./components/SiderMenu/BaseMenu").CustomMenuRender["menuItemRender"]>;
+        default: () => undefined;
+    };
+    subMenuItemRender: {
+        type: PropType<import("./components/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;
+    };
+    links: {
+        type: PropType<import("./RenderTypings").LinksRender>;
+        default: () => undefined;
+    };
+    menuHeaderRender: {
+        type: PropType<import("./RenderTypings").HeaderLogoRender>;
+        default: () => undefined;
+    };
+    menuFooterRender: {
+        type: PropType<import("./RenderTypings").MenuFooterRender>;
+        default: () => boolean;
+    };
+    menuContentRender: {
+        type: PropType<import("./RenderTypings").MenuContentRender>;
+        default: () => boolean;
+    };
+    menuExtraRender: {
+        type: PropType<import("./RenderTypings").MenuExtraRender>;
+        default: () => boolean;
+    };
+    breakpoint: {
+        type: PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
+        default: () => boolean;
+    };
+    onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+};

package/dist/utils/index.d.ts

@@ -10,26 +10,26 @@ export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: stri
 export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
 export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];
 export declare function handleThemeConfig(config: ThemeConfig): {
-    theme: import("@gx-design-vue/pro-provider/dist").ThemeType | undefined;
-    layout: "top" | "side" | "mix" | "simple" | "wide";
+    theme: import("@gx-design-vue/pro-provider/dist").MenuTheme | undefined;
+    layout: "side" | "mix" | "simple" | "wide" | "top";
     splitMenus: boolean;
     fixedMultiTab: boolean;
     fixedHeader: boolean;
     fixSiderbar: boolean;
     showProgressBar: boolean;
     showTabsBar: boolean;
-    showFullScreen?: boolean | undefined;
-    headerHeight?: number | undefined;
-    wideWidth?: number | undefined;
+    showFullScreen?: boolean;
+    headerHeight?: number;
+    wideWidth?: number;
     autoHideHeader: boolean;
     title: string;
-    colorWeak?: boolean | undefined;
-    iconfontUrl?: string | undefined;
+    colorWeak?: boolean;
+    iconfontUrl?: string;
     animate?: {
-        disabled?: boolean | undefined;
+        disabled?: boolean;
         name: string;
         direction: string;
-    } | undefined;
+    };
     primaryColor: string;
 };
 export declare function checkThemeStatus(config: Partial<ThemeConfig>): ThemeConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-layout",
-  "version": "0.1.0-beta.54",
+  "version": "0.1.0-beta.55",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -25,52 +25,26 @@
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-app": "^0.1.0-beta.10",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.27",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.19",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.51",
-    "@gx-design-vue/pro-watermark": "^0.2.0-beta.6",
-    "@gx-design-vue/scrollbar": "^0.2.0-beta.12",
-    "@gx-design-vue/color-picker": "^0.2.0-beta.17",
-    "ant-design-vue": "^4.1.2",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.11",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.28",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.20",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.55",
+    "@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.18",
     "dayjs": "^1.11.0",
-    "lodash-es": "^4.17.21",
-    "vue": "^3.3.7",
-    "vue-router": "^4.2.5",
-    "vue-types": "^4.1.1"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^20.11.19",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
-    "eslint-plugin-vue": "^9.21.1",
-    "jsdom": "^19.0.0",
-    "less": "^4.1.2",
-    "rollup": "^2.70.2",
-    "postcss": "^8.4.35",
-    "postcss-html": "^1.6.0",
-    "postcss-less": "^6.0.0",
-    "prettier": "^3.2.5",
-    "stylelint": "^16.2.1",
-    "stylelint-config-recommended": "^14.0.0",
-    "stylelint-config-recommended-vue": "^1.5.0",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-order": "^6.0.4",
-    "stylelint-prettier": "^5.0.0",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-tsc": "^1.8.27"
+    "@types/lodash-es": "^4.17.6",
+    "typescript": "^5.3.3"
   },
-  "description": "Gx Design"
+  "peerDependencies": {
+    "vue": ">=3.0.0",
+    "ant-design-vue": "^4.1.2"
+  },
+  "description": "Gx Design Pro Layout",
+  "authors": [
+    "gx12358 <gx12358@gmail.com> (https://github.com/gx12358)"
+  ]
 }