@gx-design-vue/pro-layout 0.1.0-beta.41 → 0.1.0-beta.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PageLoading.d.ts +1 -1
- package/dist/ProLayout.d.ts +23 -13
- package/dist/RenderTypings.d.ts +29 -0
- package/dist/components/GlobalFooter/index.d.ts +24 -9
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +8 -8
- package/dist/components/GlobalHeader/index.d.ts +6 -6
- package/dist/components/GlobalHeader/props.d.ts +4 -4
- package/dist/components/SettingDrawer/BlockCheckbox.d.ts +1 -1
- package/dist/components/SettingDrawer/RegionalChange.d.ts +1 -1
- package/dist/components/SettingDrawer/ThemeColor.d.ts +1 -1
- package/dist/components/SiderMenu/BaseMenu.d.ts +292 -0
- package/dist/components/SiderMenu/SiderMenu.d.ts +6 -6
- package/dist/components/SiderMenu/index.d.ts +7 -7
- package/dist/components/SiderMenu/props.d.ts +4 -4
- package/dist/components/SiderMenu/typings.d.ts +34 -0
- package/dist/props.d.ts +10 -5
- package/package.json +8 -8
package/dist/PageLoading.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { SpinProps } from './_utils';
|
|
2
2
|
export type PageLoadingProps = SpinProps;
|
|
3
|
-
declare const PageLoading: import("vue").DefineComponent<any,
|
|
3
|
+
declare const PageLoading: import("vue").DefineComponent<any, JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any>, {} | {
|
|
4
4
|
[x: string]: any;
|
|
5
5
|
}, {}>;
|
|
6
6
|
export default PageLoading;
|
package/dist/ProLayout.d.ts
CHANGED
|
@@ -28,12 +28,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
28
|
loading: import("vue-types").VueTypeValidableDef<boolean>;
|
|
29
29
|
footerLinks: {
|
|
30
30
|
type: import("vue").PropType<import("./components/GlobalFooter").Links>;
|
|
31
|
-
default: {
|
|
31
|
+
default: ({
|
|
32
|
+
key: string;
|
|
33
|
+
title: string;
|
|
34
|
+
href: string;
|
|
35
|
+
blankTarget: boolean;
|
|
36
|
+
} | {
|
|
32
37
|
key: string;
|
|
33
|
-
title:
|
|
38
|
+
title: JSX.Element;
|
|
34
39
|
href: string;
|
|
35
40
|
blankTarget: boolean;
|
|
36
|
-
}[];
|
|
41
|
+
})[];
|
|
37
42
|
};
|
|
38
43
|
copyrightRender: {
|
|
39
44
|
type: import("vue").PropType<CopyrightRender>;
|
|
@@ -250,8 +255,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
250
255
|
menuItemRender: {
|
|
251
256
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
252
257
|
item: import("./route").AppRouteModule;
|
|
253
|
-
title?:
|
|
254
|
-
icon?:
|
|
258
|
+
title?: JSX.Element | undefined;
|
|
259
|
+
icon?: JSX.Element | undefined;
|
|
255
260
|
}) => CustomRender> | undefined>;
|
|
256
261
|
default: () => undefined;
|
|
257
262
|
};
|
|
@@ -350,7 +355,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
350
355
|
onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
351
356
|
default: (...args: any[]) => any;
|
|
352
357
|
};
|
|
353
|
-
}, () =>
|
|
358
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "collapse" | "reloadPage" | "update:collapsed" | "select" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs")[], "openKeys" | "collapse" | "reloadPage" | "update:collapsed" | "select" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
354
359
|
pure: BooleanConstructor;
|
|
355
360
|
token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
|
|
356
361
|
waterMark: {
|
|
@@ -374,12 +379,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
374
379
|
loading: import("vue-types").VueTypeValidableDef<boolean>;
|
|
375
380
|
footerLinks: {
|
|
376
381
|
type: import("vue").PropType<import("./components/GlobalFooter").Links>;
|
|
377
|
-
default: {
|
|
382
|
+
default: ({
|
|
383
|
+
key: string;
|
|
384
|
+
title: string;
|
|
385
|
+
href: string;
|
|
386
|
+
blankTarget: boolean;
|
|
387
|
+
} | {
|
|
378
388
|
key: string;
|
|
379
|
-
title:
|
|
389
|
+
title: JSX.Element;
|
|
380
390
|
href: string;
|
|
381
391
|
blankTarget: boolean;
|
|
382
|
-
}[];
|
|
392
|
+
})[];
|
|
383
393
|
};
|
|
384
394
|
copyrightRender: {
|
|
385
395
|
type: import("vue").PropType<CopyrightRender>;
|
|
@@ -596,8 +606,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
596
606
|
menuItemRender: {
|
|
597
607
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
598
608
|
item: import("./route").AppRouteModule;
|
|
599
|
-
title?:
|
|
600
|
-
icon?:
|
|
609
|
+
title?: JSX.Element | undefined;
|
|
610
|
+
icon?: JSX.Element | undefined;
|
|
601
611
|
}) => CustomRender> | undefined>;
|
|
602
612
|
default: () => undefined;
|
|
603
613
|
};
|
|
@@ -743,8 +753,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
743
753
|
menuHeaderRender: HeaderLogoRender;
|
|
744
754
|
menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
745
755
|
item: import("./route").AppRouteModule;
|
|
746
|
-
title?:
|
|
747
|
-
icon?:
|
|
756
|
+
title?: JSX.Element | undefined;
|
|
757
|
+
icon?: JSX.Element | undefined;
|
|
748
758
|
}) => CustomRender> | undefined;
|
|
749
759
|
subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
750
760
|
item: import("./route").AppRouteModule;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
|
|
2
|
+
import type { BreadcrumbProps } from './Context';
|
|
3
|
+
import type { ProProps } from './typings';
|
|
4
|
+
import type { AppRouteModule } from './route';
|
|
5
|
+
export type DefaultPropRender = WithFalse<CustomRender>;
|
|
6
|
+
export type BreadcrumbRender = BreadcrumbProps['itemRender'];
|
|
7
|
+
export type HeaderContentRender = WithFalse<() => CustomRender>;
|
|
8
|
+
export type HeaderRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
9
|
+
export type FooterRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
10
|
+
export type RightContentRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
11
|
+
export type MenuItemRender = WithFalse<(args: {
|
|
12
|
+
item: AppRouteModule;
|
|
13
|
+
title?: JSX.Element;
|
|
14
|
+
icon?: JSX.Element;
|
|
15
|
+
}) => CustomRender>;
|
|
16
|
+
export type SubMenuItemRender = WithFalse<(args: {
|
|
17
|
+
item: AppRouteModule;
|
|
18
|
+
children?: CustomRender[];
|
|
19
|
+
}) => CustomRender>;
|
|
20
|
+
export type LinksRender = WithFalse<CustomRender>;
|
|
21
|
+
export type MenuContentRender = WithFalse<(props: ProProps, defaultDom: CustomRender) => CustomRender>;
|
|
22
|
+
export type MenuFooterRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
23
|
+
export type MenuExtraRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
24
|
+
export type LogoRender = WithFalse<CustomRender>;
|
|
25
|
+
export type ExtraRightDropdownRender = WithFalse<CustomRender>;
|
|
26
|
+
export type HeaderLogoRender = WithFalse<(logo: CustomRender, title: CustomRender, props?: ProProps) => CustomRender>;
|
|
27
|
+
export type CopyrightRender = WithFalse<CustomRender>;
|
|
28
|
+
export type CollapsedButtonRender = WithFalse<(collapsed?: boolean) => CustomRender>;
|
|
29
|
+
export type PageHeaderRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
@@ -12,21 +12,31 @@ export interface GlobalFooterProps {
|
|
|
12
12
|
copyright?: CopyrightRender;
|
|
13
13
|
prefixCls?: string;
|
|
14
14
|
}
|
|
15
|
-
export declare const defaultLinks: {
|
|
15
|
+
export declare const defaultLinks: ({
|
|
16
16
|
key: string;
|
|
17
|
-
title:
|
|
17
|
+
title: string;
|
|
18
18
|
href: string;
|
|
19
19
|
blankTarget: boolean;
|
|
20
|
-
}
|
|
20
|
+
} | {
|
|
21
|
+
key: string;
|
|
22
|
+
title: JSX.Element;
|
|
23
|
+
href: string;
|
|
24
|
+
blankTarget: boolean;
|
|
25
|
+
})[];
|
|
21
26
|
declare const _default: import("vue").DefineComponent<{
|
|
22
27
|
links: {
|
|
23
28
|
type: PropType<Links>;
|
|
24
|
-
default: {
|
|
29
|
+
default: ({
|
|
25
30
|
key: string;
|
|
26
|
-
title:
|
|
31
|
+
title: string;
|
|
27
32
|
href: string;
|
|
28
33
|
blankTarget: boolean;
|
|
29
|
-
}
|
|
34
|
+
} | {
|
|
35
|
+
key: string;
|
|
36
|
+
title: JSX.Element;
|
|
37
|
+
href: string;
|
|
38
|
+
blankTarget: boolean;
|
|
39
|
+
})[];
|
|
30
40
|
};
|
|
31
41
|
copyright: {
|
|
32
42
|
type: PropType<CopyrightRender>;
|
|
@@ -35,12 +45,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
45
|
}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
46
|
links: {
|
|
37
47
|
type: PropType<Links>;
|
|
38
|
-
default: {
|
|
48
|
+
default: ({
|
|
49
|
+
key: string;
|
|
50
|
+
title: string;
|
|
51
|
+
href: string;
|
|
52
|
+
blankTarget: boolean;
|
|
53
|
+
} | {
|
|
39
54
|
key: string;
|
|
40
|
-
title:
|
|
55
|
+
title: JSX.Element;
|
|
41
56
|
href: string;
|
|
42
57
|
blankTarget: boolean;
|
|
43
|
-
}[];
|
|
58
|
+
})[];
|
|
44
59
|
};
|
|
45
60
|
copyright: {
|
|
46
61
|
type: PropType<CopyrightRender>;
|
|
@@ -88,8 +88,8 @@ export declare const defaultHeaderProps: {
|
|
|
88
88
|
menuItemRender: {
|
|
89
89
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
90
90
|
item: import("../..").AppRouteModule;
|
|
91
|
-
title?:
|
|
92
|
-
icon?:
|
|
91
|
+
title?: JSX.Element | undefined;
|
|
92
|
+
icon?: JSX.Element | undefined;
|
|
93
93
|
}) => CustomRender> | undefined>;
|
|
94
94
|
default: () => undefined;
|
|
95
95
|
};
|
|
@@ -282,8 +282,8 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
282
282
|
menuItemRender: {
|
|
283
283
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
284
284
|
item: import("../..").AppRouteModule;
|
|
285
|
-
title?:
|
|
286
|
-
icon?:
|
|
285
|
+
title?: JSX.Element | undefined;
|
|
286
|
+
icon?: JSX.Element | undefined;
|
|
287
287
|
}) => CustomRender> | undefined>;
|
|
288
288
|
default: () => undefined;
|
|
289
289
|
};
|
|
@@ -474,8 +474,8 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
474
474
|
menuItemRender: {
|
|
475
475
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
476
476
|
item: import("../..").AppRouteModule;
|
|
477
|
-
title?:
|
|
478
|
-
icon?:
|
|
477
|
+
title?: JSX.Element | undefined;
|
|
478
|
+
icon?: JSX.Element | undefined;
|
|
479
479
|
}) => CustomRender> | undefined>;
|
|
480
480
|
default: () => undefined;
|
|
481
481
|
};
|
|
@@ -607,8 +607,8 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
607
607
|
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
608
608
|
menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
609
609
|
item: import("../..").AppRouteModule;
|
|
610
|
-
title?:
|
|
611
|
-
icon?:
|
|
610
|
+
title?: JSX.Element | undefined;
|
|
611
|
+
icon?: JSX.Element | undefined;
|
|
612
612
|
}) => CustomRender> | undefined;
|
|
613
613
|
subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
614
614
|
item: import("../..").AppRouteModule;
|
|
@@ -104,8 +104,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
104
104
|
menuItemRender: {
|
|
105
105
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
106
106
|
item: AppRouteModule;
|
|
107
|
-
title?:
|
|
108
|
-
icon?:
|
|
107
|
+
title?: JSX.Element | undefined;
|
|
108
|
+
icon?: JSX.Element | undefined;
|
|
109
109
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
110
110
|
default: () => undefined;
|
|
111
111
|
};
|
|
@@ -282,8 +282,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
282
282
|
menuItemRender: {
|
|
283
283
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
284
284
|
item: AppRouteModule;
|
|
285
|
-
title?:
|
|
286
|
-
icon?:
|
|
285
|
+
title?: JSX.Element | undefined;
|
|
286
|
+
icon?: JSX.Element | undefined;
|
|
287
287
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
288
288
|
default: () => undefined;
|
|
289
289
|
};
|
|
@@ -381,8 +381,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
381
381
|
primaryColor: string;
|
|
382
382
|
menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
383
383
|
item: AppRouteModule;
|
|
384
|
-
title?:
|
|
385
|
-
icon?:
|
|
384
|
+
title?: JSX.Element | undefined;
|
|
385
|
+
icon?: JSX.Element | undefined;
|
|
386
386
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
|
|
387
387
|
subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
388
388
|
item: AppRouteModule;
|
|
@@ -91,8 +91,8 @@ export declare const globalHeaderProps: {
|
|
|
91
91
|
menuItemRender: {
|
|
92
92
|
type: PropType<WithFalse<(args: {
|
|
93
93
|
item: AppRouteModule;
|
|
94
|
-
title?:
|
|
95
|
-
icon?:
|
|
94
|
+
title?: JSX.Element | undefined;
|
|
95
|
+
icon?: JSX.Element | undefined;
|
|
96
96
|
}) => CustomRender> | undefined>;
|
|
97
97
|
default: () => undefined;
|
|
98
98
|
};
|
|
@@ -270,8 +270,8 @@ export declare const headerViewProps: {
|
|
|
270
270
|
menuItemRender: {
|
|
271
271
|
type: PropType<WithFalse<(args: {
|
|
272
272
|
item: AppRouteModule;
|
|
273
|
-
title?:
|
|
274
|
-
icon?:
|
|
273
|
+
title?: JSX.Element | undefined;
|
|
274
|
+
icon?: JSX.Element | undefined;
|
|
275
275
|
}) => CustomRender> | undefined>;
|
|
276
276
|
default: () => undefined;
|
|
277
277
|
};
|
|
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
default: string;
|
|
23
23
|
};
|
|
24
24
|
onChange: PropType<(value: string) => void>;
|
|
25
|
-
}, () =>
|
|
25
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
26
|
value: import("vue-types").VueTypeValidableDef<string> & {
|
|
27
27
|
default: string;
|
|
28
28
|
};
|
|
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
default: boolean;
|
|
19
19
|
};
|
|
20
20
|
onChange: PropType<(key: keyof ThemeConfig | undefined, value: boolean) => void>;
|
|
21
|
-
}, () =>
|
|
21
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
22
|
label: import("vue-types").VueTypeValidableDef<string> & {
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
onChange: PropType<(color: string, key?: keyof ThemeConfig) => void>;
|
|
20
|
-
}, () =>
|
|
20
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
21
|
settingValue: PropType<Partial<ThemeConfig>>;
|
|
22
22
|
colorList: {
|
|
23
23
|
type: PropType<{
|
|
@@ -0,0 +1,292 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
|
|
3
|
+
import { baseMenuProps } from './props';
|
|
4
|
+
import type { AppRouteModule } from '../../route';
|
|
5
|
+
export interface CustomMenuRender {
|
|
6
|
+
menuItemRender?: WithFalse<(args: {
|
|
7
|
+
item: AppRouteModule;
|
|
8
|
+
title?: JSX.Element;
|
|
9
|
+
icon?: JSX.Element;
|
|
10
|
+
}) => CustomRender>;
|
|
11
|
+
subMenuItemRender?: WithFalse<(args: {
|
|
12
|
+
item: AppRouteModule;
|
|
13
|
+
children?: CustomRender[];
|
|
14
|
+
}) => CustomRender>;
|
|
15
|
+
}
|
|
16
|
+
export type BaseMenuProps = ExtractPropTypes<typeof baseMenuProps>;
|
|
17
|
+
declare const _default: import("vue").DefineComponent<{
|
|
18
|
+
mode: {
|
|
19
|
+
type: PropType<import("ant-design-vue").MenuMode>;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
menuData: {
|
|
23
|
+
type: PropType<AppRouteModule[]>;
|
|
24
|
+
default: () => never[];
|
|
25
|
+
};
|
|
26
|
+
theme: {
|
|
27
|
+
type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
layout: {
|
|
31
|
+
type: PropType<"top" | "side" | "mix" | "simple" | "wide">;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
collapsed: {
|
|
35
|
+
type: PropType<boolean | undefined>;
|
|
36
|
+
default: () => boolean;
|
|
37
|
+
};
|
|
38
|
+
openKeys: {
|
|
39
|
+
type: PropType<boolean | string[]>;
|
|
40
|
+
default: () => never[];
|
|
41
|
+
};
|
|
42
|
+
selectedKeys: {
|
|
43
|
+
type: PropType<string[]>;
|
|
44
|
+
default: () => never[];
|
|
45
|
+
};
|
|
46
|
+
menuProps: {
|
|
47
|
+
type: PropType<Record<string, any>>;
|
|
48
|
+
default: () => null;
|
|
49
|
+
};
|
|
50
|
+
menuItemRender: {
|
|
51
|
+
type: PropType<WithFalse<(args: {
|
|
52
|
+
item: AppRouteModule;
|
|
53
|
+
title?: JSX.Element | undefined;
|
|
54
|
+
icon?: JSX.Element | undefined;
|
|
55
|
+
}) => CustomRender> | undefined>;
|
|
56
|
+
default: () => undefined;
|
|
57
|
+
};
|
|
58
|
+
subMenuItemRender: {
|
|
59
|
+
type: PropType<WithFalse<(args: {
|
|
60
|
+
item: AppRouteModule;
|
|
61
|
+
children?: CustomRender[] | undefined;
|
|
62
|
+
}) => CustomRender> | undefined>;
|
|
63
|
+
default: () => undefined;
|
|
64
|
+
};
|
|
65
|
+
onClick: PropType<(...args: any) => void>;
|
|
66
|
+
onOpenKeys: {
|
|
67
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
68
|
+
};
|
|
69
|
+
onSelect: {
|
|
70
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
71
|
+
};
|
|
72
|
+
wideWidth: {
|
|
73
|
+
type: PropType<number | undefined>;
|
|
74
|
+
default: number | undefined;
|
|
75
|
+
};
|
|
76
|
+
splitMenus: {
|
|
77
|
+
type: PropType<boolean>;
|
|
78
|
+
default: boolean;
|
|
79
|
+
};
|
|
80
|
+
fixedMultiTab: {
|
|
81
|
+
type: PropType<boolean>;
|
|
82
|
+
default: boolean;
|
|
83
|
+
};
|
|
84
|
+
showProgressBar: {
|
|
85
|
+
type: PropType<boolean>;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
fixedHeader: {
|
|
89
|
+
type: PropType<boolean>;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
fixSiderbar: {
|
|
93
|
+
type: PropType<boolean>;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
96
|
+
showTabsBar: {
|
|
97
|
+
type: PropType<boolean>;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
showFullScreen: {
|
|
101
|
+
type: PropType<boolean | undefined>;
|
|
102
|
+
default: boolean | undefined;
|
|
103
|
+
};
|
|
104
|
+
autoHideHeader: {
|
|
105
|
+
type: PropType<boolean>;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
108
|
+
headerHeight: {
|
|
109
|
+
type: PropType<number | undefined>;
|
|
110
|
+
default: number | undefined;
|
|
111
|
+
};
|
|
112
|
+
title: {
|
|
113
|
+
type: PropType<string>;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
iconfontUrl: {
|
|
117
|
+
type: PropType<string | undefined>;
|
|
118
|
+
default: string | undefined;
|
|
119
|
+
};
|
|
120
|
+
animate: {
|
|
121
|
+
type: PropType<{
|
|
122
|
+
disabled?: boolean | undefined;
|
|
123
|
+
name: string;
|
|
124
|
+
direction: string;
|
|
125
|
+
} | undefined>;
|
|
126
|
+
default: {
|
|
127
|
+
disabled?: boolean | undefined;
|
|
128
|
+
name: string;
|
|
129
|
+
direction: string;
|
|
130
|
+
} | undefined;
|
|
131
|
+
};
|
|
132
|
+
primaryColor: {
|
|
133
|
+
type: PropType<string>;
|
|
134
|
+
default: string;
|
|
135
|
+
};
|
|
136
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
137
|
+
mode: {
|
|
138
|
+
type: PropType<import("ant-design-vue").MenuMode>;
|
|
139
|
+
default: string;
|
|
140
|
+
};
|
|
141
|
+
menuData: {
|
|
142
|
+
type: PropType<AppRouteModule[]>;
|
|
143
|
+
default: () => never[];
|
|
144
|
+
};
|
|
145
|
+
theme: {
|
|
146
|
+
type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
|
|
147
|
+
default: string;
|
|
148
|
+
};
|
|
149
|
+
layout: {
|
|
150
|
+
type: PropType<"top" | "side" | "mix" | "simple" | "wide">;
|
|
151
|
+
default: string;
|
|
152
|
+
};
|
|
153
|
+
collapsed: {
|
|
154
|
+
type: PropType<boolean | undefined>;
|
|
155
|
+
default: () => boolean;
|
|
156
|
+
};
|
|
157
|
+
openKeys: {
|
|
158
|
+
type: PropType<boolean | string[]>;
|
|
159
|
+
default: () => never[];
|
|
160
|
+
};
|
|
161
|
+
selectedKeys: {
|
|
162
|
+
type: PropType<string[]>;
|
|
163
|
+
default: () => never[];
|
|
164
|
+
};
|
|
165
|
+
menuProps: {
|
|
166
|
+
type: PropType<Record<string, any>>;
|
|
167
|
+
default: () => null;
|
|
168
|
+
};
|
|
169
|
+
menuItemRender: {
|
|
170
|
+
type: PropType<WithFalse<(args: {
|
|
171
|
+
item: AppRouteModule;
|
|
172
|
+
title?: JSX.Element | undefined;
|
|
173
|
+
icon?: JSX.Element | undefined;
|
|
174
|
+
}) => CustomRender> | undefined>;
|
|
175
|
+
default: () => undefined;
|
|
176
|
+
};
|
|
177
|
+
subMenuItemRender: {
|
|
178
|
+
type: PropType<WithFalse<(args: {
|
|
179
|
+
item: AppRouteModule;
|
|
180
|
+
children?: CustomRender[] | undefined;
|
|
181
|
+
}) => CustomRender> | undefined>;
|
|
182
|
+
default: () => undefined;
|
|
183
|
+
};
|
|
184
|
+
onClick: PropType<(...args: any) => void>;
|
|
185
|
+
onOpenKeys: {
|
|
186
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
187
|
+
};
|
|
188
|
+
onSelect: {
|
|
189
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
190
|
+
};
|
|
191
|
+
wideWidth: {
|
|
192
|
+
type: PropType<number | undefined>;
|
|
193
|
+
default: number | undefined;
|
|
194
|
+
};
|
|
195
|
+
splitMenus: {
|
|
196
|
+
type: PropType<boolean>;
|
|
197
|
+
default: boolean;
|
|
198
|
+
};
|
|
199
|
+
fixedMultiTab: {
|
|
200
|
+
type: PropType<boolean>;
|
|
201
|
+
default: boolean;
|
|
202
|
+
};
|
|
203
|
+
showProgressBar: {
|
|
204
|
+
type: PropType<boolean>;
|
|
205
|
+
default: boolean;
|
|
206
|
+
};
|
|
207
|
+
fixedHeader: {
|
|
208
|
+
type: PropType<boolean>;
|
|
209
|
+
default: boolean;
|
|
210
|
+
};
|
|
211
|
+
fixSiderbar: {
|
|
212
|
+
type: PropType<boolean>;
|
|
213
|
+
default: boolean;
|
|
214
|
+
};
|
|
215
|
+
showTabsBar: {
|
|
216
|
+
type: PropType<boolean>;
|
|
217
|
+
default: boolean;
|
|
218
|
+
};
|
|
219
|
+
showFullScreen: {
|
|
220
|
+
type: PropType<boolean | undefined>;
|
|
221
|
+
default: boolean | undefined;
|
|
222
|
+
};
|
|
223
|
+
autoHideHeader: {
|
|
224
|
+
type: PropType<boolean>;
|
|
225
|
+
default: boolean;
|
|
226
|
+
};
|
|
227
|
+
headerHeight: {
|
|
228
|
+
type: PropType<number | undefined>;
|
|
229
|
+
default: number | undefined;
|
|
230
|
+
};
|
|
231
|
+
title: {
|
|
232
|
+
type: PropType<string>;
|
|
233
|
+
default: string;
|
|
234
|
+
};
|
|
235
|
+
iconfontUrl: {
|
|
236
|
+
type: PropType<string | undefined>;
|
|
237
|
+
default: string | undefined;
|
|
238
|
+
};
|
|
239
|
+
animate: {
|
|
240
|
+
type: PropType<{
|
|
241
|
+
disabled?: boolean | undefined;
|
|
242
|
+
name: string;
|
|
243
|
+
direction: string;
|
|
244
|
+
} | undefined>;
|
|
245
|
+
default: {
|
|
246
|
+
disabled?: boolean | undefined;
|
|
247
|
+
name: string;
|
|
248
|
+
direction: string;
|
|
249
|
+
} | undefined;
|
|
250
|
+
};
|
|
251
|
+
primaryColor: {
|
|
252
|
+
type: PropType<string>;
|
|
253
|
+
default: string;
|
|
254
|
+
};
|
|
255
|
+
}>>, {
|
|
256
|
+
selectedKeys: string[];
|
|
257
|
+
openKeys: boolean | string[];
|
|
258
|
+
menuData: AppRouteModule[];
|
|
259
|
+
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
260
|
+
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
261
|
+
splitMenus: boolean;
|
|
262
|
+
headerHeight: number | undefined;
|
|
263
|
+
fixSiderbar: boolean;
|
|
264
|
+
fixedHeader: boolean;
|
|
265
|
+
title: string;
|
|
266
|
+
wideWidth: number | undefined;
|
|
267
|
+
fixedMultiTab: boolean;
|
|
268
|
+
showProgressBar: boolean;
|
|
269
|
+
showTabsBar: boolean;
|
|
270
|
+
showFullScreen: boolean | undefined;
|
|
271
|
+
autoHideHeader: boolean;
|
|
272
|
+
iconfontUrl: string | undefined;
|
|
273
|
+
animate: {
|
|
274
|
+
disabled?: boolean | undefined;
|
|
275
|
+
name: string;
|
|
276
|
+
direction: string;
|
|
277
|
+
} | undefined;
|
|
278
|
+
primaryColor: string;
|
|
279
|
+
menuItemRender: WithFalse<(args: {
|
|
280
|
+
item: AppRouteModule;
|
|
281
|
+
title?: JSX.Element | undefined;
|
|
282
|
+
icon?: JSX.Element | undefined;
|
|
283
|
+
}) => CustomRender> | undefined;
|
|
284
|
+
subMenuItemRender: WithFalse<(args: {
|
|
285
|
+
item: AppRouteModule;
|
|
286
|
+
children?: CustomRender[] | undefined;
|
|
287
|
+
}) => CustomRender> | undefined;
|
|
288
|
+
mode: import("ant-design-vue").MenuMode;
|
|
289
|
+
collapsed: boolean | undefined;
|
|
290
|
+
menuProps: Record<string, any>;
|
|
291
|
+
}, {}>;
|
|
292
|
+
export default _default;
|
|
@@ -112,8 +112,8 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
112
112
|
menuItemRender: {
|
|
113
113
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
114
114
|
item: import("../..").AppRouteModule;
|
|
115
|
-
title?:
|
|
116
|
-
icon?:
|
|
115
|
+
title?: JSX.Element | undefined;
|
|
116
|
+
icon?: JSX.Element | undefined;
|
|
117
117
|
}) => CustomRender> | undefined>;
|
|
118
118
|
default: () => undefined;
|
|
119
119
|
};
|
|
@@ -297,8 +297,8 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
297
297
|
menuItemRender: {
|
|
298
298
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
299
299
|
item: import("../..").AppRouteModule;
|
|
300
|
-
title?:
|
|
301
|
-
icon?:
|
|
300
|
+
title?: JSX.Element | undefined;
|
|
301
|
+
icon?: JSX.Element | undefined;
|
|
302
302
|
}) => CustomRender> | undefined>;
|
|
303
303
|
default: () => undefined;
|
|
304
304
|
};
|
|
@@ -405,8 +405,8 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
405
405
|
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
406
406
|
menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
407
407
|
item: import("../..").AppRouteModule;
|
|
408
|
-
title?:
|
|
409
|
-
icon?:
|
|
408
|
+
title?: JSX.Element | undefined;
|
|
409
|
+
icon?: JSX.Element | undefined;
|
|
410
410
|
}) => CustomRender> | undefined;
|
|
411
411
|
subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
412
412
|
item: import("../..").AppRouteModule;
|
|
@@ -109,8 +109,8 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
109
109
|
menuItemRender: {
|
|
110
110
|
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
111
111
|
item: import("../..").AppRouteModule;
|
|
112
|
-
title?:
|
|
113
|
-
icon?:
|
|
112
|
+
title?: JSX.Element | undefined;
|
|
113
|
+
icon?: JSX.Element | undefined;
|
|
114
114
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
115
115
|
default: () => undefined;
|
|
116
116
|
};
|
|
@@ -188,7 +188,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
188
188
|
type: PropType<string>;
|
|
189
189
|
default: string;
|
|
190
190
|
};
|
|
191
|
-
}, () =>
|
|
191
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
192
192
|
matchMenuKeys: {
|
|
193
193
|
type: PropType<string[]>;
|
|
194
194
|
default: () => never[];
|
|
@@ -294,8 +294,8 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
294
294
|
menuItemRender: {
|
|
295
295
|
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
296
296
|
item: import("../..").AppRouteModule;
|
|
297
|
-
title?:
|
|
298
|
-
icon?:
|
|
297
|
+
title?: JSX.Element | undefined;
|
|
298
|
+
icon?: JSX.Element | undefined;
|
|
299
299
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
300
300
|
default: () => undefined;
|
|
301
301
|
};
|
|
@@ -402,8 +402,8 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
402
402
|
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
403
403
|
menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
404
404
|
item: import("../..").AppRouteModule;
|
|
405
|
-
title?:
|
|
406
|
-
icon?:
|
|
405
|
+
title?: JSX.Element | undefined;
|
|
406
|
+
icon?: JSX.Element | undefined;
|
|
407
407
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
|
|
408
408
|
subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
409
409
|
item: import("../..").AppRouteModule;
|
|
@@ -40,8 +40,8 @@ export declare const baseMenuProps: {
|
|
|
40
40
|
menuItemRender: {
|
|
41
41
|
type: PropType<WithFalse<(args: {
|
|
42
42
|
item: AppRouteModule;
|
|
43
|
-
title?:
|
|
44
|
-
icon?:
|
|
43
|
+
title?: JSX.Element | undefined;
|
|
44
|
+
icon?: JSX.Element | undefined;
|
|
45
45
|
}) => CustomRender> | undefined>;
|
|
46
46
|
default: () => undefined;
|
|
47
47
|
};
|
|
@@ -230,8 +230,8 @@ export declare const siderMenuProps: {
|
|
|
230
230
|
menuItemRender: {
|
|
231
231
|
type: PropType<WithFalse<(args: {
|
|
232
232
|
item: AppRouteModule;
|
|
233
|
-
title?:
|
|
234
|
-
icon?:
|
|
233
|
+
title?: JSX.Element | undefined;
|
|
234
|
+
icon?: JSX.Element | undefined;
|
|
235
235
|
}) => CustomRender> | undefined>;
|
|
236
236
|
default: () => undefined;
|
|
237
237
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { VNodeChild, CSSProperties, HTMLAttributes } from 'vue';
|
|
2
|
+
export type { MenuMode, MenuTheme } from 'ant-design-vue';
|
|
3
|
+
export interface MenuInfo {
|
|
4
|
+
key: string | number;
|
|
5
|
+
keyPath: string[] | number[];
|
|
6
|
+
item: VNodeChild | any;
|
|
7
|
+
domEvent: MouseEvent;
|
|
8
|
+
}
|
|
9
|
+
export interface SelectInfo extends MenuInfo {
|
|
10
|
+
selectedKeys: string[];
|
|
11
|
+
}
|
|
12
|
+
export type OpenEventHandler = (keys: string[] | {
|
|
13
|
+
key: string;
|
|
14
|
+
item: VNodeChild;
|
|
15
|
+
trigger: string;
|
|
16
|
+
open: boolean;
|
|
17
|
+
}) => void;
|
|
18
|
+
export type CollapseType = 'clickTrigger' | 'responsive';
|
|
19
|
+
export type SiderTheme = 'light' | 'dark';
|
|
20
|
+
export interface SiderProps extends HTMLAttributes {
|
|
21
|
+
prefixCls?: string;
|
|
22
|
+
collapsible?: boolean;
|
|
23
|
+
collapsed?: boolean;
|
|
24
|
+
defaultCollapsed?: boolean;
|
|
25
|
+
reverseArrow?: boolean;
|
|
26
|
+
onCollapse?: (collapsed: boolean, type: CollapseType) => void;
|
|
27
|
+
zeroWidthTriggerStyle?: CSSProperties;
|
|
28
|
+
trigger?: VNodeChild | JSX.Element;
|
|
29
|
+
width?: number | string;
|
|
30
|
+
collapsedWidth?: number | string;
|
|
31
|
+
breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
32
|
+
theme?: SiderTheme;
|
|
33
|
+
onBreakpoint?: (broken: boolean) => void;
|
|
34
|
+
}
|
package/dist/props.d.ts
CHANGED
|
@@ -31,12 +31,17 @@ export declare const basicLayoutProps: {
|
|
|
31
31
|
loading: import("vue-types").VueTypeValidableDef<boolean>;
|
|
32
32
|
footerLinks: {
|
|
33
33
|
type: PropType<Links>;
|
|
34
|
-
default: {
|
|
34
|
+
default: ({
|
|
35
|
+
key: string;
|
|
36
|
+
title: string;
|
|
37
|
+
href: string;
|
|
38
|
+
blankTarget: boolean;
|
|
39
|
+
} | {
|
|
35
40
|
key: string;
|
|
36
|
-
title:
|
|
41
|
+
title: JSX.Element;
|
|
37
42
|
href: string;
|
|
38
43
|
blankTarget: boolean;
|
|
39
|
-
}[];
|
|
44
|
+
})[];
|
|
40
45
|
};
|
|
41
46
|
copyrightRender: {
|
|
42
47
|
type: PropType<CopyrightRender>;
|
|
@@ -253,8 +258,8 @@ export declare const basicLayoutProps: {
|
|
|
253
258
|
menuItemRender: {
|
|
254
259
|
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
255
260
|
item: AppRouteModule;
|
|
256
|
-
title?:
|
|
257
|
-
icon?:
|
|
261
|
+
title?: JSX.Element | undefined;
|
|
262
|
+
icon?: JSX.Element | undefined;
|
|
258
263
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
259
264
|
default: () => undefined;
|
|
260
265
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gx-design-vue/pro-layout",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.42",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite",
|
|
6
6
|
"build": "vite build",
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@vueuse/core": "^9.10.0",
|
|
28
|
-
"@gx-design-vue/pro-app": "^0.1.0-beta.
|
|
29
|
-
"@gx-design-vue/pro-utils": "^0.2.0-beta.
|
|
30
|
-
"@gx-design-vue/pro-hooks": "^0.2.0-beta.
|
|
31
|
-
"@gx-design-vue/pro-provider": "^0.1.0-beta.
|
|
32
|
-
"@gx-design-vue/pro-watermark": "^0.2.0-beta.
|
|
33
|
-
"@gx-design-vue/scrollbar": "^0.2.0-beta.
|
|
34
|
-
"@gx-design-vue/color-picker": "^0.2.0-beta.
|
|
28
|
+
"@gx-design-vue/pro-app": "^0.1.0-beta.10",
|
|
29
|
+
"@gx-design-vue/pro-utils": "^0.2.0-beta.25",
|
|
30
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-beta.18",
|
|
31
|
+
"@gx-design-vue/pro-provider": "^0.1.0-beta.49",
|
|
32
|
+
"@gx-design-vue/pro-watermark": "^0.2.0-beta.6",
|
|
33
|
+
"@gx-design-vue/scrollbar": "^0.2.0-beta.12",
|
|
34
|
+
"@gx-design-vue/color-picker": "^0.2.0-beta.17",
|
|
35
35
|
"ant-design-vue": "^4.1.2",
|
|
36
36
|
"dayjs": "^1.11.0",
|
|
37
37
|
"lodash-es": "^4.17.21",
|