@gx-design-vue/pro-layout 0.1.0-beta.87 → 0.1.0-beta.89
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 +17 -4
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +10 -9
- package/dist/components/GlobalHeader/index.d.ts +2 -2
- package/dist/components/GlobalHeader/props.d.ts +2 -2
- package/dist/components/LogoContent/index.d.ts +2 -2
- package/dist/components/LogoContent/props.d.ts +2 -2
- package/dist/components/SiderMenu/SiderMenu.d.ts +2 -2
- package/dist/components/SiderMenu/index.d.ts +2 -2
- package/dist/components/SiderMenu/props.d.ts +1 -1
- package/dist/hooks/menu/context.d.ts +9 -0
- package/dist/pro-layout.js +1772 -1753
- package/dist/pro-layout.umd.cjs +2 -2
- package/dist/props.d.ts +8 -2
- package/package.json +1 -1
package/dist/Context.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export type ProLayoutContextProps = {
|
|
|
12
12
|
getPrefixCls: (prefixCls: PrefixCls) => string;
|
|
13
13
|
selectedKeys: Ref<string[]>;
|
|
14
14
|
openKeys: Ref<string[]>;
|
|
15
|
-
menuData:
|
|
15
|
+
menuData: ComputedRef<AppRouteModule[]>;
|
|
16
16
|
levelMenuData: ComputedRef<AppRouteModule[]>;
|
|
17
17
|
flatMenuData: ComputedRef<AppRouteModule[]>;
|
|
18
18
|
breadcrumb: ComputedRef<BreadcrumbListReturn>;
|
package/dist/ProLayout.d.ts
CHANGED
|
@@ -11,6 +11,12 @@ import { type GlobalHeaderProps } from './components/GlobalHeader';
|
|
|
11
11
|
import './utils/icon/iconfont.js';
|
|
12
12
|
export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>;
|
|
13
13
|
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
14
|
+
id: PropType<string>;
|
|
15
|
+
class: PropType<string>;
|
|
16
|
+
style: {
|
|
17
|
+
type: PropType<CSSProperties>;
|
|
18
|
+
default: () => {};
|
|
19
|
+
};
|
|
14
20
|
contentWidth: {
|
|
15
21
|
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["contentWidth"]>;
|
|
16
22
|
default: () => undefined;
|
|
@@ -22,7 +28,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
22
28
|
token: PropType<import("@gx-design-vue/pro-provider/dist").DeepPartial<import("@gx-design-vue/pro-provider/dist").ProAliasToken>>;
|
|
23
29
|
menuData: {
|
|
24
30
|
type: PropType<AppRouteModule[]>;
|
|
25
|
-
default:
|
|
31
|
+
default: undefined;
|
|
26
32
|
};
|
|
27
33
|
levelMenuData: {
|
|
28
34
|
type: PropType<AppRouteModule[]>;
|
|
@@ -153,7 +159,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
153
159
|
type: PropType<HeaderLogoRender>;
|
|
154
160
|
default: () => undefined;
|
|
155
161
|
};
|
|
156
|
-
onLogoClick: PropType<
|
|
162
|
+
onLogoClick: PropType<() => void>;
|
|
157
163
|
mode: {
|
|
158
164
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
159
165
|
default: string;
|
|
@@ -285,6 +291,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
285
291
|
onDarkChange: PropType<(value?: boolean | "system") => void>;
|
|
286
292
|
'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
|
|
287
293
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openKeys" | "select" | "collapse" | "update:collapsed" | "reloadPage" | "update:tabs" | "update:dark" | "update:open-keys" | "update:selected-keys" | "logoClick" | "menuClick" | "tabsChange" | "darkChange")[], "openKeys" | "select" | "collapse" | "update:collapsed" | "reloadPage" | "update:tabs" | "update:dark" | "update:open-keys" | "update:selected-keys" | "logoClick" | "menuClick" | "tabsChange" | "darkChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
294
|
+
id: PropType<string>;
|
|
295
|
+
class: PropType<string>;
|
|
296
|
+
style: {
|
|
297
|
+
type: PropType<CSSProperties>;
|
|
298
|
+
default: () => {};
|
|
299
|
+
};
|
|
288
300
|
contentWidth: {
|
|
289
301
|
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["contentWidth"]>;
|
|
290
302
|
default: () => undefined;
|
|
@@ -296,7 +308,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
296
308
|
token: PropType<import("@gx-design-vue/pro-provider/dist").DeepPartial<import("@gx-design-vue/pro-provider/dist").ProAliasToken>>;
|
|
297
309
|
menuData: {
|
|
298
310
|
type: PropType<AppRouteModule[]>;
|
|
299
|
-
default:
|
|
311
|
+
default: undefined;
|
|
300
312
|
};
|
|
301
313
|
levelMenuData: {
|
|
302
314
|
type: PropType<AppRouteModule[]>;
|
|
@@ -427,7 +439,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
427
439
|
type: PropType<HeaderLogoRender>;
|
|
428
440
|
default: () => undefined;
|
|
429
441
|
};
|
|
430
|
-
onLogoClick: PropType<
|
|
442
|
+
onLogoClick: PropType<() => void>;
|
|
431
443
|
mode: {
|
|
432
444
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
433
445
|
default: string;
|
|
@@ -608,6 +620,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
608
620
|
openKeys: string[];
|
|
609
621
|
selectedKeys: string[];
|
|
610
622
|
menuProps: Record<string, any>;
|
|
623
|
+
style: CSSProperties;
|
|
611
624
|
collapsedWidth: number;
|
|
612
625
|
breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
|
|
613
626
|
logo: CustomRender;
|
|
@@ -2,6 +2,7 @@ import { type ExtractPropTypes } from 'vue';
|
|
|
2
2
|
import type { CustomRender } from '@gx-design-vue/pro-utils';
|
|
3
3
|
import { type ProLayoutType } from '@gx-design-vue/pro-provider';
|
|
4
4
|
import type { SiderMenuProps } from '../SiderMenu/SiderMenu';
|
|
5
|
+
import type { AppRouteModule } from '../../RouteTypings';
|
|
5
6
|
export declare const defaultHeaderProps: {
|
|
6
7
|
menuLoading: import("vue").PropType<boolean>;
|
|
7
8
|
autoHideHeader: import("vue").PropType<boolean>;
|
|
@@ -11,7 +12,7 @@ export declare const defaultHeaderProps: {
|
|
|
11
12
|
default: undefined;
|
|
12
13
|
};
|
|
13
14
|
menuData: {
|
|
14
|
-
type: import("vue").PropType<
|
|
15
|
+
type: import("vue").PropType<AppRouteModule[]>;
|
|
15
16
|
default: () => never[];
|
|
16
17
|
};
|
|
17
18
|
headerRender: {
|
|
@@ -67,7 +68,7 @@ export declare const defaultHeaderProps: {
|
|
|
67
68
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
68
69
|
default: () => undefined;
|
|
69
70
|
};
|
|
70
|
-
onLogoClick: import("vue").PropType<
|
|
71
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
71
72
|
mode: {
|
|
72
73
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
73
74
|
default: string;
|
|
@@ -212,7 +213,7 @@ declare const DefaultHeader: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
212
213
|
default: undefined;
|
|
213
214
|
};
|
|
214
215
|
menuData: {
|
|
215
|
-
type: import("vue").PropType<
|
|
216
|
+
type: import("vue").PropType<AppRouteModule[]>;
|
|
216
217
|
default: () => never[];
|
|
217
218
|
};
|
|
218
219
|
headerRender: {
|
|
@@ -268,7 +269,7 @@ declare const DefaultHeader: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
268
269
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
269
270
|
default: () => undefined;
|
|
270
271
|
};
|
|
271
|
-
onLogoClick: import("vue").PropType<
|
|
272
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
272
273
|
mode: {
|
|
273
274
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
274
275
|
default: string;
|
|
@@ -411,7 +412,7 @@ declare const DefaultHeader: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
411
412
|
default: undefined;
|
|
412
413
|
};
|
|
413
414
|
menuData: {
|
|
414
|
-
type: import("vue").PropType<
|
|
415
|
+
type: import("vue").PropType<AppRouteModule[]>;
|
|
415
416
|
default: () => never[];
|
|
416
417
|
};
|
|
417
418
|
headerRender: {
|
|
@@ -467,7 +468,7 @@ declare const DefaultHeader: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
467
468
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
468
469
|
default: () => undefined;
|
|
469
470
|
};
|
|
470
|
-
onLogoClick: import("vue").PropType<
|
|
471
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
471
472
|
mode: {
|
|
472
473
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
473
474
|
default: string;
|
|
@@ -622,16 +623,16 @@ declare const DefaultHeader: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
622
623
|
} | undefined;
|
|
623
624
|
primaryColor: string;
|
|
624
625
|
menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
625
|
-
item:
|
|
626
|
+
item: AppRouteModule;
|
|
626
627
|
title?: CustomRender;
|
|
627
628
|
icon?: CustomRender;
|
|
628
629
|
}) => CustomRender> | undefined;
|
|
629
630
|
subMenuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
|
|
630
|
-
item:
|
|
631
|
+
item: AppRouteModule;
|
|
631
632
|
children?: CustomRender[];
|
|
632
633
|
}) => CustomRender> | undefined;
|
|
633
634
|
mode: import("ant-design-vue").MenuMode;
|
|
634
|
-
menuData:
|
|
635
|
+
menuData: AppRouteModule[];
|
|
635
636
|
collapsed: boolean;
|
|
636
637
|
openKeys: string[];
|
|
637
638
|
selectedKeys: string[];
|
|
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
77
77
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
78
78
|
default: () => undefined;
|
|
79
79
|
};
|
|
80
|
-
onLogoClick: import("vue").PropType<
|
|
80
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
81
81
|
mode: {
|
|
82
82
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
83
83
|
default: string;
|
|
@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
246
246
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
247
247
|
default: () => undefined;
|
|
248
248
|
};
|
|
249
|
-
onLogoClick: import("vue").PropType<
|
|
249
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
250
250
|
mode: {
|
|
251
251
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
252
252
|
default: string;
|
|
@@ -67,7 +67,7 @@ export declare const globalHeaderProps: {
|
|
|
67
67
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
68
68
|
default: () => undefined;
|
|
69
69
|
};
|
|
70
|
-
onLogoClick: PropType<
|
|
70
|
+
onLogoClick: PropType<() => void>;
|
|
71
71
|
mode: {
|
|
72
72
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
73
73
|
default: string;
|
|
@@ -237,7 +237,7 @@ export declare const headerViewProps: {
|
|
|
237
237
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
238
238
|
default: () => undefined;
|
|
239
239
|
};
|
|
240
|
-
onLogoClick: PropType<
|
|
240
|
+
onLogoClick: PropType<() => void>;
|
|
241
241
|
mode: {
|
|
242
242
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
243
243
|
default: string;
|
|
@@ -21,7 +21,7 @@ declare const LogoContent: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
21
21
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
22
22
|
default: () => undefined;
|
|
23
23
|
};
|
|
24
|
-
onLogoClick: PropType<
|
|
24
|
+
onLogoClick: PropType<() => void>;
|
|
25
25
|
layout: {
|
|
26
26
|
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
|
|
27
27
|
default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
|
|
@@ -45,7 +45,7 @@ declare const LogoContent: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
45
45
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
46
46
|
default: () => undefined;
|
|
47
47
|
};
|
|
48
|
-
onLogoClick: PropType<
|
|
48
|
+
onLogoClick: PropType<() => void>;
|
|
49
49
|
layout: {
|
|
50
50
|
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
|
|
51
51
|
default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
|
|
@@ -14,7 +14,7 @@ export declare const commonLogoProps: {
|
|
|
14
14
|
type: PropType<HeaderLogoRender>;
|
|
15
15
|
default: () => undefined;
|
|
16
16
|
};
|
|
17
|
-
onLogoClick: PropType<
|
|
17
|
+
onLogoClick: PropType<() => void>;
|
|
18
18
|
};
|
|
19
19
|
declare const _default: {
|
|
20
20
|
logo: {
|
|
@@ -29,7 +29,7 @@ declare const _default: {
|
|
|
29
29
|
type: PropType<HeaderLogoRender>;
|
|
30
30
|
default: () => undefined;
|
|
31
31
|
};
|
|
32
|
-
onLogoClick: PropType<
|
|
32
|
+
onLogoClick: PropType<() => void>;
|
|
33
33
|
layout: {
|
|
34
34
|
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
|
|
35
35
|
default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
|
|
@@ -76,7 +76,7 @@ declare const SiderMenu: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
76
76
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
77
77
|
default: () => undefined;
|
|
78
78
|
};
|
|
79
|
-
onLogoClick: import("vue").PropType<
|
|
79
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
80
80
|
mode: {
|
|
81
81
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
82
82
|
default: string;
|
|
@@ -250,7 +250,7 @@ declare const SiderMenu: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
250
250
|
type: import("vue").PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
251
251
|
default: () => undefined;
|
|
252
252
|
};
|
|
253
|
-
onLogoClick: import("vue").PropType<
|
|
253
|
+
onLogoClick: import("vue").PropType<() => void>;
|
|
254
254
|
mode: {
|
|
255
255
|
type: import("vue").PropType<import("ant-design-vue").MenuMode>;
|
|
256
256
|
default: string;
|
|
@@ -73,7 +73,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<import("vue").Extr
|
|
|
73
73
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
74
74
|
default: () => undefined;
|
|
75
75
|
};
|
|
76
|
-
onLogoClick: PropType<
|
|
76
|
+
onLogoClick: PropType<() => void>;
|
|
77
77
|
mode: {
|
|
78
78
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
79
79
|
default: string;
|
|
@@ -247,7 +247,7 @@ declare const SiderMenuWrapper: import("vue").DefineComponent<import("vue").Extr
|
|
|
247
247
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
248
248
|
default: () => undefined;
|
|
249
249
|
};
|
|
250
|
-
onLogoClick: PropType<
|
|
250
|
+
onLogoClick: PropType<() => void>;
|
|
251
251
|
mode: {
|
|
252
252
|
type: PropType<import("ant-design-vue").MenuMode>;
|
|
253
253
|
default: string;
|
|
@@ -180,7 +180,7 @@ export declare const siderMenuProps: {
|
|
|
180
180
|
type: PropType<import("../../SlotsTypings").HeaderLogoRender>;
|
|
181
181
|
default: () => undefined;
|
|
182
182
|
};
|
|
183
|
-
onLogoClick: PropType<
|
|
183
|
+
onLogoClick: PropType<() => void>;
|
|
184
184
|
mode: {
|
|
185
185
|
type: PropType<MenuMode>;
|
|
186
186
|
default: string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import type { AppRouteModule } from '../../RouteTypings';
|
|
3
|
+
interface ProLayoutMenuContext {
|
|
4
|
+
menuData: Ref<AppRouteModule[]>;
|
|
5
|
+
levelMenuData: Ref<AppRouteModule[]>;
|
|
6
|
+
matchedMenu: ComputedRef<AppRouteModule[]>;
|
|
7
|
+
}
|
|
8
|
+
export declare const provideProLayoutMenuContext: (value: ProLayoutMenuContext) => void, useProLayoutMenuContext: (injectDefaultValue?: ProLayoutMenuContext | undefined) => ProLayoutMenuContext;
|
|
9
|
+
export {};
|