@gx-design-vue/pro-layout 0.1.0-beta.3 → 0.1.0-beta.31
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 +51 -23
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +6 -6
- package/dist/components/GlobalHeader/index.d.ts +4 -4
- package/dist/components/GlobalHeader/props.d.ts +4 -4
- package/dist/components/PageContainer/PageHeader.d.ts +12 -3
- package/dist/components/PageContainer/index.d.ts +37 -6
- package/dist/components/PageContainer/props.d.ts +16 -1
- package/dist/components/SiderMenu/BaseMenu.d.ts +14 -6
- package/dist/components/SiderMenu/SiderMenu.d.ts +12 -12
- package/dist/components/SiderMenu/index.d.ts +15 -15
- package/dist/components/SiderMenu/props.d.ts +12 -6
- package/dist/index.d.ts +3 -2
- package/dist/pro-layout.mjs +1695 -4514
- package/dist/pro-layout.umd.js +1 -19
- package/dist/props.d.ts +15 -2
- package/dist/route.d.ts +5 -11
- package/dist/utils/getMenuData.d.ts +2 -1
- package/dist/utils/index.d.ts +1 -0
- package/package.json +7 -7
package/dist/Context.d.ts
CHANGED
|
@@ -32,7 +32,6 @@ export type ProLayoutContextProps = {
|
|
|
32
32
|
theme: ComputedRef<ThemeConfig['theme']>;
|
|
33
33
|
usePageCard: Ref<BasicLayoutProps['usePageCard']>;
|
|
34
34
|
pageCardProps: Ref<BasicLayoutProps['pageCardProps']>;
|
|
35
|
-
pageHeaderRender: Ref<BasicLayoutProps['pageHeaderRender']>;
|
|
36
35
|
pageContentStyle: Ref<BasicLayoutProps['pageContentStyle']>;
|
|
37
36
|
waterMark: Ref<boolean>;
|
|
38
37
|
headerHeight: Ref<number>;
|
|
@@ -44,6 +43,7 @@ export type ProLayoutContextProps = {
|
|
|
44
43
|
hasSide: ComputedRef<boolean>;
|
|
45
44
|
flatMenu: ComputedRef<boolean>;
|
|
46
45
|
siderWidth: ComputedRef<number>;
|
|
46
|
+
pageHeaderRender: ComputedRef<BasicLayoutProps['pageHeaderRender']>;
|
|
47
47
|
[key: string]: any;
|
|
48
48
|
};
|
|
49
49
|
export declare const createRouteContext: () => import("./hooks/context").CreateContext;
|
package/dist/ProLayout.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { CSSProperties, ExtractPropTypes } from 'vue';
|
|
2
2
|
import type { CustomRender } from '@gx-design-vue/pro-utils';
|
|
3
3
|
import { basicLayoutProps } from './props';
|
|
4
|
-
import type { MenuContentRender, MenuFooterRender, MenuExtraRender, CopyrightRender, LinksRender, FooterRender, RightContentRender, HeaderLogoRender, ExtraRightDropdownRender } from './RenderTypings';
|
|
4
|
+
import type { MenuContentRender, MenuFooterRender, MenuExtraRender, CopyrightRender, LinksRender, FooterRender, RightContentRender, HeaderLogoRender, ExtraRightDropdownRender, DefaultPropRender } from './RenderTypings';
|
|
5
5
|
import type { BreadcrumbProps } from './Context';
|
|
6
|
-
import type { AppRouteModule } from './route';
|
|
7
6
|
export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>;
|
|
8
7
|
declare const _default: import("vue").DefineComponent<{
|
|
9
8
|
pure: BooleanConstructor;
|
|
@@ -50,14 +49,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
49
|
default: () => undefined;
|
|
51
50
|
};
|
|
52
51
|
menuData: {
|
|
53
|
-
type: import("vue").PropType<AppRouteModule[]>;
|
|
54
|
-
default: () => AppRouteModule[];
|
|
52
|
+
type: import("vue").PropType<import("./route").AppRouteModule[]>;
|
|
53
|
+
default: () => import("./route").AppRouteModule[];
|
|
54
|
+
};
|
|
55
|
+
levelMenuData: {
|
|
56
|
+
type: import("vue").PropType<import("./route").AppRouteModule[]>;
|
|
57
|
+
default: () => import("./route").AppRouteModule[];
|
|
55
58
|
};
|
|
56
59
|
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
57
60
|
pageHeaderRender: {
|
|
61
|
+
type: import("vue").PropType<DefaultPropRender>;
|
|
62
|
+
default: () => undefined;
|
|
63
|
+
};
|
|
64
|
+
contentRender: {
|
|
65
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
|
|
66
|
+
default: () => undefined;
|
|
67
|
+
};
|
|
68
|
+
breadcrumbRender: {
|
|
58
69
|
type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
|
|
59
70
|
default: () => undefined;
|
|
60
71
|
};
|
|
72
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
61
73
|
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
62
74
|
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
63
75
|
default: boolean;
|
|
@@ -87,10 +99,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
99
|
type: import("vue").PropType<() => void>;
|
|
88
100
|
};
|
|
89
101
|
onChangeTabs: {
|
|
90
|
-
type: import("vue").PropType<(list: AppRouteModule[]) => void>;
|
|
102
|
+
type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
|
|
91
103
|
};
|
|
92
104
|
'onUpdate:tabs': {
|
|
93
|
-
type: import("vue").PropType<(list: AppRouteModule[]) => void>;
|
|
105
|
+
type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
|
|
94
106
|
};
|
|
95
107
|
headerTitleRender: {
|
|
96
108
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
|
|
@@ -147,11 +159,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
147
159
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
148
160
|
};
|
|
149
161
|
onOpenKeys: {
|
|
150
|
-
type: import("vue").PropType<(openKeys:
|
|
162
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
151
163
|
};
|
|
152
164
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
153
165
|
onSelect: {
|
|
154
|
-
type: import("vue").PropType<(selectedKeys:
|
|
166
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
155
167
|
};
|
|
156
168
|
theme: {
|
|
157
169
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -266,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
266
278
|
};
|
|
267
279
|
menuItemRender: {
|
|
268
280
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
269
|
-
item: AppRouteModule;
|
|
281
|
+
item: import("./route").AppRouteModule;
|
|
270
282
|
title?: JSX.Element | undefined;
|
|
271
283
|
icon?: JSX.Element | undefined;
|
|
272
284
|
}) => CustomRender> | undefined>;
|
|
@@ -274,7 +286,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
274
286
|
};
|
|
275
287
|
subMenuItemRender: {
|
|
276
288
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
277
|
-
item: AppRouteModule;
|
|
289
|
+
item: import("./route").AppRouteModule;
|
|
278
290
|
children?: CustomRender[] | undefined;
|
|
279
291
|
}) => CustomRender> | undefined>;
|
|
280
292
|
default: () => boolean;
|
|
@@ -325,14 +337,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
325
337
|
default: () => undefined;
|
|
326
338
|
};
|
|
327
339
|
menuData: {
|
|
328
|
-
type: import("vue").PropType<AppRouteModule[]>;
|
|
329
|
-
default: () => AppRouteModule[];
|
|
340
|
+
type: import("vue").PropType<import("./route").AppRouteModule[]>;
|
|
341
|
+
default: () => import("./route").AppRouteModule[];
|
|
342
|
+
};
|
|
343
|
+
levelMenuData: {
|
|
344
|
+
type: import("vue").PropType<import("./route").AppRouteModule[]>;
|
|
345
|
+
default: () => import("./route").AppRouteModule[];
|
|
330
346
|
};
|
|
331
347
|
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
332
348
|
pageHeaderRender: {
|
|
349
|
+
type: import("vue").PropType<DefaultPropRender>;
|
|
350
|
+
default: () => undefined;
|
|
351
|
+
};
|
|
352
|
+
contentRender: {
|
|
353
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
|
|
354
|
+
default: () => undefined;
|
|
355
|
+
};
|
|
356
|
+
breadcrumbRender: {
|
|
333
357
|
type: import("vue").PropType<import("./RenderTypings").PageHeaderRender>;
|
|
334
358
|
default: () => undefined;
|
|
335
359
|
};
|
|
360
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
336
361
|
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
337
362
|
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
338
363
|
default: boolean;
|
|
@@ -362,10 +387,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
362
387
|
type: import("vue").PropType<() => void>;
|
|
363
388
|
};
|
|
364
389
|
onChangeTabs: {
|
|
365
|
-
type: import("vue").PropType<(list: AppRouteModule[]) => void>;
|
|
390
|
+
type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
|
|
366
391
|
};
|
|
367
392
|
'onUpdate:tabs': {
|
|
368
|
-
type: import("vue").PropType<(list: AppRouteModule[]) => void>;
|
|
393
|
+
type: import("vue").PropType<(list: import("./route").AppRouteModule[]) => void>;
|
|
369
394
|
};
|
|
370
395
|
headerTitleRender: {
|
|
371
396
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
|
|
@@ -422,11 +447,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
422
447
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
423
448
|
};
|
|
424
449
|
onOpenKeys: {
|
|
425
|
-
type: import("vue").PropType<(openKeys:
|
|
450
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
426
451
|
};
|
|
427
452
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
428
453
|
onSelect: {
|
|
429
|
-
type: import("vue").PropType<(selectedKeys:
|
|
454
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
430
455
|
};
|
|
431
456
|
theme: {
|
|
432
457
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -541,7 +566,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
541
566
|
};
|
|
542
567
|
menuItemRender: {
|
|
543
568
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
544
|
-
item: AppRouteModule;
|
|
569
|
+
item: import("./route").AppRouteModule;
|
|
545
570
|
title?: JSX.Element | undefined;
|
|
546
571
|
icon?: JSX.Element | undefined;
|
|
547
572
|
}) => CustomRender> | undefined>;
|
|
@@ -549,7 +574,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
549
574
|
};
|
|
550
575
|
subMenuItemRender: {
|
|
551
576
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
552
|
-
item: AppRouteModule;
|
|
577
|
+
item: import("./route").AppRouteModule;
|
|
553
578
|
children?: CustomRender[] | undefined;
|
|
554
579
|
}) => CustomRender> | undefined>;
|
|
555
580
|
default: () => boolean;
|
|
@@ -557,12 +582,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
557
582
|
onClick: import("vue").PropType<(...args: any) => void>;
|
|
558
583
|
}>> & {
|
|
559
584
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
585
|
+
onOpenKeys?: ((...args: any[]) => any) | undefined;
|
|
560
586
|
onCollapse?: ((...args: any[]) => any) | undefined;
|
|
561
587
|
onReloadPage?: ((...args: any[]) => any) | undefined;
|
|
562
588
|
onChangeTabs?: ((...args: any[]) => any) | undefined;
|
|
563
589
|
onMenuHeaderClick?: ((...args: any[]) => any) | undefined;
|
|
564
590
|
onMenuClick?: ((...args: any[]) => any) | undefined;
|
|
565
|
-
onOpenKeys?: ((...args: any[]) => any) | undefined;
|
|
566
591
|
"onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
|
|
567
592
|
"onUpdate:open-keys"?: ((...args: any[]) => any) | undefined;
|
|
568
593
|
"onUpdate:selected-keys"?: ((...args: any[]) => any) | undefined;
|
|
@@ -589,25 +614,25 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
589
614
|
primaryColor: string;
|
|
590
615
|
menuHeaderRender: HeaderLogoRender;
|
|
591
616
|
menuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
592
|
-
item: AppRouteModule;
|
|
617
|
+
item: import("./route").AppRouteModule;
|
|
593
618
|
title?: JSX.Element | undefined;
|
|
594
619
|
icon?: JSX.Element | undefined;
|
|
595
620
|
}) => CustomRender> | undefined;
|
|
596
621
|
subMenuItemRender: import("@gx-design-vue/pro-utils").WithFalse<(args: {
|
|
597
|
-
item: AppRouteModule;
|
|
622
|
+
item: import("./route").AppRouteModule;
|
|
598
623
|
children?: CustomRender[] | undefined;
|
|
599
624
|
}) => CustomRender> | undefined;
|
|
600
625
|
mode: import("ant-design-vue").MenuMode;
|
|
601
|
-
menuData: AppRouteModule[];
|
|
626
|
+
menuData: import("./route").AppRouteModule[];
|
|
602
627
|
openKeys: boolean | string[];
|
|
603
628
|
selectedKeys: string[];
|
|
604
629
|
menuProps: Record<string, any>;
|
|
605
630
|
breadcrumb: BreadcrumbProps;
|
|
606
631
|
usePageCard: boolean;
|
|
607
|
-
pageHeaderRender: import("./RenderTypings").PageHeaderRender;
|
|
608
632
|
waterMark: boolean;
|
|
609
633
|
disableMobile: boolean;
|
|
610
634
|
siderWidth: number;
|
|
635
|
+
pageHeaderRender: DefaultPropRender;
|
|
611
636
|
collapsedWidth: number;
|
|
612
637
|
breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
|
|
613
638
|
isFixedMultiTab: boolean;
|
|
@@ -632,5 +657,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
632
657
|
footerLinks: import("./components/GlobalFooter").Links;
|
|
633
658
|
copyrightRender: CopyrightRender;
|
|
634
659
|
footerRender: FooterRender;
|
|
660
|
+
levelMenuData: import("./route").AppRouteModule[];
|
|
661
|
+
contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
|
|
662
|
+
breadcrumbRender: import("./RenderTypings").PageHeaderRender;
|
|
635
663
|
}>;
|
|
636
664
|
export default _default;
|
|
@@ -55,11 +55,11 @@ export declare const defaultHeaderProps: {
|
|
|
55
55
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
56
56
|
};
|
|
57
57
|
onOpenKeys: {
|
|
58
|
-
type: import("vue").PropType<(openKeys:
|
|
58
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
59
59
|
};
|
|
60
60
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
61
61
|
onSelect: {
|
|
62
|
-
type: import("vue").PropType<(selectedKeys:
|
|
62
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
63
63
|
};
|
|
64
64
|
theme: {
|
|
65
65
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -249,11 +249,11 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
249
249
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
250
250
|
};
|
|
251
251
|
onOpenKeys: {
|
|
252
|
-
type: import("vue").PropType<(openKeys:
|
|
252
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
253
253
|
};
|
|
254
254
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
255
255
|
onSelect: {
|
|
256
|
-
type: import("vue").PropType<(selectedKeys:
|
|
256
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
257
257
|
};
|
|
258
258
|
theme: {
|
|
259
259
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -441,11 +441,11 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
441
441
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
442
442
|
};
|
|
443
443
|
onOpenKeys: {
|
|
444
|
-
type: import("vue").PropType<(openKeys:
|
|
444
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
445
445
|
};
|
|
446
446
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
447
447
|
onSelect: {
|
|
448
|
-
type: import("vue").PropType<(selectedKeys:
|
|
448
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
449
449
|
};
|
|
450
450
|
theme: {
|
|
451
451
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -71,11 +71,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
71
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
72
72
|
};
|
|
73
73
|
onOpenKeys: {
|
|
74
|
-
type: import("vue").PropType<(openKeys:
|
|
74
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
75
75
|
};
|
|
76
76
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
77
77
|
onSelect: {
|
|
78
|
-
type: import("vue").PropType<(selectedKeys:
|
|
78
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
79
79
|
};
|
|
80
80
|
theme: {
|
|
81
81
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -217,11 +217,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
217
217
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
218
218
|
};
|
|
219
219
|
onOpenKeys: {
|
|
220
|
-
type: import("vue").PropType<(openKeys:
|
|
220
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
221
221
|
};
|
|
222
222
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
223
223
|
onSelect: {
|
|
224
|
-
type: import("vue").PropType<(selectedKeys:
|
|
224
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
225
225
|
};
|
|
226
226
|
theme: {
|
|
227
227
|
type: import("vue").PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
|
|
@@ -58,11 +58,11 @@ export declare const globalHeaderProps: {
|
|
|
58
58
|
type: PropType<(collapsed: boolean) => void>;
|
|
59
59
|
};
|
|
60
60
|
onOpenKeys: {
|
|
61
|
-
type: PropType<(openKeys:
|
|
61
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
62
62
|
};
|
|
63
63
|
onMenuHeaderClick: PropType<Function>;
|
|
64
64
|
onSelect: {
|
|
65
|
-
type: PropType<(selectedKeys:
|
|
65
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
66
66
|
};
|
|
67
67
|
theme: {
|
|
68
68
|
type: PropType<ThemeType | undefined>;
|
|
@@ -205,11 +205,11 @@ export declare const headerViewProps: {
|
|
|
205
205
|
type: PropType<(collapsed: boolean) => void>;
|
|
206
206
|
};
|
|
207
207
|
onOpenKeys: {
|
|
208
|
-
type: PropType<(openKeys:
|
|
208
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
209
209
|
};
|
|
210
210
|
onMenuHeaderClick: PropType<Function>;
|
|
211
211
|
onSelect: {
|
|
212
|
-
type: PropType<(selectedKeys:
|
|
212
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
213
213
|
};
|
|
214
214
|
theme: {
|
|
215
215
|
type: PropType<ThemeType | undefined>;
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
|
|
2
|
+
content: {
|
|
3
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
4
|
+
default: () => undefined;
|
|
5
|
+
};
|
|
6
|
+
breadcrumb: {
|
|
3
7
|
type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
|
|
4
8
|
default: () => undefined;
|
|
5
9
|
};
|
|
6
10
|
}, () => 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<import("vue").ExtractPropTypes<{
|
|
7
|
-
|
|
11
|
+
content: {
|
|
12
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
13
|
+
default: () => undefined;
|
|
14
|
+
};
|
|
15
|
+
breadcrumb: {
|
|
8
16
|
type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
|
|
9
17
|
default: () => undefined;
|
|
10
18
|
};
|
|
11
19
|
}>>, {
|
|
12
|
-
|
|
20
|
+
content: import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
|
|
21
|
+
breadcrumb: import("../../RenderTypings").PageHeaderRender;
|
|
13
22
|
}>;
|
|
14
23
|
export default _default;
|
|
@@ -1,12 +1,26 @@
|
|
|
1
|
-
import type { ExtractPropTypes } from 'vue';
|
|
1
|
+
import type { ExtractPropTypes, CSSProperties } from 'vue';
|
|
2
2
|
import { pageContainerProps } from './props';
|
|
3
3
|
export type PageContainerProps = Partial<ExtractPropTypes<typeof pageContainerProps>>;
|
|
4
4
|
declare const PageContainer: import("vue").DefineComponent<{
|
|
5
5
|
pageHeaderRender: {
|
|
6
|
+
type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
|
|
7
|
+
default: () => undefined;
|
|
8
|
+
};
|
|
9
|
+
contentRender: {
|
|
10
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
|
|
11
|
+
default: () => undefined;
|
|
12
|
+
};
|
|
13
|
+
breadcrumbRender: {
|
|
6
14
|
type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
|
|
7
15
|
default: () => undefined;
|
|
8
16
|
};
|
|
9
|
-
|
|
17
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
18
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
19
|
+
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
20
|
+
default: boolean;
|
|
21
|
+
} & {
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
10
24
|
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
11
25
|
default: boolean;
|
|
12
26
|
} & {
|
|
@@ -19,14 +33,28 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
19
33
|
};
|
|
20
34
|
pageCardProps: import("vue").PropType<{
|
|
21
35
|
loading: boolean;
|
|
22
|
-
bodyStyle:
|
|
36
|
+
bodyStyle: CSSProperties;
|
|
23
37
|
}>;
|
|
24
38
|
}, () => 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<{
|
|
25
39
|
pageHeaderRender: {
|
|
40
|
+
type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
|
|
41
|
+
default: () => undefined;
|
|
42
|
+
};
|
|
43
|
+
contentRender: {
|
|
44
|
+
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
|
|
45
|
+
default: () => undefined;
|
|
46
|
+
};
|
|
47
|
+
breadcrumbRender: {
|
|
26
48
|
type: import("vue").PropType<import("../../RenderTypings").PageHeaderRender>;
|
|
27
49
|
default: () => undefined;
|
|
28
50
|
};
|
|
29
|
-
|
|
51
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
52
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
53
|
+
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
54
|
+
default: boolean;
|
|
55
|
+
} & {
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
30
58
|
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
31
59
|
default: boolean;
|
|
32
60
|
} & {
|
|
@@ -39,11 +67,14 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
39
67
|
};
|
|
40
68
|
pageCardProps: import("vue").PropType<{
|
|
41
69
|
loading: boolean;
|
|
42
|
-
bodyStyle:
|
|
70
|
+
bodyStyle: CSSProperties;
|
|
43
71
|
}>;
|
|
44
72
|
}>>, {
|
|
45
73
|
usePageCard: boolean;
|
|
46
|
-
pageHeaderRender: import("../../RenderTypings").PageHeaderRender;
|
|
47
74
|
waterMark: boolean;
|
|
75
|
+
pageHeaderRender: import("../../RenderTypings").DefaultPropRender;
|
|
76
|
+
loading: boolean;
|
|
77
|
+
contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
|
|
78
|
+
breadcrumbRender: import("../../RenderTypings").PageHeaderRender;
|
|
48
79
|
}>;
|
|
49
80
|
export default PageContainer;
|
|
@@ -1,11 +1,26 @@
|
|
|
1
1
|
import type { PropType, CSSProperties } from 'vue';
|
|
2
|
-
import type {
|
|
2
|
+
import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
|
|
3
|
+
import type { DefaultPropRender, PageHeaderRender } from '../../RenderTypings';
|
|
3
4
|
export declare const pageContainerProps: {
|
|
4
5
|
pageHeaderRender: {
|
|
6
|
+
type: PropType<DefaultPropRender>;
|
|
7
|
+
default: () => undefined;
|
|
8
|
+
};
|
|
9
|
+
contentRender: {
|
|
10
|
+
type: PropType<WithFalse<() => CustomRender>>;
|
|
11
|
+
default: () => undefined;
|
|
12
|
+
};
|
|
13
|
+
breadcrumbRender: {
|
|
5
14
|
type: PropType<PageHeaderRender>;
|
|
6
15
|
default: () => undefined;
|
|
7
16
|
};
|
|
17
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
8
18
|
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
19
|
+
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
20
|
+
default: boolean;
|
|
21
|
+
} & {
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
9
24
|
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
10
25
|
default: boolean;
|
|
11
26
|
} & {
|
|
@@ -63,6 +63,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
63
63
|
default: () => boolean;
|
|
64
64
|
};
|
|
65
65
|
onClick: PropType<(...args: any) => void>;
|
|
66
|
+
onOpenKeys: {
|
|
67
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
68
|
+
};
|
|
69
|
+
onSelect: {
|
|
70
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
71
|
+
};
|
|
66
72
|
wideWidth: {
|
|
67
73
|
type: PropType<number | undefined>;
|
|
68
74
|
default: number | undefined;
|
|
@@ -127,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
127
133
|
type: PropType<string>;
|
|
128
134
|
default: string;
|
|
129
135
|
};
|
|
130
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
136
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
131
137
|
mode: {
|
|
132
138
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
133
139
|
default: string;
|
|
@@ -176,6 +182,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
176
182
|
default: () => boolean;
|
|
177
183
|
};
|
|
178
184
|
onClick: PropType<(...args: any) => void>;
|
|
185
|
+
onOpenKeys: {
|
|
186
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
187
|
+
};
|
|
188
|
+
onSelect: {
|
|
189
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
190
|
+
};
|
|
179
191
|
wideWidth: {
|
|
180
192
|
type: PropType<number | undefined>;
|
|
181
193
|
default: number | undefined;
|
|
@@ -240,11 +252,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
240
252
|
type: PropType<string>;
|
|
241
253
|
default: string;
|
|
242
254
|
};
|
|
243
|
-
}
|
|
244
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
245
|
-
"onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
|
|
246
|
-
"onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
|
|
247
|
-
}, {
|
|
255
|
+
}>>, {
|
|
248
256
|
title: string;
|
|
249
257
|
animate: {
|
|
250
258
|
disabled?: boolean | undefined;
|
|
@@ -77,12 +77,6 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
77
77
|
onCollapse: {
|
|
78
78
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
79
79
|
};
|
|
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
80
|
mode: {
|
|
87
81
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
88
82
|
default: string;
|
|
@@ -131,6 +125,12 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
131
125
|
default: () => boolean;
|
|
132
126
|
};
|
|
133
127
|
onClick: import("vue").PropType<(...args: any) => void>;
|
|
128
|
+
onOpenKeys: {
|
|
129
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
130
|
+
};
|
|
131
|
+
onSelect: {
|
|
132
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
133
|
+
};
|
|
134
134
|
wideWidth: {
|
|
135
135
|
type: import("vue").PropType<number | undefined>;
|
|
136
136
|
default: number | undefined;
|
|
@@ -262,12 +262,6 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
262
262
|
onCollapse: {
|
|
263
263
|
type: import("vue").PropType<(collapsed: boolean) => void>;
|
|
264
264
|
};
|
|
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
265
|
mode: {
|
|
272
266
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
273
267
|
default: string;
|
|
@@ -316,6 +310,12 @@ declare const SiderMenu: import("vue").DefineComponent<{
|
|
|
316
310
|
default: () => boolean;
|
|
317
311
|
};
|
|
318
312
|
onClick: import("vue").PropType<(...args: any) => void>;
|
|
313
|
+
onOpenKeys: {
|
|
314
|
+
type: import("vue").PropType<(openKeys: string[]) => void>;
|
|
315
|
+
};
|
|
316
|
+
onSelect: {
|
|
317
|
+
type: import("vue").PropType<(selectedKeys: string[]) => void>;
|
|
318
|
+
};
|
|
319
319
|
wideWidth: {
|
|
320
320
|
type: import("vue").PropType<number | undefined>;
|
|
321
321
|
default: number | undefined;
|
|
@@ -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,7 +83,7 @@ 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").ThemeType>;
|
|
93
87
|
default: string;
|
|
94
88
|
};
|
|
95
89
|
layout: {
|
|
@@ -128,6 +122,12 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
128
122
|
default: () => boolean;
|
|
129
123
|
};
|
|
130
124
|
onClick: PropType<(...args: any) => void>;
|
|
125
|
+
onOpenKeys: {
|
|
126
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
127
|
+
};
|
|
128
|
+
onSelect: {
|
|
129
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
130
|
+
};
|
|
131
131
|
wideWidth: {
|
|
132
132
|
type: PropType<number | undefined>;
|
|
133
133
|
default: number | undefined;
|
|
@@ -259,12 +259,6 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
259
259
|
onCollapse: {
|
|
260
260
|
type: PropType<(collapsed: boolean) => void>;
|
|
261
261
|
};
|
|
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
262
|
mode: {
|
|
269
263
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
270
264
|
default: string;
|
|
@@ -274,7 +268,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
274
268
|
default: () => never[];
|
|
275
269
|
};
|
|
276
270
|
theme: {
|
|
277
|
-
type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
|
|
271
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeType>;
|
|
278
272
|
default: string;
|
|
279
273
|
};
|
|
280
274
|
layout: {
|
|
@@ -313,6 +307,12 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
313
307
|
default: () => boolean;
|
|
314
308
|
};
|
|
315
309
|
onClick: PropType<(...args: any) => void>;
|
|
310
|
+
onOpenKeys: {
|
|
311
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
312
|
+
};
|
|
313
|
+
onSelect: {
|
|
314
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
315
|
+
};
|
|
316
316
|
wideWidth: {
|
|
317
317
|
type: PropType<number | undefined>;
|
|
318
318
|
default: number | undefined;
|
|
@@ -381,7 +381,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
381
381
|
name: string;
|
|
382
382
|
direction: string;
|
|
383
383
|
} | undefined;
|
|
384
|
-
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
384
|
+
theme: import("@gx-design-vue/pro-provider/dist").ThemeType;
|
|
385
385
|
layout: "side" | "mix" | "simple" | "wide";
|
|
386
386
|
wideWidth: number | undefined;
|
|
387
387
|
splitMenus: boolean;
|