@gx-design-vue/pro-layout 0.1.0-beta.4 → 0.1.0-beta.40
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/README.md +3 -3
- package/dist/Context.d.ts +10 -6
- package/dist/ProLayout.d.ts +280 -125
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +125 -125
- package/dist/components/GlobalHeader/index.d.ts +100 -23
- package/dist/components/GlobalHeader/props.d.ts +78 -14
- package/dist/components/LogoContent/index.d.ts +5 -5
- package/dist/components/LogoContent/props.d.ts +2 -2
- package/dist/components/MultiTab/index.d.ts +2 -2
- package/dist/components/PageContainer/PageHeader.d.ts +12 -3
- package/dist/components/PageContainer/index.d.ts +177 -19
- package/dist/components/PageContainer/props.d.ts +166 -8
- 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 +29 -21
- package/dist/components/SiderMenu/SiderMenu.d.ts +29 -29
- package/dist/components/SiderMenu/index.d.ts +31 -31
- package/dist/components/SiderMenu/props.d.ts +18 -12
- package/dist/defaultSettings.d.ts +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/pro-layout.mjs +1581 -4433
- package/dist/pro-layout.umd.js +1 -19
- package/dist/props.d.ts +123 -47
- package/dist/route.d.ts +5 -11
- package/dist/utils/getMenuData.d.ts +2 -1
- package/dist/utils/index.d.ts +2 -1
- package/package.json +8 -7
package/dist/props.d.ts
CHANGED
|
@@ -55,21 +55,97 @@ export declare const basicLayoutProps: {
|
|
|
55
55
|
type: PropType<AppRouteModule[]>;
|
|
56
56
|
default: () => AppRouteModule[];
|
|
57
57
|
};
|
|
58
|
+
levelMenuData: {
|
|
59
|
+
type: PropType<AppRouteModule[]>;
|
|
60
|
+
default: () => AppRouteModule[];
|
|
61
|
+
};
|
|
58
62
|
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
59
|
-
|
|
60
|
-
type: PropType<
|
|
63
|
+
usePageCard: {
|
|
64
|
+
type: PropType<boolean>;
|
|
61
65
|
default: () => undefined;
|
|
62
66
|
};
|
|
63
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
64
|
-
usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
65
|
-
default: boolean;
|
|
66
|
-
} & {
|
|
67
|
-
default: boolean;
|
|
68
|
-
};
|
|
69
67
|
pageCardProps: PropType<{
|
|
70
68
|
loading: boolean;
|
|
71
69
|
bodyStyle: CSSProperties;
|
|
72
70
|
}>;
|
|
71
|
+
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
72
|
+
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
73
|
+
waterMarkProps: {
|
|
74
|
+
type: PropType<Partial<import("vue").ExtractPropTypes<{
|
|
75
|
+
className: PropType<string>;
|
|
76
|
+
style: PropType<CSSProperties>;
|
|
77
|
+
markStyle: PropType<CSSProperties>;
|
|
78
|
+
markClassName: PropType<string>;
|
|
79
|
+
gapX: {
|
|
80
|
+
type: PropType<number>;
|
|
81
|
+
default: number;
|
|
82
|
+
};
|
|
83
|
+
gapY: {
|
|
84
|
+
type: PropType<number>;
|
|
85
|
+
default: number;
|
|
86
|
+
};
|
|
87
|
+
zIndex: {
|
|
88
|
+
type: PropType<number>;
|
|
89
|
+
default: number;
|
|
90
|
+
};
|
|
91
|
+
width: {
|
|
92
|
+
type: PropType<number>;
|
|
93
|
+
default: number;
|
|
94
|
+
};
|
|
95
|
+
height: {
|
|
96
|
+
type: PropType<number>;
|
|
97
|
+
default: number;
|
|
98
|
+
};
|
|
99
|
+
offsetTop: PropType<number>;
|
|
100
|
+
offsetLeft: PropType<number>;
|
|
101
|
+
rotate: {
|
|
102
|
+
type: PropType<number>;
|
|
103
|
+
default: number;
|
|
104
|
+
};
|
|
105
|
+
image: PropType<string>;
|
|
106
|
+
content: {
|
|
107
|
+
type: StringConstructor;
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
110
|
+
fontColor: {
|
|
111
|
+
type: PropType<string>;
|
|
112
|
+
default: string;
|
|
113
|
+
};
|
|
114
|
+
fontStyle: {
|
|
115
|
+
type: PropType<"none" | "normal" | "italic" | "oblique">;
|
|
116
|
+
default: string;
|
|
117
|
+
};
|
|
118
|
+
fontFamily: {
|
|
119
|
+
type: PropType<string>;
|
|
120
|
+
default: string;
|
|
121
|
+
};
|
|
122
|
+
fontWeight: {
|
|
123
|
+
type: PropType<number | "normal" | "light" | "weight">;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
fontSize: {
|
|
127
|
+
type: PropType<string | number>;
|
|
128
|
+
default: number;
|
|
129
|
+
};
|
|
130
|
+
}>>>;
|
|
131
|
+
};
|
|
132
|
+
pageHeaderRender: {
|
|
133
|
+
type: PropType<import("./RenderTypings").DefaultPropRender>;
|
|
134
|
+
default: () => undefined;
|
|
135
|
+
};
|
|
136
|
+
pageChildrenExtraRender: {
|
|
137
|
+
type: PropType<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
|
|
138
|
+
default: () => undefined;
|
|
139
|
+
};
|
|
140
|
+
contentRender: {
|
|
141
|
+
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
142
|
+
default: () => undefined;
|
|
143
|
+
};
|
|
144
|
+
breadcrumbRender: {
|
|
145
|
+
type: PropType<import("./RenderTypings").PageHeaderRender>;
|
|
146
|
+
default: () => undefined;
|
|
147
|
+
};
|
|
148
|
+
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
73
149
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
74
150
|
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
75
151
|
default: number;
|
|
@@ -99,7 +175,7 @@ export declare const basicLayoutProps: {
|
|
|
99
175
|
default: () => undefined;
|
|
100
176
|
};
|
|
101
177
|
headerRender: {
|
|
102
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
178
|
+
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender, logoDom: import("./RenderTypings").LogoRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
103
179
|
default: () => undefined;
|
|
104
180
|
};
|
|
105
181
|
headerContentRender: {
|
|
@@ -149,20 +225,52 @@ export declare const basicLayoutProps: {
|
|
|
149
225
|
type: PropType<(collapsed: boolean) => void>;
|
|
150
226
|
};
|
|
151
227
|
onOpenKeys: {
|
|
152
|
-
type: PropType<(openKeys:
|
|
228
|
+
type: PropType<(openKeys: string[]) => void>;
|
|
153
229
|
};
|
|
154
230
|
onMenuHeaderClick: PropType<Function>;
|
|
155
231
|
onSelect: {
|
|
156
|
-
type: PropType<(selectedKeys:
|
|
232
|
+
type: PropType<(selectedKeys: string[]) => void>;
|
|
233
|
+
};
|
|
234
|
+
mode: {
|
|
235
|
+
type: PropType<import("ant-design-vue").MenuMode>;
|
|
236
|
+
default: string;
|
|
157
237
|
};
|
|
158
238
|
theme: {
|
|
159
|
-
type: PropType<import("@gx-design-vue/pro-provider").ThemeType
|
|
160
|
-
default:
|
|
239
|
+
type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
|
|
240
|
+
default: string;
|
|
161
241
|
};
|
|
162
242
|
layout: {
|
|
163
|
-
type: PropType<"side" | "mix" | "simple" | "wide">;
|
|
164
|
-
default:
|
|
243
|
+
type: PropType<"top" | "side" | "mix" | "simple" | "wide">;
|
|
244
|
+
default: string;
|
|
245
|
+
};
|
|
246
|
+
openKeys: {
|
|
247
|
+
type: PropType<boolean | string[]>;
|
|
248
|
+
default: () => never[];
|
|
165
249
|
};
|
|
250
|
+
selectedKeys: {
|
|
251
|
+
type: PropType<string[]>;
|
|
252
|
+
default: () => never[];
|
|
253
|
+
};
|
|
254
|
+
menuProps: {
|
|
255
|
+
type: PropType<Record<string, any>>;
|
|
256
|
+
default: () => null;
|
|
257
|
+
};
|
|
258
|
+
menuItemRender: {
|
|
259
|
+
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
260
|
+
item: AppRouteModule;
|
|
261
|
+
title?: JSX.Element | undefined;
|
|
262
|
+
icon?: JSX.Element | undefined;
|
|
263
|
+
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
264
|
+
default: () => undefined;
|
|
265
|
+
};
|
|
266
|
+
subMenuItemRender: {
|
|
267
|
+
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
268
|
+
item: AppRouteModule;
|
|
269
|
+
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
|
|
270
|
+
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
271
|
+
default: () => undefined;
|
|
272
|
+
};
|
|
273
|
+
onClick: PropType<(...args: any) => void>;
|
|
166
274
|
wideWidth: {
|
|
167
275
|
type: PropType<number | undefined>;
|
|
168
276
|
default: number | undefined;
|
|
@@ -250,36 +358,4 @@ export declare const basicLayoutProps: {
|
|
|
250
358
|
onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
251
359
|
default: (...args: any[]) => any;
|
|
252
360
|
};
|
|
253
|
-
mode: {
|
|
254
|
-
type: PropType<import("ant-design-vue").MenuMode>;
|
|
255
|
-
default: string;
|
|
256
|
-
};
|
|
257
|
-
openKeys: {
|
|
258
|
-
type: PropType<boolean | string[]>;
|
|
259
|
-
default: () => never[];
|
|
260
|
-
};
|
|
261
|
-
selectedKeys: {
|
|
262
|
-
type: PropType<string[]>;
|
|
263
|
-
default: () => never[];
|
|
264
|
-
};
|
|
265
|
-
menuProps: {
|
|
266
|
-
type: PropType<Record<string, any>>;
|
|
267
|
-
default: () => null;
|
|
268
|
-
};
|
|
269
|
-
menuItemRender: {
|
|
270
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
271
|
-
item: AppRouteModule;
|
|
272
|
-
title?: JSX.Element | undefined;
|
|
273
|
-
icon?: JSX.Element | undefined;
|
|
274
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
275
|
-
default: () => boolean;
|
|
276
|
-
};
|
|
277
|
-
subMenuItemRender: {
|
|
278
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
279
|
-
item: AppRouteModule;
|
|
280
|
-
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
|
|
281
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
282
|
-
default: () => boolean;
|
|
283
|
-
};
|
|
284
|
-
onClick: PropType<(...args: any) => void>;
|
|
285
361
|
};
|
package/dist/route.d.ts
CHANGED
|
@@ -30,21 +30,14 @@ export interface MenuDataItem extends MenuMeta {
|
|
|
30
30
|
meta?: MenuMeta;
|
|
31
31
|
children?: MenuDataItem[];
|
|
32
32
|
}
|
|
33
|
-
export interface MenuMeta {
|
|
34
|
-
title?: string;
|
|
33
|
+
export interface MenuMeta extends Meta {
|
|
35
34
|
isFrame?: '0' | '1';
|
|
36
35
|
menuType?: 'M' | 'C' | null;
|
|
37
|
-
homePage?: 1 | 0;
|
|
38
36
|
homePageFlag?: 1 | 0;
|
|
39
|
-
icon?: string;
|
|
40
|
-
iconType?: 0 | 1 | 2;
|
|
41
37
|
outLinkType?: 0 | 1;
|
|
42
|
-
targetStatus?: 0 | 1;
|
|
43
|
-
tagHidden?: '0' | '1' | boolean;
|
|
44
|
-
tagFixed?: '0' | '1' | boolean;
|
|
45
|
-
keepAlive?: boolean;
|
|
46
38
|
}
|
|
47
39
|
export interface Meta {
|
|
40
|
+
key?: string;
|
|
48
41
|
title?: string;
|
|
49
42
|
homePage?: 1 | 0;
|
|
50
43
|
icon?: string;
|
|
@@ -54,10 +47,11 @@ export interface Meta {
|
|
|
54
47
|
hideChildrenInMenu?: boolean;
|
|
55
48
|
targetStatus?: number;
|
|
56
49
|
target?: string;
|
|
57
|
-
tagHidden?: boolean;
|
|
58
|
-
tagFixed?: boolean;
|
|
50
|
+
tagHidden?: '0' | '1' | boolean;
|
|
51
|
+
tagFixed?: '0' | '1' | boolean;
|
|
59
52
|
type?: string;
|
|
60
53
|
disabled?: boolean;
|
|
61
54
|
danger?: boolean;
|
|
62
55
|
keepAlive?: boolean;
|
|
56
|
+
animateDisabled?: boolean;
|
|
63
57
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { RecordType } from '@gx-design-vue/pro-utils';
|
|
2
2
|
import type { AppRouteModule } from '../route';
|
|
3
|
-
export { clearMenuItem, flatMap, getMenuFirstChildren } from '
|
|
3
|
+
export { clearMenuItem, flatMap, getMenuFirstChildren, getMenuFirstLastChildPath, getMatchedList } from '../utils';
|
|
4
4
|
export type MenuData = {
|
|
5
5
|
menuData: AppRouteModule[];
|
|
6
6
|
breadcrumb: RecordType;
|
|
7
|
+
levelMenuData: AppRouteModule[];
|
|
7
8
|
};
|
|
8
9
|
export declare const getMenuData: (routes: AppRouteModule[]) => MenuData;
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -8,9 +8,10 @@ export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModu
|
|
|
8
8
|
export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
|
|
9
9
|
export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
|
|
10
10
|
export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
|
|
11
|
+
export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];
|
|
11
12
|
export declare function handleThemeConfig(config: ThemeConfig): {
|
|
12
13
|
theme: import("@gx-design-vue/pro-provider").ThemeType | undefined;
|
|
13
|
-
layout: "side" | "mix" | "simple" | "wide";
|
|
14
|
+
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
14
15
|
splitMenus: boolean;
|
|
15
16
|
fixedMultiTab: boolean;
|
|
16
17
|
fixedHeader: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gx-design-vue/pro-layout",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.40",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite",
|
|
6
6
|
"build": "vite build",
|
|
@@ -24,12 +24,13 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@vueuse/core": "^9.10.0",
|
|
27
|
-
"@gx-design-vue/pro-
|
|
28
|
-
"@gx-design-vue/pro-
|
|
29
|
-
"@gx-design-vue/pro-
|
|
30
|
-
"@gx-design-vue/pro-
|
|
31
|
-
"@gx-design-vue/
|
|
32
|
-
"@gx-design-vue/
|
|
27
|
+
"@gx-design-vue/pro-app": "^0.1.0-beta.7",
|
|
28
|
+
"@gx-design-vue/pro-utils": "^0.2.0-beta.20",
|
|
29
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-beta.14",
|
|
30
|
+
"@gx-design-vue/pro-provider": "^0.1.0-beta.46",
|
|
31
|
+
"@gx-design-vue/pro-watermark": "^0.2.0-beta.4",
|
|
32
|
+
"@gx-design-vue/scrollbar": "^0.2.0-beta.9",
|
|
33
|
+
"@gx-design-vue/color-picker": "^0.2.0-beta.15",
|
|
33
34
|
"ant-design-vue": "^4.0.0",
|
|
34
35
|
"dayjs": "^1.11.0",
|
|
35
36
|
"lodash-es": "^4.17.21",
|