@gx-design-vue/pro-layout 0.1.0-beta.54 → 0.1.0-beta.55
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/Context.d.ts +1 -1
- package/dist/ProLayout.d.ts +650 -0
- package/dist/RenderTypings.d.ts +1 -1
- package/dist/WrapContent.d.ts +1 -1
- package/dist/components/GlobalFooter/index.d.ts +1 -1
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +68 -101
- package/dist/components/GlobalHeader/index.d.ts +45 -67
- package/dist/components/GlobalHeader/props.d.ts +42 -65
- package/dist/components/LogoContent/index.d.ts +4 -4
- package/dist/components/LogoContent/props.d.ts +2 -2
- package/dist/components/MultiTab/index.d.ts +2 -2
- package/dist/components/MultiTab/props.d.ts +1 -1
- package/dist/components/PageContainer/index.d.ts +95 -0
- package/dist/components/PageContainer/props.d.ts +70 -0
- package/dist/components/SettingDrawer/RegionalChange.d.ts +2 -2
- package/dist/components/SettingDrawer/ThemeColor.d.ts +3 -3
- package/dist/components/SettingDrawer/ThemeEditor.d.ts +3 -3
- package/dist/components/SettingDrawer/index.d.ts +5 -6
- package/dist/components/SiderMenu/BaseMenu.d.ts +45 -67
- package/dist/components/SiderMenu/SiderMenu.d.ts +48 -69
- package/dist/components/SiderMenu/index.d.ts +48 -70
- package/dist/components/SiderMenu/props.d.ts +45 -66
- package/dist/components/SiderMenu/typings.d.ts +1 -1
- package/dist/defaultSettings.d.ts +18 -22
- package/dist/hooks/context/index.d.ts +2 -2
- package/dist/index.d.ts +5 -4
- package/dist/pro-layout.js +942 -941
- package/dist/pro-layout.umd.cjs +1 -1
- package/dist/props.d.ts +291 -0
- package/dist/utils/index.d.ts +9 -9
- package/package.json +19 -45
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
2
|
+
import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
|
|
3
|
+
import type { MenuTheme, ThemeConfig } from '@gx-design-vue/pro-provider';
|
|
4
|
+
import type { CustomMenuRender } from './BaseMenu';
|
|
5
|
+
import type { MenuMode, SiderProps } from './typings';
|
|
6
|
+
import type { HeaderLogoRender, LinksRender, MenuContentRender, MenuExtraRender, MenuFooterRender } from '../../RenderTypings';
|
|
6
7
|
import type { AppRouteModule } from '../../route';
|
|
7
8
|
export declare const baseMenuProps: {
|
|
8
9
|
mode: {
|
|
@@ -14,11 +15,11 @@ export declare const baseMenuProps: {
|
|
|
14
15
|
default: () => never[];
|
|
15
16
|
};
|
|
16
17
|
theme: {
|
|
17
|
-
type: PropType<
|
|
18
|
+
type: PropType<MenuTheme>;
|
|
18
19
|
default: string;
|
|
19
20
|
};
|
|
20
21
|
layout: {
|
|
21
|
-
type: PropType<"
|
|
22
|
+
type: PropType<ThemeConfig["layout"]>;
|
|
22
23
|
default: string;
|
|
23
24
|
};
|
|
24
25
|
collapsed: {
|
|
@@ -26,7 +27,7 @@ export declare const baseMenuProps: {
|
|
|
26
27
|
default: () => boolean;
|
|
27
28
|
};
|
|
28
29
|
openKeys: {
|
|
29
|
-
type: PropType<
|
|
30
|
+
type: PropType<string[] | boolean>;
|
|
30
31
|
default: () => never[];
|
|
31
32
|
};
|
|
32
33
|
selectedKeys: {
|
|
@@ -38,18 +39,11 @@ export declare const baseMenuProps: {
|
|
|
38
39
|
default: () => null;
|
|
39
40
|
};
|
|
40
41
|
menuItemRender: {
|
|
41
|
-
type: PropType<
|
|
42
|
-
item: AppRouteModule;
|
|
43
|
-
title?: JSX.Element | undefined;
|
|
44
|
-
icon?: JSX.Element | undefined;
|
|
45
|
-
}) => CustomRender> | undefined>;
|
|
42
|
+
type: PropType<CustomMenuRender["menuItemRender"]>;
|
|
46
43
|
default: () => undefined;
|
|
47
44
|
};
|
|
48
45
|
subMenuItemRender: {
|
|
49
|
-
type: PropType<
|
|
50
|
-
item: AppRouteModule;
|
|
51
|
-
children?: CustomRender[] | undefined;
|
|
52
|
-
}) => CustomRender> | undefined>;
|
|
46
|
+
type: PropType<CustomMenuRender["subMenuItemRender"]>;
|
|
53
47
|
default: () => undefined;
|
|
54
48
|
};
|
|
55
49
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -60,67 +54,63 @@ export declare const baseMenuProps: {
|
|
|
60
54
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
61
55
|
};
|
|
62
56
|
wideWidth: {
|
|
63
|
-
type: PropType<
|
|
57
|
+
type: PropType<ThemeConfig["wideWidth"]>;
|
|
64
58
|
default: number | undefined;
|
|
65
59
|
};
|
|
66
60
|
splitMenus: {
|
|
67
|
-
type: PropType<
|
|
61
|
+
type: PropType<ThemeConfig["splitMenus"]>;
|
|
68
62
|
default: boolean;
|
|
69
63
|
};
|
|
70
64
|
fixedMultiTab: {
|
|
71
|
-
type: PropType<
|
|
65
|
+
type: PropType<ThemeConfig["fixedMultiTab"]>;
|
|
72
66
|
default: boolean;
|
|
73
67
|
};
|
|
74
68
|
showProgressBar: {
|
|
75
|
-
type: PropType<
|
|
69
|
+
type: PropType<ThemeConfig["showProgressBar"]>;
|
|
76
70
|
default: boolean;
|
|
77
71
|
};
|
|
78
72
|
fixedHeader: {
|
|
79
|
-
type: PropType<
|
|
73
|
+
type: PropType<ThemeConfig["fixedHeader"]>;
|
|
80
74
|
default: boolean;
|
|
81
75
|
};
|
|
82
76
|
fixSiderbar: {
|
|
83
|
-
type: PropType<
|
|
77
|
+
type: PropType<ThemeConfig["fixSiderbar"]>;
|
|
84
78
|
default: boolean;
|
|
85
79
|
};
|
|
86
80
|
showTabsBar: {
|
|
87
|
-
type: PropType<
|
|
81
|
+
type: PropType<ThemeConfig["showTabsBar"]>;
|
|
88
82
|
default: boolean;
|
|
89
83
|
};
|
|
90
84
|
showFullScreen: {
|
|
91
|
-
type: PropType<
|
|
85
|
+
type: PropType<ThemeConfig["showFullScreen"]>;
|
|
92
86
|
default: boolean | undefined;
|
|
93
87
|
};
|
|
94
88
|
autoHideHeader: {
|
|
95
|
-
type: PropType<
|
|
89
|
+
type: PropType<ThemeConfig["autoHideHeader"]>;
|
|
96
90
|
default: boolean;
|
|
97
91
|
};
|
|
98
92
|
headerHeight: {
|
|
99
|
-
type: PropType<
|
|
93
|
+
type: PropType<ThemeConfig["headerHeight"]>;
|
|
100
94
|
default: number | undefined;
|
|
101
95
|
};
|
|
102
96
|
title: {
|
|
103
|
-
type: PropType<
|
|
97
|
+
type: PropType<ThemeConfig["title"]>;
|
|
104
98
|
default: string;
|
|
105
99
|
};
|
|
106
100
|
iconfontUrl: {
|
|
107
|
-
type: PropType<
|
|
101
|
+
type: PropType<ThemeConfig["iconfontUrl"]>;
|
|
108
102
|
default: string | undefined;
|
|
109
103
|
};
|
|
110
104
|
animate: {
|
|
111
|
-
type: PropType<
|
|
112
|
-
disabled?: boolean | undefined;
|
|
113
|
-
name: string;
|
|
114
|
-
direction: string;
|
|
115
|
-
} | undefined>;
|
|
105
|
+
type: PropType<ThemeConfig["animate"]>;
|
|
116
106
|
default: {
|
|
117
|
-
disabled?: boolean
|
|
107
|
+
disabled?: boolean;
|
|
118
108
|
name: string;
|
|
119
109
|
direction: string;
|
|
120
110
|
} | undefined;
|
|
121
111
|
};
|
|
122
112
|
primaryColor: {
|
|
123
|
-
type: PropType<
|
|
113
|
+
type: PropType<ThemeConfig["primaryColor"]>;
|
|
124
114
|
default: string;
|
|
125
115
|
};
|
|
126
116
|
};
|
|
@@ -178,7 +168,7 @@ export declare const siderMenuProps: {
|
|
|
178
168
|
default: () => undefined;
|
|
179
169
|
};
|
|
180
170
|
breakpoint: {
|
|
181
|
-
type: PropType<
|
|
171
|
+
type: PropType<SiderProps["breakpoint"] | false>;
|
|
182
172
|
default: () => boolean;
|
|
183
173
|
};
|
|
184
174
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
@@ -204,11 +194,11 @@ export declare const siderMenuProps: {
|
|
|
204
194
|
default: () => never[];
|
|
205
195
|
};
|
|
206
196
|
theme: {
|
|
207
|
-
type: PropType<
|
|
197
|
+
type: PropType<MenuTheme>;
|
|
208
198
|
default: string;
|
|
209
199
|
};
|
|
210
200
|
layout: {
|
|
211
|
-
type: PropType<"
|
|
201
|
+
type: PropType<ThemeConfig["layout"]>;
|
|
212
202
|
default: string;
|
|
213
203
|
};
|
|
214
204
|
collapsed: {
|
|
@@ -216,7 +206,7 @@ export declare const siderMenuProps: {
|
|
|
216
206
|
default: () => boolean;
|
|
217
207
|
};
|
|
218
208
|
openKeys: {
|
|
219
|
-
type: PropType<
|
|
209
|
+
type: PropType<string[] | boolean>;
|
|
220
210
|
default: () => never[];
|
|
221
211
|
};
|
|
222
212
|
selectedKeys: {
|
|
@@ -228,18 +218,11 @@ export declare const siderMenuProps: {
|
|
|
228
218
|
default: () => null;
|
|
229
219
|
};
|
|
230
220
|
menuItemRender: {
|
|
231
|
-
type: PropType<
|
|
232
|
-
item: AppRouteModule;
|
|
233
|
-
title?: JSX.Element | undefined;
|
|
234
|
-
icon?: JSX.Element | undefined;
|
|
235
|
-
}) => CustomRender> | undefined>;
|
|
221
|
+
type: PropType<CustomMenuRender["menuItemRender"]>;
|
|
236
222
|
default: () => undefined;
|
|
237
223
|
};
|
|
238
224
|
subMenuItemRender: {
|
|
239
|
-
type: PropType<
|
|
240
|
-
item: AppRouteModule;
|
|
241
|
-
children?: CustomRender[] | undefined;
|
|
242
|
-
}) => CustomRender> | undefined>;
|
|
225
|
+
type: PropType<CustomMenuRender["subMenuItemRender"]>;
|
|
243
226
|
default: () => undefined;
|
|
244
227
|
};
|
|
245
228
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -250,63 +233,59 @@ export declare const siderMenuProps: {
|
|
|
250
233
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
251
234
|
};
|
|
252
235
|
wideWidth: {
|
|
253
|
-
type: PropType<
|
|
236
|
+
type: PropType<ThemeConfig["wideWidth"]>;
|
|
254
237
|
default: number | undefined;
|
|
255
238
|
};
|
|
256
239
|
splitMenus: {
|
|
257
|
-
type: PropType<
|
|
240
|
+
type: PropType<ThemeConfig["splitMenus"]>;
|
|
258
241
|
default: boolean;
|
|
259
242
|
};
|
|
260
243
|
fixedMultiTab: {
|
|
261
|
-
type: PropType<
|
|
244
|
+
type: PropType<ThemeConfig["fixedMultiTab"]>;
|
|
262
245
|
default: boolean;
|
|
263
246
|
};
|
|
264
247
|
showProgressBar: {
|
|
265
|
-
type: PropType<
|
|
248
|
+
type: PropType<ThemeConfig["showProgressBar"]>;
|
|
266
249
|
default: boolean;
|
|
267
250
|
};
|
|
268
251
|
fixedHeader: {
|
|
269
|
-
type: PropType<
|
|
252
|
+
type: PropType<ThemeConfig["fixedHeader"]>;
|
|
270
253
|
default: boolean;
|
|
271
254
|
};
|
|
272
255
|
fixSiderbar: {
|
|
273
|
-
type: PropType<
|
|
256
|
+
type: PropType<ThemeConfig["fixSiderbar"]>;
|
|
274
257
|
default: boolean;
|
|
275
258
|
};
|
|
276
259
|
showTabsBar: {
|
|
277
|
-
type: PropType<
|
|
260
|
+
type: PropType<ThemeConfig["showTabsBar"]>;
|
|
278
261
|
default: boolean;
|
|
279
262
|
};
|
|
280
263
|
showFullScreen: {
|
|
281
|
-
type: PropType<
|
|
264
|
+
type: PropType<ThemeConfig["showFullScreen"]>;
|
|
282
265
|
default: boolean | undefined;
|
|
283
266
|
};
|
|
284
267
|
autoHideHeader: {
|
|
285
|
-
type: PropType<
|
|
268
|
+
type: PropType<ThemeConfig["autoHideHeader"]>;
|
|
286
269
|
default: boolean;
|
|
287
270
|
};
|
|
288
271
|
title: {
|
|
289
|
-
type: PropType<
|
|
272
|
+
type: PropType<ThemeConfig["title"]>;
|
|
290
273
|
default: string;
|
|
291
274
|
};
|
|
292
275
|
iconfontUrl: {
|
|
293
|
-
type: PropType<
|
|
276
|
+
type: PropType<ThemeConfig["iconfontUrl"]>;
|
|
294
277
|
default: string | undefined;
|
|
295
278
|
};
|
|
296
279
|
animate: {
|
|
297
|
-
type: PropType<
|
|
298
|
-
disabled?: boolean | undefined;
|
|
299
|
-
name: string;
|
|
300
|
-
direction: string;
|
|
301
|
-
} | undefined>;
|
|
280
|
+
type: PropType<ThemeConfig["animate"]>;
|
|
302
281
|
default: {
|
|
303
|
-
disabled?: boolean
|
|
282
|
+
disabled?: boolean;
|
|
304
283
|
name: string;
|
|
305
284
|
direction: string;
|
|
306
285
|
} | undefined;
|
|
307
286
|
};
|
|
308
287
|
primaryColor: {
|
|
309
|
-
type: PropType<
|
|
288
|
+
type: PropType<ThemeConfig["primaryColor"]>;
|
|
310
289
|
default: string;
|
|
311
290
|
};
|
|
312
291
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
2
|
import type { ThemeConfig } from '@gx-design-vue/pro-provider';
|
|
3
3
|
export interface RenderSetting {
|
|
4
4
|
headerRender?: false;
|
|
@@ -9,75 +9,71 @@ export interface RenderSetting {
|
|
|
9
9
|
export type ProSettings = ThemeConfig & RenderSetting;
|
|
10
10
|
export declare const defaultSettingProps: {
|
|
11
11
|
theme: {
|
|
12
|
-
type: PropType<
|
|
12
|
+
type: PropType<ThemeConfig["theme"]>;
|
|
13
13
|
default: import("@gx-design-vue/pro-provider/dist").ThemeType | undefined;
|
|
14
14
|
};
|
|
15
15
|
layout: {
|
|
16
|
-
type: PropType<"
|
|
16
|
+
type: PropType<ThemeConfig["layout"]>;
|
|
17
17
|
default: "top" | "side" | "mix" | "simple" | "wide";
|
|
18
18
|
};
|
|
19
19
|
wideWidth: {
|
|
20
|
-
type: PropType<
|
|
20
|
+
type: PropType<ThemeConfig["wideWidth"]>;
|
|
21
21
|
default: number | undefined;
|
|
22
22
|
};
|
|
23
23
|
splitMenus: {
|
|
24
|
-
type: PropType<
|
|
24
|
+
type: PropType<ThemeConfig["splitMenus"]>;
|
|
25
25
|
default: boolean;
|
|
26
26
|
};
|
|
27
27
|
fixedMultiTab: {
|
|
28
|
-
type: PropType<
|
|
28
|
+
type: PropType<ThemeConfig["fixedMultiTab"]>;
|
|
29
29
|
default: boolean;
|
|
30
30
|
};
|
|
31
31
|
showProgressBar: {
|
|
32
|
-
type: PropType<
|
|
32
|
+
type: PropType<ThemeConfig["showProgressBar"]>;
|
|
33
33
|
default: boolean;
|
|
34
34
|
};
|
|
35
35
|
fixedHeader: {
|
|
36
|
-
type: PropType<
|
|
36
|
+
type: PropType<ThemeConfig["fixedHeader"]>;
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
39
|
fixSiderbar: {
|
|
40
|
-
type: PropType<
|
|
40
|
+
type: PropType<ThemeConfig["fixSiderbar"]>;
|
|
41
41
|
default: boolean;
|
|
42
42
|
};
|
|
43
43
|
showTabsBar: {
|
|
44
|
-
type: PropType<
|
|
44
|
+
type: PropType<ThemeConfig["showTabsBar"]>;
|
|
45
45
|
default: boolean;
|
|
46
46
|
};
|
|
47
47
|
showFullScreen: {
|
|
48
|
-
type: PropType<
|
|
48
|
+
type: PropType<ThemeConfig["showFullScreen"]>;
|
|
49
49
|
default: boolean | undefined;
|
|
50
50
|
};
|
|
51
51
|
autoHideHeader: {
|
|
52
|
-
type: PropType<
|
|
52
|
+
type: PropType<ThemeConfig["autoHideHeader"]>;
|
|
53
53
|
default: boolean;
|
|
54
54
|
};
|
|
55
55
|
headerHeight: {
|
|
56
|
-
type: PropType<
|
|
56
|
+
type: PropType<ThemeConfig["headerHeight"]>;
|
|
57
57
|
default: number | undefined;
|
|
58
58
|
};
|
|
59
59
|
title: {
|
|
60
|
-
type: PropType<
|
|
60
|
+
type: PropType<ThemeConfig["title"]>;
|
|
61
61
|
default: string;
|
|
62
62
|
};
|
|
63
63
|
iconfontUrl: {
|
|
64
|
-
type: PropType<
|
|
64
|
+
type: PropType<ThemeConfig["iconfontUrl"]>;
|
|
65
65
|
default: string | undefined;
|
|
66
66
|
};
|
|
67
67
|
animate: {
|
|
68
|
-
type: PropType<
|
|
69
|
-
disabled?: boolean | undefined;
|
|
70
|
-
name: string;
|
|
71
|
-
direction: string;
|
|
72
|
-
} | undefined>;
|
|
68
|
+
type: PropType<ThemeConfig["animate"]>;
|
|
73
69
|
default: {
|
|
74
|
-
disabled?: boolean
|
|
70
|
+
disabled?: boolean;
|
|
75
71
|
name: string;
|
|
76
72
|
direction: string;
|
|
77
73
|
} | undefined;
|
|
78
74
|
};
|
|
79
75
|
primaryColor: {
|
|
80
|
-
type: PropType<
|
|
76
|
+
type: PropType<ThemeConfig["primaryColor"]>;
|
|
81
77
|
default: string;
|
|
82
78
|
};
|
|
83
79
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { InjectionKey, VNode
|
|
1
|
+
import type { DefineComponent, InjectionKey, VNode } from 'vue';
|
|
2
2
|
export type ContextType = any;
|
|
3
|
-
export type CreateContext = DefineComponent<
|
|
3
|
+
export type CreateContext = DefineComponent<object, () => VNode | VNode[] | undefined, any>;
|
|
4
4
|
export declare const createContext: (contextInjectKey?: InjectionKey<ContextType>, injectCompName?: string) => CreateContext;
|
|
5
5
|
export declare const useContext: <T>(contextInjectKey?: string | InjectionKey<ContextType>, defaultValue?: ContextType) => T;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import PageLoading from './PageLoading';
|
|
2
|
+
import BaseMenu from './components/SiderMenu/BaseMenu';
|
|
3
|
+
import SiderMenuWrapper from './components/SiderMenu';
|
|
4
4
|
import type { PageContainerProps } from './components/PageContainer';
|
|
5
5
|
import type { AnimateConfig } from './utils/animate';
|
|
6
6
|
import PageContainer from './components/PageContainer';
|
|
@@ -22,9 +22,10 @@ export { default as GlobalFooter } from './components/GlobalFooter';
|
|
|
22
22
|
export { default as SettingDrawer } from './components/SettingDrawer';
|
|
23
23
|
export { default as PageTranstion } from './components/PageTranstion';
|
|
24
24
|
export { WrapContent } from './WrapContent';
|
|
25
|
+
export type { MergerSettingsType } from './components/SettingDrawer';
|
|
25
26
|
export type { DefaultHeaderProps } from './components/GlobalHeader/DefaultHeader';
|
|
26
27
|
export type { GlobalFooterProps } from './components/GlobalFooter';
|
|
27
28
|
export type { ProSettings } from './defaultSettings';
|
|
28
29
|
export type { BasicLayoutProps } from './ProLayout';
|
|
29
|
-
export { GProLayout, BaseMenu, PageLoading, handleThemeConfig, SiderMenuWrapper, PageContainer
|
|
30
|
+
export { GProLayout, BaseMenu, PageLoading, handleThemeConfig, SiderMenuWrapper, PageContainer };
|
|
30
31
|
export type { PageContainerProps, AnimateConfig };
|