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