@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,12 +1,13 @@
1
1
  import type { ExtractPropTypes } from 'vue';
2
2
  import type { CustomRender } from '@gx-design-vue/pro-utils';
3
+ import type { MenuTheme } from '@gx-design-vue/pro-provider';
3
4
  import { siderMenuProps } from './props';
4
5
  export type SiderMenuProps = Partial<ExtractPropTypes<typeof siderMenuProps>>;
5
6
  export type PrivateSiderMenuProps = {
6
7
  matchMenuKeys?: string[];
7
8
  };
8
9
  export declare const defaultRenderCollapsedButton: (collapsed?: boolean) => CustomRender;
9
- declare const SiderMenu: import("vue").DefineComponent<{
10
+ declare const SiderMenu: import("vue").DefineComponent<ExtractPropTypes<{
10
11
  menuLoading: import("vue-types").VueTypeValidableDef<boolean>;
11
12
  logo: {
12
13
  type: import("vue").PropType<CustomRender>;
@@ -56,11 +57,11 @@ declare const SiderMenu: import("vue").DefineComponent<{
56
57
  default: () => boolean;
57
58
  };
58
59
  collapsedButtonRender: {
59
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
60
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean) => CustomRender>>;
60
61
  default: () => undefined;
61
62
  };
62
63
  breakpoint: {
63
- type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
64
+ type: import("vue").PropType<import("./typings").SiderProps["breakpoint"] | false>;
64
65
  default: () => boolean;
65
66
  };
66
67
  isMobile: import("vue-types").VueTypeValidableDef<boolean>;
@@ -77,12 +78,6 @@ declare const SiderMenu: import("vue").DefineComponent<{
77
78
  onCollapse: {
78
79
  type: import("vue").PropType<(collapsed: boolean) => void>;
79
80
  };
80
- onOpenKeys: {
81
- type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
82
- };
83
- onSelect: {
84
- type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
85
- };
86
81
  mode: {
87
82
  type: import("vue").PropType<import("ant-design-vue").MenuMode>;
88
83
  default: string;
@@ -92,11 +87,11 @@ declare const SiderMenu: import("vue").DefineComponent<{
92
87
  default: () => never[];
93
88
  };
94
89
  theme: {
95
- type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
90
+ type: import("vue").PropType<MenuTheme>;
96
91
  default: string;
97
92
  };
98
93
  layout: {
99
- type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
94
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
100
95
  default: string;
101
96
  };
102
97
  collapsed: {
@@ -104,7 +99,7 @@ declare const SiderMenu: import("vue").DefineComponent<{
104
99
  default: () => boolean;
105
100
  };
106
101
  openKeys: {
107
- type: import("vue").PropType<boolean | string[]>;
102
+ type: import("vue").PropType<string[] | boolean>;
108
103
  default: () => never[];
109
104
  };
110
105
  selectedKeys: {
@@ -116,82 +111,77 @@ declare const SiderMenu: import("vue").DefineComponent<{
116
111
  default: () => null;
117
112
  };
118
113
  menuItemRender: {
119
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
120
- item: import("../..").AppRouteModule;
121
- title?: JSX.Element | undefined;
122
- icon?: JSX.Element | undefined;
123
- }) => CustomRender> | undefined>;
124
- default: () => boolean;
114
+ type: import("vue").PropType<import("./BaseMenu").CustomMenuRender["menuItemRender"]>;
115
+ default: () => undefined;
125
116
  };
126
117
  subMenuItemRender: {
127
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
128
- item: import("../..").AppRouteModule;
129
- children?: CustomRender[] | undefined;
130
- }) => CustomRender> | undefined>;
131
- default: () => boolean;
118
+ type: import("vue").PropType<import("./BaseMenu").CustomMenuRender["subMenuItemRender"]>;
119
+ default: () => undefined;
132
120
  };
133
121
  onClick: import("vue").PropType<(...args: any) => void>;
122
+ onOpenKeys: {
123
+ type: import("vue").PropType<(openKeys: string[]) => void>;
124
+ };
125
+ onSelect: {
126
+ type: import("vue").PropType<(selectedKeys: string[]) => void>;
127
+ };
134
128
  wideWidth: {
135
- type: import("vue").PropType<number | undefined>;
129
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["wideWidth"]>;
136
130
  default: number | undefined;
137
131
  };
138
132
  splitMenus: {
139
- type: import("vue").PropType<boolean>;
133
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
140
134
  default: boolean;
141
135
  };
142
136
  fixedMultiTab: {
143
- type: import("vue").PropType<boolean>;
137
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
144
138
  default: boolean;
145
139
  };
146
140
  showProgressBar: {
147
- type: import("vue").PropType<boolean>;
141
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
148
142
  default: boolean;
149
143
  };
150
144
  fixedHeader: {
151
- type: import("vue").PropType<boolean>;
145
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
152
146
  default: boolean;
153
147
  };
154
148
  fixSiderbar: {
155
- type: import("vue").PropType<boolean>;
149
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
156
150
  default: boolean;
157
151
  };
158
152
  showTabsBar: {
159
- type: import("vue").PropType<boolean>;
153
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
160
154
  default: boolean;
161
155
  };
162
156
  showFullScreen: {
163
- type: import("vue").PropType<boolean | undefined>;
157
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showFullScreen"]>;
164
158
  default: boolean | undefined;
165
159
  };
166
160
  autoHideHeader: {
167
- type: import("vue").PropType<boolean>;
161
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["autoHideHeader"]>;
168
162
  default: boolean;
169
163
  };
170
164
  title: {
171
- type: import("vue").PropType<string>;
165
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
172
166
  default: string;
173
167
  };
174
168
  iconfontUrl: {
175
- type: import("vue").PropType<string | undefined>;
169
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["iconfontUrl"]>;
176
170
  default: string | undefined;
177
171
  };
178
172
  animate: {
179
- type: import("vue").PropType<{
180
- disabled?: boolean | undefined;
181
- name: string;
182
- direction: string;
183
- } | undefined>;
173
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["animate"]>;
184
174
  default: {
185
- disabled?: boolean | undefined;
175
+ disabled?: boolean;
186
176
  name: string;
187
177
  direction: string;
188
178
  } | undefined;
189
179
  };
190
180
  primaryColor: {
191
- type: import("vue").PropType<string>;
181
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["primaryColor"]>;
192
182
  default: string;
193
183
  };
194
- }, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
184
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
195
185
  menuLoading: import("vue-types").VueTypeValidableDef<boolean>;
196
186
  logo: {
197
187
  type: import("vue").PropType<CustomRender>;
@@ -241,11 +231,11 @@ declare const SiderMenu: import("vue").DefineComponent<{
241
231
  default: () => boolean;
242
232
  };
243
233
  collapsedButtonRender: {
244
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>>;
234
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean) => CustomRender>>;
245
235
  default: () => undefined;
246
236
  };
247
237
  breakpoint: {
248
- type: import("vue").PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
238
+ type: import("vue").PropType<import("./typings").SiderProps["breakpoint"] | false>;
249
239
  default: () => boolean;
250
240
  };
251
241
  isMobile: import("vue-types").VueTypeValidableDef<boolean>;
@@ -262,12 +252,6 @@ declare const SiderMenu: import("vue").DefineComponent<{
262
252
  onCollapse: {
263
253
  type: import("vue").PropType<(collapsed: boolean) => void>;
264
254
  };
265
- onOpenKeys: {
266
- type: import("vue").PropType<(openKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
267
- };
268
- onSelect: {
269
- type: import("vue").PropType<(selectedKeys: import("@gx-design-vue/pro-utils").WithFalse<string[]>) => void>;
270
- };
271
255
  mode: {
272
256
  type: import("vue").PropType<import("ant-design-vue").MenuMode>;
273
257
  default: string;
@@ -277,11 +261,11 @@ declare const SiderMenu: import("vue").DefineComponent<{
277
261
  default: () => never[];
278
262
  };
279
263
  theme: {
280
- type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType>;
264
+ type: import("vue").PropType<MenuTheme>;
281
265
  default: string;
282
266
  };
283
267
  layout: {
284
- type: import("vue").PropType<"side" | "mix" | "simple" | "wide">;
268
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
285
269
  default: string;
286
270
  };
287
271
  collapsed: {
@@ -289,7 +273,7 @@ declare const SiderMenu: import("vue").DefineComponent<{
289
273
  default: () => boolean;
290
274
  };
291
275
  openKeys: {
292
- type: import("vue").PropType<boolean | string[]>;
276
+ type: import("vue").PropType<string[] | boolean>;
293
277
  default: () => never[];
294
278
  };
295
279
  selectedKeys: {
@@ -301,120 +285,115 @@ declare const SiderMenu: import("vue").DefineComponent<{
301
285
  default: () => null;
302
286
  };
303
287
  menuItemRender: {
304
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
305
- item: import("../..").AppRouteModule;
306
- title?: JSX.Element | undefined;
307
- icon?: JSX.Element | undefined;
308
- }) => CustomRender> | undefined>;
309
- default: () => boolean;
288
+ type: import("vue").PropType<import("./BaseMenu").CustomMenuRender["menuItemRender"]>;
289
+ default: () => undefined;
310
290
  };
311
291
  subMenuItemRender: {
312
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
313
- item: import("../..").AppRouteModule;
314
- children?: CustomRender[] | undefined;
315
- }) => CustomRender> | undefined>;
316
- default: () => boolean;
292
+ type: import("vue").PropType<import("./BaseMenu").CustomMenuRender["subMenuItemRender"]>;
293
+ default: () => undefined;
317
294
  };
318
295
  onClick: import("vue").PropType<(...args: any) => void>;
296
+ onOpenKeys: {
297
+ type: import("vue").PropType<(openKeys: string[]) => void>;
298
+ };
299
+ onSelect: {
300
+ type: import("vue").PropType<(selectedKeys: string[]) => void>;
301
+ };
319
302
  wideWidth: {
320
- type: import("vue").PropType<number | undefined>;
303
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["wideWidth"]>;
321
304
  default: number | undefined;
322
305
  };
323
306
  splitMenus: {
324
- type: import("vue").PropType<boolean>;
307
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
325
308
  default: boolean;
326
309
  };
327
310
  fixedMultiTab: {
328
- type: import("vue").PropType<boolean>;
311
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
329
312
  default: boolean;
330
313
  };
331
314
  showProgressBar: {
332
- type: import("vue").PropType<boolean>;
315
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
333
316
  default: boolean;
334
317
  };
335
318
  fixedHeader: {
336
- type: import("vue").PropType<boolean>;
319
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
337
320
  default: boolean;
338
321
  };
339
322
  fixSiderbar: {
340
- type: import("vue").PropType<boolean>;
323
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
341
324
  default: boolean;
342
325
  };
343
326
  showTabsBar: {
344
- type: import("vue").PropType<boolean>;
327
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
345
328
  default: boolean;
346
329
  };
347
330
  showFullScreen: {
348
- type: import("vue").PropType<boolean | undefined>;
331
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showFullScreen"]>;
349
332
  default: boolean | undefined;
350
333
  };
351
334
  autoHideHeader: {
352
- type: import("vue").PropType<boolean>;
335
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["autoHideHeader"]>;
353
336
  default: boolean;
354
337
  };
355
338
  title: {
356
- type: import("vue").PropType<string>;
339
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
357
340
  default: string;
358
341
  };
359
342
  iconfontUrl: {
360
- type: import("vue").PropType<string | undefined>;
343
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["iconfontUrl"]>;
361
344
  default: string | undefined;
362
345
  };
363
346
  animate: {
364
- type: import("vue").PropType<{
365
- disabled?: boolean | undefined;
366
- name: string;
367
- direction: string;
368
- } | undefined>;
347
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["animate"]>;
369
348
  default: {
370
- disabled?: boolean | undefined;
349
+ disabled?: boolean;
371
350
  name: string;
372
351
  direction: string;
373
352
  } | undefined;
374
353
  };
375
354
  primaryColor: {
376
- type: import("vue").PropType<string>;
355
+ type: import("vue").PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["primaryColor"]>;
377
356
  default: string;
378
357
  };
379
- }>>, {
380
- links: import("../../RenderTypings").LinksRender;
358
+ }>> & Readonly<{}>, {
359
+ selectedKeys: string[];
360
+ openKeys: boolean | string[];
361
+ menuData: import("../..").AppRouteModule[];
362
+ layout: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
363
+ theme: import("@gx-design-vue/pro-provider/dist").ThemeType;
364
+ splitMenus: boolean;
365
+ headerHeight: number;
366
+ fixSiderbar: boolean;
367
+ fixedHeader: boolean;
368
+ siderWidth: number;
381
369
  title: string;
382
- animate: {
383
- disabled?: boolean | undefined;
384
- name: string;
385
- direction: string;
386
- } | undefined;
387
- theme: import("@gx-design-vue/pro-provider").ThemeType;
388
- layout: "side" | "mix" | "simple" | "wide";
370
+ links: import("../../RenderTypings").LinksRender;
389
371
  wideWidth: number | undefined;
390
- splitMenus: boolean;
391
372
  fixedMultiTab: boolean;
392
373
  showProgressBar: boolean;
393
- fixedHeader: boolean;
394
- fixSiderbar: boolean;
395
374
  showTabsBar: boolean;
396
375
  showFullScreen: boolean | undefined;
397
376
  autoHideHeader: boolean;
398
- headerHeight: number;
399
377
  iconfontUrl: string | undefined;
378
+ animate: {
379
+ disabled?: boolean;
380
+ name: string;
381
+ direction: string;
382
+ } | undefined;
400
383
  primaryColor: string;
401
384
  menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
402
- menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
385
+ menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
403
386
  item: import("../..").AppRouteModule;
404
- title?: JSX.Element | undefined;
405
- icon?: JSX.Element | undefined;
387
+ title?: JSX.Element;
388
+ icon?: JSX.Element;
406
389
  }) => CustomRender> | undefined;
407
- subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
390
+ subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
408
391
  item: import("../..").AppRouteModule;
409
- children?: CustomRender[] | undefined;
392
+ children?: CustomRender[];
410
393
  }) => CustomRender> | undefined;
411
394
  mode: import("ant-design-vue").MenuMode;
412
- menuData: import("../..").AppRouteModule[];
413
395
  collapsed: boolean | undefined;
414
- openKeys: boolean | string[];
415
- selectedKeys: string[];
416
396
  menuProps: Record<string, any>;
417
- siderWidth: number;
418
397
  collapsedWidth: number;
419
398
  breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
420
399
  logo: CustomRender;
@@ -424,8 +403,8 @@ declare const SiderMenu: import("vue").DefineComponent<{
424
403
  menuFooterRender: import("../../RenderTypings").MenuFooterRender;
425
404
  menuContentRender: import("../../RenderTypings").MenuContentRender;
426
405
  menuExtraRender: import("../../RenderTypings").MenuExtraRender;
427
- collapsedButtonRender: import("@gx-design-vue/pro-utils").WithFalse<(collapsed?: boolean | undefined) => CustomRender>;
406
+ collapsedButtonRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean) => CustomRender>;
428
407
  matchMenuKeys: string[];
429
408
  onMenuClick: (...args: any[]) => any;
430
- }>;
409
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
431
410
  export default SiderMenu;