@gx-design-vue/pro-layout 0.1.0-beta.4 → 0.1.0-beta.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-layout",
-  "version": "0.1.0-beta.4",
+  "version": "0.1.0-beta.41",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -13,59 +13,63 @@
   "files": [
     "dist"
   ],
+  "type": "module",
   "types": "./dist",
-  "main": "./dist/pro-layout.umd.js",
-  "module": "./dist/pro-layout.mjs",
+  "main": "./dist/pro-layout.umd.cjs",
+  "module": "./dist/pro-layout.js",
   "exports": {
     ".": {
-      "import": "./dist/pro-layout.mjs",
-      "require": "./dist/pro-layout.umd.js"
+      "import": "./dist/pro-layout.js",
+      "require": "./dist/pro-layout.umd.cjs"
     }
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.8",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.9",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.39",
-    "@gx-design-vue/pro-watermark": "^0.2.0-beta.1",
-    "@gx-design-vue/scrollbar": "^0.2.0-beta.4",
-    "@gx-design-vue/color-picker": "^0.2.0-beta.11",
-    "ant-design-vue": "^4.0.0",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.9",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.23",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.17",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.48",
+    "@gx-design-vue/pro-watermark": "^0.2.0-beta.5",
+    "@gx-design-vue/scrollbar": "^0.2.0-beta.11",
+    "@gx-design-vue/color-picker": "^0.2.0-beta.16",
+    "ant-design-vue": "^4.1.2",
     "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21",
-    "vue": "^3.2.45",
+    "vue": "^3.3.7",
     "vue-types": "^4.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.3.0",
     "@rushstack/eslint-patch": "^1.1.0",
     "@types/jsdom": "^16.2.14",
-    "@types/node": "^16.11.26",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/tsconfig": "^0.1.3",
-    "eslint": "^8.13.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
+    "@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",
-    "postcss": "^8.4.12",
-    "postcss-html": "^1.4.1",
-    "postcss-less": "^6.0.0",
-    "prettier": "^2.6.2",
     "rollup": "^2.70.2",
-    "stylelint": "^14.7.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended": "^7.0.0",
-    "stylelint-config-recommended-vue": "^1.4.0",
+    "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": "^5.0.0",
-    "typescript": "^4.6.4",
-    "vite": "^4.3.8",
-    "vue-eslint-parser": "^9.0.3",
-    "vue-tsc": "^1.0.24"
+    "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"
   },
   "description": "Gx Design"
 }

package/dist/RenderTypings.d.ts

@@ -1,29 +0,0 @@
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-import type { BreadcrumbProps } from './Context';
-import type { ProProps } from './typings';
-import type { AppRouteModule } from './route';
-export type DefaultPropRender = WithFalse<CustomRender>;
-export type BreadcrumbRender = BreadcrumbProps['itemRender'];
-export type HeaderContentRender = WithFalse<() => CustomRender>;
-export type HeaderRender = WithFalse<(props: ProProps) => CustomRender>;
-export type FooterRender = WithFalse<(props: ProProps) => CustomRender>;
-export type RightContentRender = WithFalse<(props: ProProps) => CustomRender>;
-export type MenuItemRender = WithFalse<(args: {
-    item: AppRouteModule;
-    title?: JSX.Element;
-    icon?: JSX.Element;
-}) => CustomRender>;
-export type SubMenuItemRender = WithFalse<(args: {
-    item: AppRouteModule;
-    children?: CustomRender[];
-}) => CustomRender>;
-export type LinksRender = WithFalse<CustomRender>;
-export type MenuContentRender = WithFalse<(props: ProProps, defaultDom: CustomRender) => CustomRender>;
-export type MenuFooterRender = WithFalse<(props?: ProProps) => CustomRender>;
-export type MenuExtraRender = WithFalse<(props?: ProProps) => CustomRender>;
-export type LogoRender = WithFalse<CustomRender>;
-export type ExtraRightDropdownRender = WithFalse<CustomRender>;
-export type HeaderLogoRender = WithFalse<(logo: CustomRender, title: CustomRender, props?: ProProps) => CustomRender>;
-export type CopyrightRender = WithFalse<CustomRender>;
-export type CollapsedButtonRender = WithFalse<(collapsed?: boolean) => CustomRender>;
-export type PageHeaderRender = WithFalse<(props?: ProProps) => CustomRender>;

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

@@ -1,284 +0,0 @@
-import type { ExtractPropTypes, PropType } from 'vue';
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-import { baseMenuProps } from './props';
-import type { AppRouteModule } from '../../route';
-export interface CustomMenuRender {
-    menuItemRender?: WithFalse<(args: {
-        item: AppRouteModule;
-        title?: JSX.Element;
-        icon?: JSX.Element;
-    }) => CustomRender>;
-    subMenuItemRender?: WithFalse<(args: {
-        item: AppRouteModule;
-        children?: CustomRender[];
-    }) => CustomRender>;
-}
-export type BaseMenuProps = ExtractPropTypes<typeof baseMenuProps>;
-declare const _default: import("vue").DefineComponent<{
-    mode: {
-        type: PropType<import("ant-design-vue").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>;
-        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;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:openKeys" | "update:selectedKeys" | "click")[], "update:openKeys" | "update:selectedKeys" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    mode: {
-        type: PropType<import("ant-design-vue").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>;
-        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;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
-}, {
-    title: string;
-    animate: {
-        disabled?: boolean | undefined;
-        name: string;
-        direction: string;
-    } | undefined;
-    theme: import("@gx-design-vue/pro-provider").ThemeType;
-    layout: "side" | "mix" | "simple" | "wide";
-    wideWidth: number | undefined;
-    splitMenus: boolean;
-    fixedMultiTab: boolean;
-    showProgressBar: boolean;
-    fixedHeader: boolean;
-    fixSiderbar: boolean;
-    showTabsBar: boolean;
-    showFullScreen: boolean | undefined;
-    autoHideHeader: boolean;
-    headerHeight: number | undefined;
-    iconfontUrl: string | undefined;
-    primaryColor: string;
-    menuItemRender: WithFalse<(args: {
-        item: AppRouteModule;
-        title?: JSX.Element | undefined;
-        icon?: JSX.Element | undefined;
-    }) => CustomRender> | undefined;
-    subMenuItemRender: WithFalse<(args: {
-        item: AppRouteModule;
-        children?: CustomRender[] | undefined;
-    }) => CustomRender> | undefined;
-    mode: import("ant-design-vue").MenuMode;
-    menuData: AppRouteModule[];
-    collapsed: boolean | undefined;
-    openKeys: boolean | string[];
-    selectedKeys: string[];
-    menuProps: Record<string, any>;
-}>;
-export default _default;

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

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