@gx-design-vue/pro-layout 0.1.0-beta.35 → 0.1.0-beta.37
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 +9 -8
- package/dist/ProLayout.d.ts +47 -38
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +11 -11
- package/dist/components/GlobalHeader/index.d.ts +10 -10
- package/dist/components/LogoContent/index.d.ts +1 -1
- package/dist/components/MultiTab/index.d.ts +2 -2
- package/dist/components/PageContainer/index.d.ts +35 -26
- package/dist/components/PageContainer/props.d.ts +98 -15
- package/dist/components/SettingDrawer/BlockCheckbox.d.ts +1 -1
- package/dist/components/SettingDrawer/RegionalChange.d.ts +1 -1
- package/dist/components/SettingDrawer/ThemeColor.d.ts +1 -1
- package/dist/components/SiderMenu/BaseMenu.d.ts +9 -9
- package/dist/components/SiderMenu/SiderMenu.d.ts +11 -11
- package/dist/components/SiderMenu/index.d.ts +11 -11
- package/dist/pro-layout.mjs +805 -793
- package/dist/pro-layout.umd.js +1 -1
- package/dist/props.d.ts +14 -10
- package/package.json +1 -1
package/dist/Context.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { ComputedRef, Ref } from 'vue';
|
|
|
2
2
|
import type { PrefixCls, CustomRender } from '@gx-design-vue/pro-utils';
|
|
3
3
|
import type { ThemeConfig } from '@gx-design-vue/pro-provider';
|
|
4
4
|
import type { AppRouteModule } from './route';
|
|
5
|
-
import type {
|
|
5
|
+
import type { PageContainerProps } from './components/PageContainer';
|
|
6
6
|
export interface Route {
|
|
7
7
|
path: string;
|
|
8
8
|
breadcrumbName: string;
|
|
@@ -30,12 +30,6 @@ export type ProLayoutContextProps = {
|
|
|
30
30
|
breadcrumb: ComputedRef<BreadcrumbListReturn>;
|
|
31
31
|
layout: Ref<ThemeConfig['layout']>;
|
|
32
32
|
theme: ComputedRef<ThemeConfig['theme']>;
|
|
33
|
-
usePageCard: Ref<BasicLayoutProps['usePageCard']>;
|
|
34
|
-
pageCardProps: Ref<BasicLayoutProps['pageCardProps']>;
|
|
35
|
-
waterMarkProps: Ref<BasicLayoutProps['waterMarkProps']>;
|
|
36
|
-
pageContentStyle: Ref<BasicLayoutProps['pageContentStyle']>;
|
|
37
|
-
pageChildrenContentStyle: Ref<BasicLayoutProps['pageChildrenContentStyle']>;
|
|
38
|
-
waterMark: Ref<boolean>;
|
|
39
33
|
splitMenus: Ref<boolean>;
|
|
40
34
|
headerHeight: Ref<number>;
|
|
41
35
|
disableMobile?: Ref<boolean>;
|
|
@@ -46,7 +40,14 @@ export type ProLayoutContextProps = {
|
|
|
46
40
|
hasSide: ComputedRef<boolean>;
|
|
47
41
|
flatMenu: ComputedRef<boolean>;
|
|
48
42
|
siderWidth: ComputedRef<number>;
|
|
49
|
-
pageHeaderRender: ComputedRef<
|
|
43
|
+
pageHeaderRender: ComputedRef<PageContainerProps['pageHeaderRender']>;
|
|
44
|
+
usePageCard: Ref<PageContainerProps['usePageCard']>;
|
|
45
|
+
pageCardProps: Ref<PageContainerProps['pageCardProps']>;
|
|
46
|
+
pageContentStyle: Ref<PageContainerProps['pageContentStyle']>;
|
|
47
|
+
pageChildrenContentStyle: Ref<PageContainerProps['pageChildrenContentStyle']>;
|
|
48
|
+
waterMarkProps: Ref<PageContainerProps['waterMarkProps']>;
|
|
49
|
+
pageChildrenExtraRender: Ref<PageContainerProps['pageChildrenExtraRender']>;
|
|
50
|
+
waterMark: Ref<boolean>;
|
|
50
51
|
[key: string]: any;
|
|
51
52
|
};
|
|
52
53
|
export declare const createRouteContext: () => import("./hooks/context").CreateContext;
|
package/dist/ProLayout.d.ts
CHANGED
|
@@ -57,6 +57,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
57
|
default: () => import("./route").AppRouteModule[];
|
|
58
58
|
};
|
|
59
59
|
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
60
|
+
usePageCard: {
|
|
61
|
+
type: import("vue").PropType<boolean>;
|
|
62
|
+
};
|
|
63
|
+
pageCardProps: import("vue").PropType<{
|
|
64
|
+
loading: boolean;
|
|
65
|
+
bodyStyle: CSSProperties;
|
|
66
|
+
}>;
|
|
67
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
68
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
60
69
|
waterMarkProps: {
|
|
61
70
|
type: import("vue").PropType<Partial<ExtractPropTypes<{
|
|
62
71
|
className: import("vue").PropType<string>;
|
|
@@ -107,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
107
116
|
default: string;
|
|
108
117
|
};
|
|
109
118
|
fontWeight: {
|
|
110
|
-
type: import("vue").PropType<number | "
|
|
119
|
+
type: import("vue").PropType<number | "normal" | "light" | "weight">;
|
|
111
120
|
default: string;
|
|
112
121
|
};
|
|
113
122
|
fontSize: {
|
|
@@ -120,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
129
|
type: import("vue").PropType<DefaultPropRender>;
|
|
121
130
|
default: () => undefined;
|
|
122
131
|
};
|
|
132
|
+
pageChildrenExtraRender: {
|
|
133
|
+
type: import("vue").PropType<() => CustomRender>;
|
|
134
|
+
default: () => undefined;
|
|
135
|
+
};
|
|
123
136
|
contentRender: {
|
|
124
137
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
|
|
125
138
|
default: () => undefined;
|
|
@@ -129,15 +142,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
129
142
|
default: () => undefined;
|
|
130
143
|
};
|
|
131
144
|
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
132
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
133
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
134
|
-
usePageCard: {
|
|
135
|
-
type: import("vue").PropType<boolean>;
|
|
136
|
-
};
|
|
137
|
-
pageCardProps: import("vue").PropType<{
|
|
138
|
-
loading: boolean;
|
|
139
|
-
bodyStyle: CSSProperties;
|
|
140
|
-
}>;
|
|
141
145
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
142
146
|
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
143
147
|
default: number;
|
|
@@ -350,7 +354,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
350
354
|
onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
351
355
|
default: (...args: any[]) => any;
|
|
352
356
|
};
|
|
353
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
357
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "select" | "collapse" | "reloadPage" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs")[], "openKeys" | "select" | "collapse" | "reloadPage" | "update:collapsed" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "changeTabs", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
354
358
|
pure: BooleanConstructor;
|
|
355
359
|
token: import("vue").PropType<import("@gx-design-vue/pro-provider").BaseLayoutDesignToken>;
|
|
356
360
|
waterMark: {
|
|
@@ -403,6 +407,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
403
407
|
default: () => import("./route").AppRouteModule[];
|
|
404
408
|
};
|
|
405
409
|
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
410
|
+
usePageCard: {
|
|
411
|
+
type: import("vue").PropType<boolean>;
|
|
412
|
+
};
|
|
413
|
+
pageCardProps: import("vue").PropType<{
|
|
414
|
+
loading: boolean;
|
|
415
|
+
bodyStyle: CSSProperties;
|
|
416
|
+
}>;
|
|
417
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
418
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
406
419
|
waterMarkProps: {
|
|
407
420
|
type: import("vue").PropType<Partial<ExtractPropTypes<{
|
|
408
421
|
className: import("vue").PropType<string>;
|
|
@@ -453,7 +466,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
453
466
|
default: string;
|
|
454
467
|
};
|
|
455
468
|
fontWeight: {
|
|
456
|
-
type: import("vue").PropType<number | "
|
|
469
|
+
type: import("vue").PropType<number | "normal" | "light" | "weight">;
|
|
457
470
|
default: string;
|
|
458
471
|
};
|
|
459
472
|
fontSize: {
|
|
@@ -466,6 +479,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
466
479
|
type: import("vue").PropType<DefaultPropRender>;
|
|
467
480
|
default: () => undefined;
|
|
468
481
|
};
|
|
482
|
+
pageChildrenExtraRender: {
|
|
483
|
+
type: import("vue").PropType<() => CustomRender>;
|
|
484
|
+
default: () => undefined;
|
|
485
|
+
};
|
|
469
486
|
contentRender: {
|
|
470
487
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>>;
|
|
471
488
|
default: () => undefined;
|
|
@@ -475,15 +492,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
475
492
|
default: () => undefined;
|
|
476
493
|
};
|
|
477
494
|
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
478
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
479
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
480
|
-
usePageCard: {
|
|
481
|
-
type: import("vue").PropType<boolean>;
|
|
482
|
-
};
|
|
483
|
-
pageCardProps: import("vue").PropType<{
|
|
484
|
-
loading: boolean;
|
|
485
|
-
bodyStyle: CSSProperties;
|
|
486
|
-
}>;
|
|
487
495
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
488
496
|
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
489
497
|
default: number;
|
|
@@ -708,24 +716,35 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
708
716
|
"onUpdate:open-keys"?: ((...args: any[]) => any) | undefined;
|
|
709
717
|
"onUpdate:selected-keys"?: ((...args: any[]) => any) | undefined;
|
|
710
718
|
}, {
|
|
711
|
-
|
|
719
|
+
breadcrumb: BreadcrumbProps;
|
|
720
|
+
selectedKeys: string[];
|
|
721
|
+
openKeys: boolean | string[];
|
|
722
|
+
menuData: import("./route").AppRouteModule[];
|
|
723
|
+
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
724
|
+
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
725
|
+
splitMenus: boolean;
|
|
726
|
+
headerHeight: number | undefined;
|
|
727
|
+
disableMobile: boolean;
|
|
728
|
+
fixSiderbar: boolean;
|
|
729
|
+
fixedHeader: boolean;
|
|
730
|
+
siderWidth: number;
|
|
731
|
+
pageHeaderRender: DefaultPropRender;
|
|
732
|
+
pageChildrenExtraRender: () => CustomRender;
|
|
733
|
+
waterMark: boolean;
|
|
712
734
|
title: string;
|
|
713
735
|
animate: {
|
|
714
736
|
disabled?: boolean | undefined;
|
|
715
737
|
name: string;
|
|
716
738
|
direction: string;
|
|
717
739
|
} | undefined;
|
|
718
|
-
|
|
719
|
-
|
|
740
|
+
contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
|
|
741
|
+
breadcrumbRender: import("./RenderTypings").PageHeaderRender;
|
|
742
|
+
links: LinksRender;
|
|
720
743
|
wideWidth: number | undefined;
|
|
721
|
-
splitMenus: boolean;
|
|
722
744
|
fixedMultiTab: boolean;
|
|
723
745
|
showProgressBar: boolean;
|
|
724
|
-
fixedHeader: boolean;
|
|
725
|
-
fixSiderbar: boolean;
|
|
726
746
|
showTabsBar: boolean;
|
|
727
747
|
showFullScreen: boolean | undefined;
|
|
728
|
-
headerHeight: number | undefined;
|
|
729
748
|
iconfontUrl: string | undefined;
|
|
730
749
|
primaryColor: string;
|
|
731
750
|
menuHeaderRender: HeaderLogoRender;
|
|
@@ -739,15 +758,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
739
758
|
children?: CustomRender[] | undefined;
|
|
740
759
|
}) => CustomRender> | undefined;
|
|
741
760
|
mode: import("ant-design-vue").MenuMode;
|
|
742
|
-
menuData: import("./route").AppRouteModule[];
|
|
743
|
-
openKeys: boolean | string[];
|
|
744
|
-
selectedKeys: string[];
|
|
745
761
|
menuProps: Record<string, any>;
|
|
746
|
-
breadcrumb: BreadcrumbProps;
|
|
747
|
-
waterMark: boolean;
|
|
748
|
-
disableMobile: boolean;
|
|
749
|
-
siderWidth: number;
|
|
750
|
-
pageHeaderRender: DefaultPropRender;
|
|
751
762
|
collapsedWidth: number;
|
|
752
763
|
breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
|
|
753
764
|
isFixedMultiTab: boolean;
|
|
@@ -773,7 +784,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
773
784
|
copyrightRender: CopyrightRender;
|
|
774
785
|
footerRender: FooterRender;
|
|
775
786
|
levelMenuData: import("./route").AppRouteModule[];
|
|
776
|
-
contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => CustomRender>;
|
|
777
|
-
breadcrumbRender: import("./RenderTypings").PageHeaderRender;
|
|
778
787
|
}>;
|
|
779
788
|
export default _default;
|
|
@@ -580,24 +580,28 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
580
580
|
default: (...args: any[]) => any;
|
|
581
581
|
};
|
|
582
582
|
}>>, {
|
|
583
|
-
|
|
583
|
+
selectedKeys: string[];
|
|
584
|
+
openKeys: boolean | string[];
|
|
585
|
+
menuData: import("../..").AppRouteModule[];
|
|
586
|
+
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
587
|
+
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
588
|
+
splitMenus: boolean;
|
|
589
|
+
headerHeight: number | undefined;
|
|
590
|
+
fixSiderbar: boolean;
|
|
591
|
+
fixedHeader: boolean;
|
|
592
|
+
siderWidth: number;
|
|
584
593
|
title: string;
|
|
585
594
|
animate: {
|
|
586
595
|
disabled?: boolean | undefined;
|
|
587
596
|
name: string;
|
|
588
597
|
direction: string;
|
|
589
598
|
} | undefined;
|
|
590
|
-
|
|
591
|
-
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
599
|
+
links: import("../../RenderTypings").LinksRender;
|
|
592
600
|
wideWidth: number | undefined;
|
|
593
|
-
splitMenus: boolean;
|
|
594
601
|
fixedMultiTab: boolean;
|
|
595
602
|
showProgressBar: boolean;
|
|
596
|
-
fixedHeader: boolean;
|
|
597
|
-
fixSiderbar: boolean;
|
|
598
603
|
showTabsBar: boolean;
|
|
599
604
|
showFullScreen: boolean | undefined;
|
|
600
|
-
headerHeight: number | undefined;
|
|
601
605
|
iconfontUrl: string | undefined;
|
|
602
606
|
primaryColor: string;
|
|
603
607
|
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
@@ -611,11 +615,7 @@ export declare const DefaultHeader: import("vue").DefineComponent<{
|
|
|
611
615
|
children?: CustomRender[] | undefined;
|
|
612
616
|
}) => CustomRender> | undefined;
|
|
613
617
|
mode: import("ant-design-vue").MenuMode;
|
|
614
|
-
menuData: import("../..").AppRouteModule[];
|
|
615
|
-
openKeys: boolean | string[];
|
|
616
|
-
selectedKeys: string[];
|
|
617
618
|
menuProps: Record<string, any>;
|
|
618
|
-
siderWidth: number;
|
|
619
619
|
collapsedWidth: number;
|
|
620
620
|
breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
|
|
621
621
|
logo: CustomRender;
|
|
@@ -356,23 +356,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
356
356
|
default: string;
|
|
357
357
|
};
|
|
358
358
|
}>>, {
|
|
359
|
+
selectedKeys: string[];
|
|
360
|
+
openKeys: boolean | string[];
|
|
361
|
+
menuData: AppRouteModule[];
|
|
362
|
+
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
363
|
+
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
364
|
+
splitMenus: boolean;
|
|
365
|
+
headerHeight: number | undefined;
|
|
366
|
+
fixSiderbar: boolean;
|
|
367
|
+
fixedHeader: boolean;
|
|
368
|
+
siderWidth: number;
|
|
359
369
|
title: string;
|
|
360
370
|
animate: {
|
|
361
371
|
disabled?: boolean | undefined;
|
|
362
372
|
name: string;
|
|
363
373
|
direction: string;
|
|
364
374
|
} | undefined;
|
|
365
|
-
theme: import("@gx-design-vue/pro-provider").ThemeType;
|
|
366
|
-
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
367
375
|
wideWidth: number | undefined;
|
|
368
|
-
splitMenus: boolean;
|
|
369
376
|
fixedMultiTab: boolean;
|
|
370
377
|
showProgressBar: boolean;
|
|
371
|
-
fixedHeader: boolean;
|
|
372
|
-
fixSiderbar: boolean;
|
|
373
378
|
showTabsBar: boolean;
|
|
374
379
|
showFullScreen: boolean | undefined;
|
|
375
|
-
headerHeight: number | undefined;
|
|
376
380
|
iconfontUrl: string | undefined;
|
|
377
381
|
primaryColor: string;
|
|
378
382
|
menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
@@ -385,11 +389,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
385
389
|
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
|
|
386
390
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
|
|
387
391
|
mode: import("ant-design-vue").MenuMode;
|
|
388
|
-
menuData: AppRouteModule[];
|
|
389
|
-
openKeys: boolean | string[];
|
|
390
|
-
selectedKeys: string[];
|
|
391
392
|
menuProps: Record<string, any>;
|
|
392
|
-
siderWidth: number;
|
|
393
393
|
collapsedWidth: number;
|
|
394
394
|
logo: import("@gx-design-vue/pro-utils/dist").CustomRender;
|
|
395
395
|
logoStyle: import("vue").CSSProperties;
|
|
@@ -71,8 +71,8 @@ declare const LogoContent: import("vue").DefineComponent<{
|
|
|
71
71
|
};
|
|
72
72
|
onMenuHeaderClick: import("vue").PropType<Function>;
|
|
73
73
|
}>>, {
|
|
74
|
-
title: string;
|
|
75
74
|
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
75
|
+
title: string;
|
|
76
76
|
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
77
77
|
renderKey: string;
|
|
78
78
|
logo: CustomRender;
|
|
@@ -71,10 +71,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
71
|
type: PropType<(list: AppRouteModule[]) => void>;
|
|
72
72
|
};
|
|
73
73
|
}>>, {
|
|
74
|
-
collapsed: boolean | undefined;
|
|
75
74
|
siderWidth: number;
|
|
75
|
+
visible: boolean;
|
|
76
|
+
collapsed: boolean | undefined;
|
|
76
77
|
collapsedWidth: number;
|
|
77
78
|
isFixedMultiTab: boolean;
|
|
78
|
-
visible: boolean;
|
|
79
79
|
}>;
|
|
80
80
|
export default _default;
|
|
@@ -2,6 +2,15 @@ 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
|
+
usePageCard: {
|
|
6
|
+
type: import("vue").PropType<boolean>;
|
|
7
|
+
};
|
|
8
|
+
pageCardProps: import("vue").PropType<{
|
|
9
|
+
loading: boolean;
|
|
10
|
+
bodyStyle: CSSProperties;
|
|
11
|
+
}>;
|
|
12
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
13
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
5
14
|
waterMarkProps: {
|
|
6
15
|
type: import("vue").PropType<Partial<ExtractPropTypes<{
|
|
7
16
|
className: import("vue").PropType<string>;
|
|
@@ -52,7 +61,7 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
52
61
|
default: string;
|
|
53
62
|
};
|
|
54
63
|
fontWeight: {
|
|
55
|
-
type: import("vue").PropType<number | "
|
|
64
|
+
type: import("vue").PropType<number | "normal" | "light" | "weight">;
|
|
56
65
|
default: string;
|
|
57
66
|
};
|
|
58
67
|
fontSize: {
|
|
@@ -61,10 +70,19 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
61
70
|
};
|
|
62
71
|
}>>>;
|
|
63
72
|
};
|
|
73
|
+
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
74
|
+
default: boolean;
|
|
75
|
+
} & {
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
64
78
|
pageHeaderRender: {
|
|
65
79
|
type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
|
|
66
80
|
default: () => undefined;
|
|
67
81
|
};
|
|
82
|
+
pageChildrenExtraRender: {
|
|
83
|
+
type: import("vue").PropType<() => import("@gx-design-vue/pro-utils").CustomRender>;
|
|
84
|
+
default: () => undefined;
|
|
85
|
+
};
|
|
68
86
|
contentRender: {
|
|
69
87
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
|
|
70
88
|
default: () => undefined;
|
|
@@ -74,26 +92,21 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
74
92
|
default: () => undefined;
|
|
75
93
|
};
|
|
76
94
|
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
77
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
78
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
79
95
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
80
96
|
default: boolean;
|
|
81
97
|
} & {
|
|
82
98
|
default: boolean;
|
|
83
99
|
};
|
|
100
|
+
}, () => 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<{
|
|
84
101
|
usePageCard: {
|
|
85
102
|
type: import("vue").PropType<boolean>;
|
|
86
103
|
};
|
|
87
|
-
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
88
|
-
default: boolean;
|
|
89
|
-
} & {
|
|
90
|
-
default: boolean;
|
|
91
|
-
};
|
|
92
104
|
pageCardProps: import("vue").PropType<{
|
|
93
105
|
loading: boolean;
|
|
94
106
|
bodyStyle: CSSProperties;
|
|
95
107
|
}>;
|
|
96
|
-
|
|
108
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
109
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
97
110
|
waterMarkProps: {
|
|
98
111
|
type: import("vue").PropType<Partial<ExtractPropTypes<{
|
|
99
112
|
className: import("vue").PropType<string>;
|
|
@@ -144,7 +157,7 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
144
157
|
default: string;
|
|
145
158
|
};
|
|
146
159
|
fontWeight: {
|
|
147
|
-
type: import("vue").PropType<number | "
|
|
160
|
+
type: import("vue").PropType<number | "normal" | "light" | "weight">;
|
|
148
161
|
default: string;
|
|
149
162
|
};
|
|
150
163
|
fontSize: {
|
|
@@ -153,10 +166,19 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
153
166
|
};
|
|
154
167
|
}>>>;
|
|
155
168
|
};
|
|
169
|
+
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
170
|
+
default: boolean;
|
|
171
|
+
} & {
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
156
174
|
pageHeaderRender: {
|
|
157
175
|
type: import("vue").PropType<import("../../RenderTypings").DefaultPropRender>;
|
|
158
176
|
default: () => undefined;
|
|
159
177
|
};
|
|
178
|
+
pageChildrenExtraRender: {
|
|
179
|
+
type: import("vue").PropType<() => import("@gx-design-vue/pro-utils").CustomRender>;
|
|
180
|
+
default: () => undefined;
|
|
181
|
+
};
|
|
160
182
|
contentRender: {
|
|
161
183
|
type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
|
|
162
184
|
default: () => undefined;
|
|
@@ -166,30 +188,17 @@ declare const PageContainer: import("vue").DefineComponent<{
|
|
|
166
188
|
default: () => undefined;
|
|
167
189
|
};
|
|
168
190
|
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
169
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
170
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
171
191
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
172
192
|
default: boolean;
|
|
173
193
|
} & {
|
|
174
194
|
default: boolean;
|
|
175
195
|
};
|
|
176
|
-
usePageCard: {
|
|
177
|
-
type: import("vue").PropType<boolean>;
|
|
178
|
-
};
|
|
179
|
-
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
180
|
-
default: boolean;
|
|
181
|
-
} & {
|
|
182
|
-
default: boolean;
|
|
183
|
-
};
|
|
184
|
-
pageCardProps: import("vue").PropType<{
|
|
185
|
-
loading: boolean;
|
|
186
|
-
bodyStyle: CSSProperties;
|
|
187
|
-
}>;
|
|
188
196
|
}>>, {
|
|
189
|
-
waterMark: boolean;
|
|
190
197
|
pageHeaderRender: import("../../RenderTypings").DefaultPropRender;
|
|
191
|
-
|
|
198
|
+
pageChildrenExtraRender: () => import("@gx-design-vue/pro-utils").CustomRender;
|
|
199
|
+
waterMark: boolean;
|
|
192
200
|
contentRender: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
|
|
193
201
|
breadcrumbRender: import("../../RenderTypings").PageHeaderRender;
|
|
202
|
+
loading: boolean;
|
|
194
203
|
}>;
|
|
195
204
|
export default PageContainer;
|
|
@@ -1,7 +1,95 @@
|
|
|
1
1
|
import type { PropType, CSSProperties } from 'vue';
|
|
2
2
|
import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
|
|
3
3
|
import type { DefaultPropRender, PageHeaderRender } from '../../RenderTypings';
|
|
4
|
+
export declare const commonPageContainerProps: {
|
|
5
|
+
usePageCard: {
|
|
6
|
+
type: PropType<boolean>;
|
|
7
|
+
};
|
|
8
|
+
pageCardProps: PropType<{
|
|
9
|
+
loading: boolean;
|
|
10
|
+
bodyStyle: CSSProperties;
|
|
11
|
+
}>;
|
|
12
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
13
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
14
|
+
waterMarkProps: {
|
|
15
|
+
type: PropType<Partial<import("vue").ExtractPropTypes<{
|
|
16
|
+
className: PropType<string>;
|
|
17
|
+
style: PropType<CSSProperties>;
|
|
18
|
+
markStyle: PropType<CSSProperties>;
|
|
19
|
+
markClassName: PropType<string>;
|
|
20
|
+
gapX: {
|
|
21
|
+
type: PropType<number>;
|
|
22
|
+
default: number;
|
|
23
|
+
};
|
|
24
|
+
gapY: {
|
|
25
|
+
type: PropType<number>;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
28
|
+
zIndex: {
|
|
29
|
+
type: PropType<number>;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
width: {
|
|
33
|
+
type: PropType<number>;
|
|
34
|
+
default: number;
|
|
35
|
+
};
|
|
36
|
+
height: {
|
|
37
|
+
type: PropType<number>;
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
offsetTop: PropType<number>;
|
|
41
|
+
offsetLeft: PropType<number>;
|
|
42
|
+
rotate: {
|
|
43
|
+
type: PropType<number>;
|
|
44
|
+
default: number;
|
|
45
|
+
};
|
|
46
|
+
image: PropType<string>;
|
|
47
|
+
content: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
51
|
+
fontColor: {
|
|
52
|
+
type: PropType<string>;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
fontStyle: {
|
|
56
|
+
type: PropType<"none" | "normal" | "italic" | "oblique">;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
fontFamily: {
|
|
60
|
+
type: PropType<string>;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
63
|
+
fontWeight: {
|
|
64
|
+
type: PropType<number | "normal" | "light" | "weight">;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
fontSize: {
|
|
68
|
+
type: PropType<string | number>;
|
|
69
|
+
default: number;
|
|
70
|
+
};
|
|
71
|
+
}>>>;
|
|
72
|
+
};
|
|
73
|
+
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
74
|
+
default: boolean;
|
|
75
|
+
} & {
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
pageHeaderRender: {
|
|
79
|
+
type: PropType<DefaultPropRender>;
|
|
80
|
+
default: () => undefined;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
4
83
|
export declare const pageContainerProps: {
|
|
84
|
+
usePageCard: {
|
|
85
|
+
type: PropType<boolean>;
|
|
86
|
+
};
|
|
87
|
+
pageCardProps: PropType<{
|
|
88
|
+
loading: boolean;
|
|
89
|
+
bodyStyle: CSSProperties;
|
|
90
|
+
}>;
|
|
91
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
92
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
5
93
|
waterMarkProps: {
|
|
6
94
|
type: PropType<Partial<import("vue").ExtractPropTypes<{
|
|
7
95
|
className: PropType<string>;
|
|
@@ -52,7 +140,7 @@ export declare const pageContainerProps: {
|
|
|
52
140
|
default: string;
|
|
53
141
|
};
|
|
54
142
|
fontWeight: {
|
|
55
|
-
type: PropType<number | "
|
|
143
|
+
type: PropType<number | "normal" | "light" | "weight">;
|
|
56
144
|
default: string;
|
|
57
145
|
};
|
|
58
146
|
fontSize: {
|
|
@@ -61,10 +149,19 @@ export declare const pageContainerProps: {
|
|
|
61
149
|
};
|
|
62
150
|
}>>>;
|
|
63
151
|
};
|
|
152
|
+
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
153
|
+
default: boolean;
|
|
154
|
+
} & {
|
|
155
|
+
default: boolean;
|
|
156
|
+
};
|
|
64
157
|
pageHeaderRender: {
|
|
65
158
|
type: PropType<DefaultPropRender>;
|
|
66
159
|
default: () => undefined;
|
|
67
160
|
};
|
|
161
|
+
pageChildrenExtraRender: {
|
|
162
|
+
type: PropType<() => CustomRender>;
|
|
163
|
+
default: () => undefined;
|
|
164
|
+
};
|
|
68
165
|
contentRender: {
|
|
69
166
|
type: PropType<WithFalse<() => CustomRender>>;
|
|
70
167
|
default: () => undefined;
|
|
@@ -74,23 +171,9 @@ export declare const pageContainerProps: {
|
|
|
74
171
|
default: () => undefined;
|
|
75
172
|
};
|
|
76
173
|
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
77
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
78
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
79
174
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
80
175
|
default: boolean;
|
|
81
176
|
} & {
|
|
82
177
|
default: boolean;
|
|
83
178
|
};
|
|
84
|
-
usePageCard: {
|
|
85
|
-
type: PropType<boolean>;
|
|
86
|
-
};
|
|
87
|
-
waterMark: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
88
|
-
default: boolean;
|
|
89
|
-
} & {
|
|
90
|
-
default: boolean;
|
|
91
|
-
};
|
|
92
|
-
pageCardProps: PropType<{
|
|
93
|
-
loading: boolean;
|
|
94
|
-
bodyStyle: CSSProperties;
|
|
95
|
-
}>;
|
|
96
179
|
};
|
|
@@ -38,9 +38,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
38
|
onChange: PropType<(key: keyof ThemeConfig | undefined, value: boolean) => void>;
|
|
39
39
|
}>>, {
|
|
40
40
|
value: boolean;
|
|
41
|
+
prefixCls: string;
|
|
41
42
|
hashId: string;
|
|
42
43
|
label: string;
|
|
43
44
|
disabled: boolean;
|
|
44
|
-
prefixCls: string;
|
|
45
45
|
}>;
|
|
46
46
|
export default _default;
|