@gx-design-vue/pro-layout 0.1.0-beta.6 → 0.1.0-beta.61

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