@gx-design-vue/pro-layout 0.1.0-beta.53 → 0.1.0-beta.55
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 +93 -1713
- package/dist/RenderTypings.d.ts +1 -1
- package/dist/WrapContent.d.ts +1 -1
- package/dist/components/GlobalFooter/index.d.ts +1 -1
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +113 -146
- package/dist/components/GlobalHeader/index.d.ts +58 -80
- package/dist/components/GlobalHeader/props.d.ts +42 -65
- package/dist/components/LogoContent/index.d.ts +7 -7
- package/dist/components/LogoContent/props.d.ts +2 -2
- package/dist/components/MultiTab/index.d.ts +2 -2
- package/dist/components/MultiTab/props.d.ts +1 -1
- package/dist/components/PageContainer/PageHeader.d.ts +3 -3
- package/dist/components/PageContainer/index.d.ts +17 -129
- package/dist/components/PageContainer/props.d.ts +6 -117
- package/dist/components/SettingDrawer/RegionalChange.d.ts +2 -2
- package/dist/components/SettingDrawer/ThemeColor.d.ts +3 -3
- package/dist/components/SettingDrawer/ThemeEditor.d.ts +3 -3
- package/dist/components/SettingDrawer/index.d.ts +5 -6
- package/dist/components/SiderMenu/BaseMenu.d.ts +46 -68
- package/dist/components/SiderMenu/SiderMenu.d.ts +71 -92
- package/dist/components/SiderMenu/index.d.ts +68 -90
- package/dist/components/SiderMenu/props.d.ts +45 -66
- package/dist/components/SiderMenu/typings.d.ts +1 -1
- package/dist/defaultSettings.d.ts +19 -23
- package/dist/hooks/context/index.d.ts +2 -2
- package/dist/index.d.ts +5 -4
- package/dist/pro-layout.js +942 -941
- package/dist/pro-layout.umd.cjs +1 -1
- package/dist/props.d.ts +29 -838
- package/dist/utils/index.d.ts +9 -9
- package/package.json +19 -44
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
import { siderMenuProps } from './props';
|
|
3
|
-
import type {
|
|
3
|
+
import type { PrivateSiderMenuProps, SiderMenuProps } from './SiderMenu';
|
|
4
4
|
import SiderMenu from './SiderMenu';
|
|
5
5
|
export type SiderMenuWrapperProps = Partial<SiderMenuProps> & Partial<PrivateSiderMenuProps>;
|
|
6
6
|
declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
@@ -37,31 +37,31 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
37
37
|
default: number;
|
|
38
38
|
};
|
|
39
39
|
links: {
|
|
40
|
-
type: PropType<import("
|
|
40
|
+
type: PropType<import("../../RenderTypings").LinksRender>;
|
|
41
41
|
default: () => undefined;
|
|
42
42
|
};
|
|
43
43
|
menuHeaderRender: {
|
|
44
|
-
type: PropType<import("
|
|
44
|
+
type: PropType<import("../../RenderTypings").HeaderLogoRender>;
|
|
45
45
|
default: () => undefined;
|
|
46
46
|
};
|
|
47
47
|
menuFooterRender: {
|
|
48
|
-
type: PropType<import("
|
|
48
|
+
type: PropType<import("../../RenderTypings").MenuFooterRender>;
|
|
49
49
|
default: () => boolean;
|
|
50
50
|
};
|
|
51
51
|
menuContentRender: {
|
|
52
|
-
type: PropType<import("
|
|
52
|
+
type: PropType<import("../../RenderTypings").MenuContentRender>;
|
|
53
53
|
default: () => boolean;
|
|
54
54
|
};
|
|
55
55
|
menuExtraRender: {
|
|
56
|
-
type: PropType<import("
|
|
56
|
+
type: PropType<import("../../RenderTypings").MenuExtraRender>;
|
|
57
57
|
default: () => boolean;
|
|
58
58
|
};
|
|
59
59
|
collapsedButtonRender: {
|
|
60
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean
|
|
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<
|
|
64
|
+
type: PropType<import("./typings").SiderProps["breakpoint"] | false>;
|
|
65
65
|
default: () => boolean;
|
|
66
66
|
};
|
|
67
67
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
@@ -79,15 +79,15 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
79
79
|
default: string;
|
|
80
80
|
};
|
|
81
81
|
menuData: {
|
|
82
|
-
type: PropType<import("
|
|
82
|
+
type: PropType<import("../..").AppRouteModule[]>;
|
|
83
83
|
default: () => never[];
|
|
84
84
|
};
|
|
85
85
|
theme: {
|
|
86
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
86
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").MenuTheme>;
|
|
87
87
|
default: string;
|
|
88
88
|
};
|
|
89
89
|
layout: {
|
|
90
|
-
type: PropType<"
|
|
90
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
|
|
91
91
|
default: string;
|
|
92
92
|
};
|
|
93
93
|
collapsed: {
|
|
@@ -95,7 +95,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
95
95
|
default: () => boolean;
|
|
96
96
|
};
|
|
97
97
|
openKeys: {
|
|
98
|
-
type: PropType<
|
|
98
|
+
type: PropType<string[] | boolean>;
|
|
99
99
|
default: () => never[];
|
|
100
100
|
};
|
|
101
101
|
selectedKeys: {
|
|
@@ -107,18 +107,11 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
107
107
|
default: () => null;
|
|
108
108
|
};
|
|
109
109
|
menuItemRender: {
|
|
110
|
-
type: PropType<import("
|
|
111
|
-
item: import("src").AppRouteModule;
|
|
112
|
-
title?: JSX.Element | undefined;
|
|
113
|
-
icon?: JSX.Element | undefined;
|
|
114
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
110
|
+
type: PropType<import("./BaseMenu").CustomMenuRender["menuItemRender"]>;
|
|
115
111
|
default: () => undefined;
|
|
116
112
|
};
|
|
117
113
|
subMenuItemRender: {
|
|
118
|
-
type: PropType<import("
|
|
119
|
-
item: import("src").AppRouteModule;
|
|
120
|
-
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
|
|
121
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
114
|
+
type: PropType<import("./BaseMenu").CustomMenuRender["subMenuItemRender"]>;
|
|
122
115
|
default: () => undefined;
|
|
123
116
|
};
|
|
124
117
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -129,63 +122,59 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
129
122
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
130
123
|
};
|
|
131
124
|
wideWidth: {
|
|
132
|
-
type: PropType<
|
|
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<
|
|
129
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
|
|
137
130
|
default: boolean;
|
|
138
131
|
};
|
|
139
132
|
fixedMultiTab: {
|
|
140
|
-
type: PropType<
|
|
133
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
|
|
141
134
|
default: boolean;
|
|
142
135
|
};
|
|
143
136
|
showProgressBar: {
|
|
144
|
-
type: PropType<
|
|
137
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
|
|
145
138
|
default: boolean;
|
|
146
139
|
};
|
|
147
140
|
fixedHeader: {
|
|
148
|
-
type: PropType<
|
|
141
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
|
|
149
142
|
default: boolean;
|
|
150
143
|
};
|
|
151
144
|
fixSiderbar: {
|
|
152
|
-
type: PropType<
|
|
145
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
|
|
153
146
|
default: boolean;
|
|
154
147
|
};
|
|
155
148
|
showTabsBar: {
|
|
156
|
-
type: PropType<
|
|
149
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
|
|
157
150
|
default: boolean;
|
|
158
151
|
};
|
|
159
152
|
showFullScreen: {
|
|
160
|
-
type: PropType<
|
|
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<
|
|
157
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["autoHideHeader"]>;
|
|
165
158
|
default: boolean;
|
|
166
159
|
};
|
|
167
160
|
title: {
|
|
168
|
-
type: PropType<
|
|
161
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
|
|
169
162
|
default: string;
|
|
170
163
|
};
|
|
171
164
|
iconfontUrl: {
|
|
172
|
-
type: PropType<
|
|
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
|
|
171
|
+
disabled?: boolean;
|
|
183
172
|
name: string;
|
|
184
173
|
direction: string;
|
|
185
174
|
} | undefined;
|
|
186
175
|
};
|
|
187
176
|
primaryColor: {
|
|
188
|
-
type: PropType<
|
|
177
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["primaryColor"]>;
|
|
189
178
|
default: string;
|
|
190
179
|
};
|
|
191
180
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -222,31 +211,31 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
222
211
|
default: number;
|
|
223
212
|
};
|
|
224
213
|
links: {
|
|
225
|
-
type: PropType<import("
|
|
214
|
+
type: PropType<import("../../RenderTypings").LinksRender>;
|
|
226
215
|
default: () => undefined;
|
|
227
216
|
};
|
|
228
217
|
menuHeaderRender: {
|
|
229
|
-
type: PropType<import("
|
|
218
|
+
type: PropType<import("../../RenderTypings").HeaderLogoRender>;
|
|
230
219
|
default: () => undefined;
|
|
231
220
|
};
|
|
232
221
|
menuFooterRender: {
|
|
233
|
-
type: PropType<import("
|
|
222
|
+
type: PropType<import("../../RenderTypings").MenuFooterRender>;
|
|
234
223
|
default: () => boolean;
|
|
235
224
|
};
|
|
236
225
|
menuContentRender: {
|
|
237
|
-
type: PropType<import("
|
|
226
|
+
type: PropType<import("../../RenderTypings").MenuContentRender>;
|
|
238
227
|
default: () => boolean;
|
|
239
228
|
};
|
|
240
229
|
menuExtraRender: {
|
|
241
|
-
type: PropType<import("
|
|
230
|
+
type: PropType<import("../../RenderTypings").MenuExtraRender>;
|
|
242
231
|
default: () => boolean;
|
|
243
232
|
};
|
|
244
233
|
collapsedButtonRender: {
|
|
245
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean
|
|
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<
|
|
238
|
+
type: PropType<import("./typings").SiderProps["breakpoint"] | false>;
|
|
250
239
|
default: () => boolean;
|
|
251
240
|
};
|
|
252
241
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
@@ -264,15 +253,15 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
264
253
|
default: string;
|
|
265
254
|
};
|
|
266
255
|
menuData: {
|
|
267
|
-
type: PropType<import("
|
|
256
|
+
type: PropType<import("../..").AppRouteModule[]>;
|
|
268
257
|
default: () => never[];
|
|
269
258
|
};
|
|
270
259
|
theme: {
|
|
271
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
260
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").MenuTheme>;
|
|
272
261
|
default: string;
|
|
273
262
|
};
|
|
274
263
|
layout: {
|
|
275
|
-
type: PropType<"
|
|
264
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
|
|
276
265
|
default: string;
|
|
277
266
|
};
|
|
278
267
|
collapsed: {
|
|
@@ -280,7 +269,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
280
269
|
default: () => boolean;
|
|
281
270
|
};
|
|
282
271
|
openKeys: {
|
|
283
|
-
type: PropType<
|
|
272
|
+
type: PropType<string[] | boolean>;
|
|
284
273
|
default: () => never[];
|
|
285
274
|
};
|
|
286
275
|
selectedKeys: {
|
|
@@ -292,18 +281,11 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
292
281
|
default: () => null;
|
|
293
282
|
};
|
|
294
283
|
menuItemRender: {
|
|
295
|
-
type: PropType<import("
|
|
296
|
-
item: import("src").AppRouteModule;
|
|
297
|
-
title?: JSX.Element | undefined;
|
|
298
|
-
icon?: JSX.Element | undefined;
|
|
299
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
284
|
+
type: PropType<import("./BaseMenu").CustomMenuRender["menuItemRender"]>;
|
|
300
285
|
default: () => undefined;
|
|
301
286
|
};
|
|
302
287
|
subMenuItemRender: {
|
|
303
|
-
type: PropType<import("
|
|
304
|
-
item: import("src").AppRouteModule;
|
|
305
|
-
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
|
|
306
|
-
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
|
|
288
|
+
type: PropType<import("./BaseMenu").CustomMenuRender["subMenuItemRender"]>;
|
|
307
289
|
default: () => undefined;
|
|
308
290
|
};
|
|
309
291
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -314,69 +296,65 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
314
296
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
315
297
|
};
|
|
316
298
|
wideWidth: {
|
|
317
|
-
type: PropType<
|
|
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<
|
|
303
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
|
|
322
304
|
default: boolean;
|
|
323
305
|
};
|
|
324
306
|
fixedMultiTab: {
|
|
325
|
-
type: PropType<
|
|
307
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
|
|
326
308
|
default: boolean;
|
|
327
309
|
};
|
|
328
310
|
showProgressBar: {
|
|
329
|
-
type: PropType<
|
|
311
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
|
|
330
312
|
default: boolean;
|
|
331
313
|
};
|
|
332
314
|
fixedHeader: {
|
|
333
|
-
type: PropType<
|
|
315
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
|
|
334
316
|
default: boolean;
|
|
335
317
|
};
|
|
336
318
|
fixSiderbar: {
|
|
337
|
-
type: PropType<
|
|
319
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
|
|
338
320
|
default: boolean;
|
|
339
321
|
};
|
|
340
322
|
showTabsBar: {
|
|
341
|
-
type: PropType<
|
|
323
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
|
|
342
324
|
default: boolean;
|
|
343
325
|
};
|
|
344
326
|
showFullScreen: {
|
|
345
|
-
type: PropType<
|
|
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<
|
|
331
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["autoHideHeader"]>;
|
|
350
332
|
default: boolean;
|
|
351
333
|
};
|
|
352
334
|
title: {
|
|
353
|
-
type: PropType<
|
|
335
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
|
|
354
336
|
default: string;
|
|
355
337
|
};
|
|
356
338
|
iconfontUrl: {
|
|
357
|
-
type: PropType<
|
|
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
|
|
345
|
+
disabled?: boolean;
|
|
368
346
|
name: string;
|
|
369
347
|
direction: string;
|
|
370
348
|
} | undefined;
|
|
371
349
|
};
|
|
372
350
|
primaryColor: {
|
|
373
|
-
type: PropType<
|
|
351
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["primaryColor"]>;
|
|
374
352
|
default: string;
|
|
375
353
|
};
|
|
376
354
|
}>>, {
|
|
377
355
|
selectedKeys: string[];
|
|
378
356
|
openKeys: boolean | string[];
|
|
379
|
-
menuData: import("
|
|
357
|
+
menuData: import("../..").AppRouteModule[];
|
|
380
358
|
layout: "top" | "side" | "mix" | "simple" | "wide";
|
|
381
359
|
theme: import("@gx-design-vue/pro-provider/dist").ThemeType;
|
|
382
360
|
splitMenus: boolean;
|
|
@@ -385,7 +363,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
385
363
|
fixedHeader: boolean;
|
|
386
364
|
siderWidth: number;
|
|
387
365
|
title: string;
|
|
388
|
-
links: import("
|
|
366
|
+
links: import("../../RenderTypings").LinksRender;
|
|
389
367
|
wideWidth: number | undefined;
|
|
390
368
|
fixedMultiTab: boolean;
|
|
391
369
|
showProgressBar: boolean;
|
|
@@ -394,20 +372,20 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
394
372
|
autoHideHeader: boolean;
|
|
395
373
|
iconfontUrl: string | undefined;
|
|
396
374
|
animate: {
|
|
397
|
-
disabled?: boolean
|
|
375
|
+
disabled?: boolean;
|
|
398
376
|
name: string;
|
|
399
377
|
direction: string;
|
|
400
378
|
} | undefined;
|
|
401
379
|
primaryColor: string;
|
|
402
|
-
menuHeaderRender: import("
|
|
380
|
+
menuHeaderRender: import("../../RenderTypings").HeaderLogoRender;
|
|
403
381
|
menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
404
|
-
item: import("
|
|
405
|
-
title?: JSX.Element
|
|
406
|
-
icon?: JSX.Element
|
|
382
|
+
item: import("../..").AppRouteModule;
|
|
383
|
+
title?: JSX.Element;
|
|
384
|
+
icon?: JSX.Element;
|
|
407
385
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
|
|
408
386
|
subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
409
|
-
item: import("
|
|
410
|
-
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[]
|
|
387
|
+
item: import("../..").AppRouteModule;
|
|
388
|
+
children?: import("@gx-design-vue/pro-utils/dist").CustomRender[];
|
|
411
389
|
}) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined;
|
|
412
390
|
mode: import("ant-design-vue").MenuMode;
|
|
413
391
|
collapsed: boolean | undefined;
|
|
@@ -418,10 +396,10 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<{
|
|
|
418
396
|
logoStyle: import("vue").CSSProperties;
|
|
419
397
|
logoDirection: "horizontal" | "vertical";
|
|
420
398
|
onMenuHeaderClick: (...args: any[]) => any;
|
|
421
|
-
menuFooterRender: import("
|
|
422
|
-
menuContentRender: import("
|
|
423
|
-
menuExtraRender: import("
|
|
424
|
-
collapsedButtonRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean
|
|
399
|
+
menuFooterRender: import("../../RenderTypings").MenuFooterRender;
|
|
400
|
+
menuContentRender: import("../../RenderTypings").MenuContentRender;
|
|
401
|
+
menuExtraRender: import("../../RenderTypings").MenuExtraRender;
|
|
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
|
}, {}>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
2
|
+
import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
|
|
3
|
+
import type { MenuTheme, ThemeConfig } from '@gx-design-vue/pro-provider';
|
|
4
|
+
import type { CustomMenuRender } from './BaseMenu';
|
|
5
|
+
import type { MenuMode, SiderProps } from './typings';
|
|
6
|
+
import type { HeaderLogoRender, LinksRender, MenuContentRender, MenuExtraRender, MenuFooterRender } from '../../RenderTypings';
|
|
6
7
|
import type { AppRouteModule } from '../../route';
|
|
7
8
|
export declare const baseMenuProps: {
|
|
8
9
|
mode: {
|
|
@@ -14,11 +15,11 @@ export declare const baseMenuProps: {
|
|
|
14
15
|
default: () => never[];
|
|
15
16
|
};
|
|
16
17
|
theme: {
|
|
17
|
-
type: PropType<
|
|
18
|
+
type: PropType<MenuTheme>;
|
|
18
19
|
default: string;
|
|
19
20
|
};
|
|
20
21
|
layout: {
|
|
21
|
-
type: PropType<"
|
|
22
|
+
type: PropType<ThemeConfig["layout"]>;
|
|
22
23
|
default: string;
|
|
23
24
|
};
|
|
24
25
|
collapsed: {
|
|
@@ -26,7 +27,7 @@ export declare const baseMenuProps: {
|
|
|
26
27
|
default: () => boolean;
|
|
27
28
|
};
|
|
28
29
|
openKeys: {
|
|
29
|
-
type: PropType<
|
|
30
|
+
type: PropType<string[] | boolean>;
|
|
30
31
|
default: () => never[];
|
|
31
32
|
};
|
|
32
33
|
selectedKeys: {
|
|
@@ -38,18 +39,11 @@ export declare const baseMenuProps: {
|
|
|
38
39
|
default: () => null;
|
|
39
40
|
};
|
|
40
41
|
menuItemRender: {
|
|
41
|
-
type: PropType<
|
|
42
|
-
item: AppRouteModule;
|
|
43
|
-
title?: JSX.Element | undefined;
|
|
44
|
-
icon?: JSX.Element | undefined;
|
|
45
|
-
}) => CustomRender> | undefined>;
|
|
42
|
+
type: PropType<CustomMenuRender["menuItemRender"]>;
|
|
46
43
|
default: () => undefined;
|
|
47
44
|
};
|
|
48
45
|
subMenuItemRender: {
|
|
49
|
-
type: PropType<
|
|
50
|
-
item: AppRouteModule;
|
|
51
|
-
children?: CustomRender[] | undefined;
|
|
52
|
-
}) => CustomRender> | undefined>;
|
|
46
|
+
type: PropType<CustomMenuRender["subMenuItemRender"]>;
|
|
53
47
|
default: () => undefined;
|
|
54
48
|
};
|
|
55
49
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -60,67 +54,63 @@ export declare const baseMenuProps: {
|
|
|
60
54
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
61
55
|
};
|
|
62
56
|
wideWidth: {
|
|
63
|
-
type: PropType<
|
|
57
|
+
type: PropType<ThemeConfig["wideWidth"]>;
|
|
64
58
|
default: number | undefined;
|
|
65
59
|
};
|
|
66
60
|
splitMenus: {
|
|
67
|
-
type: PropType<
|
|
61
|
+
type: PropType<ThemeConfig["splitMenus"]>;
|
|
68
62
|
default: boolean;
|
|
69
63
|
};
|
|
70
64
|
fixedMultiTab: {
|
|
71
|
-
type: PropType<
|
|
65
|
+
type: PropType<ThemeConfig["fixedMultiTab"]>;
|
|
72
66
|
default: boolean;
|
|
73
67
|
};
|
|
74
68
|
showProgressBar: {
|
|
75
|
-
type: PropType<
|
|
69
|
+
type: PropType<ThemeConfig["showProgressBar"]>;
|
|
76
70
|
default: boolean;
|
|
77
71
|
};
|
|
78
72
|
fixedHeader: {
|
|
79
|
-
type: PropType<
|
|
73
|
+
type: PropType<ThemeConfig["fixedHeader"]>;
|
|
80
74
|
default: boolean;
|
|
81
75
|
};
|
|
82
76
|
fixSiderbar: {
|
|
83
|
-
type: PropType<
|
|
77
|
+
type: PropType<ThemeConfig["fixSiderbar"]>;
|
|
84
78
|
default: boolean;
|
|
85
79
|
};
|
|
86
80
|
showTabsBar: {
|
|
87
|
-
type: PropType<
|
|
81
|
+
type: PropType<ThemeConfig["showTabsBar"]>;
|
|
88
82
|
default: boolean;
|
|
89
83
|
};
|
|
90
84
|
showFullScreen: {
|
|
91
|
-
type: PropType<
|
|
85
|
+
type: PropType<ThemeConfig["showFullScreen"]>;
|
|
92
86
|
default: boolean | undefined;
|
|
93
87
|
};
|
|
94
88
|
autoHideHeader: {
|
|
95
|
-
type: PropType<
|
|
89
|
+
type: PropType<ThemeConfig["autoHideHeader"]>;
|
|
96
90
|
default: boolean;
|
|
97
91
|
};
|
|
98
92
|
headerHeight: {
|
|
99
|
-
type: PropType<
|
|
93
|
+
type: PropType<ThemeConfig["headerHeight"]>;
|
|
100
94
|
default: number | undefined;
|
|
101
95
|
};
|
|
102
96
|
title: {
|
|
103
|
-
type: PropType<
|
|
97
|
+
type: PropType<ThemeConfig["title"]>;
|
|
104
98
|
default: string;
|
|
105
99
|
};
|
|
106
100
|
iconfontUrl: {
|
|
107
|
-
type: PropType<
|
|
101
|
+
type: PropType<ThemeConfig["iconfontUrl"]>;
|
|
108
102
|
default: string | undefined;
|
|
109
103
|
};
|
|
110
104
|
animate: {
|
|
111
|
-
type: PropType<
|
|
112
|
-
disabled?: boolean | undefined;
|
|
113
|
-
name: string;
|
|
114
|
-
direction: string;
|
|
115
|
-
} | undefined>;
|
|
105
|
+
type: PropType<ThemeConfig["animate"]>;
|
|
116
106
|
default: {
|
|
117
|
-
disabled?: boolean
|
|
107
|
+
disabled?: boolean;
|
|
118
108
|
name: string;
|
|
119
109
|
direction: string;
|
|
120
110
|
} | undefined;
|
|
121
111
|
};
|
|
122
112
|
primaryColor: {
|
|
123
|
-
type: PropType<
|
|
113
|
+
type: PropType<ThemeConfig["primaryColor"]>;
|
|
124
114
|
default: string;
|
|
125
115
|
};
|
|
126
116
|
};
|
|
@@ -178,7 +168,7 @@ export declare const siderMenuProps: {
|
|
|
178
168
|
default: () => undefined;
|
|
179
169
|
};
|
|
180
170
|
breakpoint: {
|
|
181
|
-
type: PropType<
|
|
171
|
+
type: PropType<SiderProps["breakpoint"] | false>;
|
|
182
172
|
default: () => boolean;
|
|
183
173
|
};
|
|
184
174
|
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
@@ -204,11 +194,11 @@ export declare const siderMenuProps: {
|
|
|
204
194
|
default: () => never[];
|
|
205
195
|
};
|
|
206
196
|
theme: {
|
|
207
|
-
type: PropType<
|
|
197
|
+
type: PropType<MenuTheme>;
|
|
208
198
|
default: string;
|
|
209
199
|
};
|
|
210
200
|
layout: {
|
|
211
|
-
type: PropType<"
|
|
201
|
+
type: PropType<ThemeConfig["layout"]>;
|
|
212
202
|
default: string;
|
|
213
203
|
};
|
|
214
204
|
collapsed: {
|
|
@@ -216,7 +206,7 @@ export declare const siderMenuProps: {
|
|
|
216
206
|
default: () => boolean;
|
|
217
207
|
};
|
|
218
208
|
openKeys: {
|
|
219
|
-
type: PropType<
|
|
209
|
+
type: PropType<string[] | boolean>;
|
|
220
210
|
default: () => never[];
|
|
221
211
|
};
|
|
222
212
|
selectedKeys: {
|
|
@@ -228,18 +218,11 @@ export declare const siderMenuProps: {
|
|
|
228
218
|
default: () => null;
|
|
229
219
|
};
|
|
230
220
|
menuItemRender: {
|
|
231
|
-
type: PropType<
|
|
232
|
-
item: AppRouteModule;
|
|
233
|
-
title?: JSX.Element | undefined;
|
|
234
|
-
icon?: JSX.Element | undefined;
|
|
235
|
-
}) => CustomRender> | undefined>;
|
|
221
|
+
type: PropType<CustomMenuRender["menuItemRender"]>;
|
|
236
222
|
default: () => undefined;
|
|
237
223
|
};
|
|
238
224
|
subMenuItemRender: {
|
|
239
|
-
type: PropType<
|
|
240
|
-
item: AppRouteModule;
|
|
241
|
-
children?: CustomRender[] | undefined;
|
|
242
|
-
}) => CustomRender> | undefined>;
|
|
225
|
+
type: PropType<CustomMenuRender["subMenuItemRender"]>;
|
|
243
226
|
default: () => undefined;
|
|
244
227
|
};
|
|
245
228
|
onClick: PropType<(...args: any) => void>;
|
|
@@ -250,63 +233,59 @@ export declare const siderMenuProps: {
|
|
|
250
233
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
251
234
|
};
|
|
252
235
|
wideWidth: {
|
|
253
|
-
type: PropType<
|
|
236
|
+
type: PropType<ThemeConfig["wideWidth"]>;
|
|
254
237
|
default: number | undefined;
|
|
255
238
|
};
|
|
256
239
|
splitMenus: {
|
|
257
|
-
type: PropType<
|
|
240
|
+
type: PropType<ThemeConfig["splitMenus"]>;
|
|
258
241
|
default: boolean;
|
|
259
242
|
};
|
|
260
243
|
fixedMultiTab: {
|
|
261
|
-
type: PropType<
|
|
244
|
+
type: PropType<ThemeConfig["fixedMultiTab"]>;
|
|
262
245
|
default: boolean;
|
|
263
246
|
};
|
|
264
247
|
showProgressBar: {
|
|
265
|
-
type: PropType<
|
|
248
|
+
type: PropType<ThemeConfig["showProgressBar"]>;
|
|
266
249
|
default: boolean;
|
|
267
250
|
};
|
|
268
251
|
fixedHeader: {
|
|
269
|
-
type: PropType<
|
|
252
|
+
type: PropType<ThemeConfig["fixedHeader"]>;
|
|
270
253
|
default: boolean;
|
|
271
254
|
};
|
|
272
255
|
fixSiderbar: {
|
|
273
|
-
type: PropType<
|
|
256
|
+
type: PropType<ThemeConfig["fixSiderbar"]>;
|
|
274
257
|
default: boolean;
|
|
275
258
|
};
|
|
276
259
|
showTabsBar: {
|
|
277
|
-
type: PropType<
|
|
260
|
+
type: PropType<ThemeConfig["showTabsBar"]>;
|
|
278
261
|
default: boolean;
|
|
279
262
|
};
|
|
280
263
|
showFullScreen: {
|
|
281
|
-
type: PropType<
|
|
264
|
+
type: PropType<ThemeConfig["showFullScreen"]>;
|
|
282
265
|
default: boolean | undefined;
|
|
283
266
|
};
|
|
284
267
|
autoHideHeader: {
|
|
285
|
-
type: PropType<
|
|
268
|
+
type: PropType<ThemeConfig["autoHideHeader"]>;
|
|
286
269
|
default: boolean;
|
|
287
270
|
};
|
|
288
271
|
title: {
|
|
289
|
-
type: PropType<
|
|
272
|
+
type: PropType<ThemeConfig["title"]>;
|
|
290
273
|
default: string;
|
|
291
274
|
};
|
|
292
275
|
iconfontUrl: {
|
|
293
|
-
type: PropType<
|
|
276
|
+
type: PropType<ThemeConfig["iconfontUrl"]>;
|
|
294
277
|
default: string | undefined;
|
|
295
278
|
};
|
|
296
279
|
animate: {
|
|
297
|
-
type: PropType<
|
|
298
|
-
disabled?: boolean | undefined;
|
|
299
|
-
name: string;
|
|
300
|
-
direction: string;
|
|
301
|
-
} | undefined>;
|
|
280
|
+
type: PropType<ThemeConfig["animate"]>;
|
|
302
281
|
default: {
|
|
303
|
-
disabled?: boolean
|
|
282
|
+
disabled?: boolean;
|
|
304
283
|
name: string;
|
|
305
284
|
direction: string;
|
|
306
285
|
} | undefined;
|
|
307
286
|
};
|
|
308
287
|
primaryColor: {
|
|
309
|
-
type: PropType<
|
|
288
|
+
type: PropType<ThemeConfig["primaryColor"]>;
|
|
310
289
|
default: string;
|
|
311
290
|
};
|
|
312
291
|
};
|