@gx-design-vue/pro-layout 0.1.0-beta.67 → 0.1.0-beta.69

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 CHANGED
@@ -19,12 +19,13 @@ export type ProLayoutContextProps = {
19
19
  layout: Ref<ProLayoutType>;
20
20
  theme: Ref<BaseMenuTheme>;
21
21
  dark: Ref<BasicLayoutProps['dark']>;
22
+ collapsed: Ref<boolean>;
22
23
  waterMark: Ref<boolean>;
23
24
  contentFullScreen: Ref<boolean>;
24
25
  splitMenus: Ref<boolean>;
25
26
  lockOpen: Ref<boolean>;
26
27
  settingsOpen: Ref<boolean>;
27
- headerHeight: Ref<number>;
28
+ headerHeight: ComputedRef<number>;
28
29
  disableMobile?: Ref<boolean>;
29
30
  fixSiderbar: Ref<boolean>;
30
31
  fixedHeader: Ref<boolean>;
@@ -1,5 +1,5 @@
1
1
  import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
2
- import type { CustomRender } from '@gx-design-vue/pro-utils';
2
+ import { type CustomRender } from '@gx-design-vue/pro-utils';
3
3
  import { basicLayoutProps } from './props';
4
4
  import type { FooterRender, HeaderContentRender, HeaderLogoRender, HeaderRender, MenuContentRender, MenuExtraRender, MenuFooterRender, RightContentRender, TabsRouteItemRender } from './SlotsTypings';
5
5
  import type { AppRouteModule } from './RouteTypings';
@@ -80,18 +80,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
80
80
  'onUpdate:tabs': {
81
81
  type: import("vue").PropType<(list: AppRouteModule[]) => void>;
82
82
  };
83
- headerTitleRender: {
84
- type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
85
- default: () => undefined;
86
- };
87
- headerRender: {
88
- type: import("vue").PropType<HeaderRender>;
89
- default: () => undefined;
90
- };
91
- headerContentRender: {
92
- type: import("vue").PropType<HeaderContentRender>;
93
- default: () => undefined;
94
- };
95
83
  hasSiderMenu: import("vue").PropType<boolean>;
96
84
  collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
97
85
  default: number;
@@ -102,17 +90,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
102
90
  type: import("vue").PropType<number>;
103
91
  default: undefined;
104
92
  };
105
- logo: {
106
- type: import("vue").PropType<CustomRender>;
93
+ menuLoading: import("vue").PropType<boolean>;
94
+ autoHideHeader: import("vue").PropType<boolean>;
95
+ isMobile: import("vue").PropType<boolean>;
96
+ headerRender: {
97
+ type: import("vue").PropType<HeaderRender>;
107
98
  default: () => undefined;
108
99
  };
109
- logoStyle: {
110
- type: import("vue").PropType<CSSProperties>;
100
+ headerContentRender: {
101
+ type: import("vue").PropType<HeaderContentRender>;
111
102
  default: () => undefined;
112
103
  };
113
- menuLoading: import("vue").PropType<boolean>;
114
- autoHideHeader: import("vue").PropType<boolean>;
115
- isMobile: import("vue").PropType<boolean>;
116
104
  menuRender: {
117
105
  type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
118
106
  default: () => undefined;
@@ -143,10 +131,22 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
143
131
  onOpenKeys: {
144
132
  type: import("vue").PropType<(openKeys: string[]) => void>;
145
133
  };
146
- onMenuHeaderClick: import("vue").PropType<Function>;
147
134
  onSelect: {
148
135
  type: import("vue").PropType<(selectedKeys: string[]) => void>;
149
136
  };
137
+ logo: {
138
+ type: import("vue").PropType<CustomRender>;
139
+ default: () => undefined;
140
+ };
141
+ logoStyle: {
142
+ type: import("vue").PropType<CSSProperties>;
143
+ default: () => undefined;
144
+ };
145
+ logoContentRender: {
146
+ type: import("vue").PropType<HeaderLogoRender>;
147
+ default: () => undefined;
148
+ };
149
+ onLogoClick: import("vue").PropType<Function>;
150
150
  toFirstPath: {
151
151
  type: import("vue").PropType<boolean>;
152
152
  default: undefined;
@@ -160,7 +160,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
160
160
  default: boolean;
161
161
  };
162
162
  openKeys: {
163
- type: import("vue").PropType<string[] | boolean>;
163
+ type: import("vue").PropType<string[]>;
164
164
  default: () => never[];
165
165
  };
166
166
  selectedKeys: {
@@ -248,6 +248,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
248
248
  type: import("vue").PropType<boolean>;
249
249
  default: boolean;
250
250
  };
251
+ breakpoint: {
252
+ type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
253
+ default: () => boolean;
254
+ };
251
255
  siderActionsRender: {
252
256
  type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
253
257
  default: () => undefined;
@@ -256,10 +260,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
256
260
  type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
257
261
  default: () => undefined;
258
262
  };
259
- menuHeaderRender: {
260
- type: import("vue").PropType<HeaderLogoRender>;
261
- default: () => undefined;
262
- };
263
263
  menuFooterRender: {
264
264
  type: import("vue").PropType<MenuFooterRender>;
265
265
  default: () => undefined;
@@ -272,10 +272,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
272
272
  type: import("vue").PropType<MenuExtraRender>;
273
273
  default: () => undefined;
274
274
  };
275
- breakpoint: {
276
- type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
277
- default: () => boolean;
278
- };
279
275
  onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
280
276
  default: (...args: any[]) => any;
281
277
  };
@@ -285,7 +281,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
285
281
  };
286
282
  onDarkChange: import("vue").PropType<(value?: boolean | "system") => void>;
287
283
  'onUpdate:dark': import("vue").PropType<(value?: boolean | "system") => void>;
288
- }>, () => 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" | "menuHeaderClick" | "menuClick" | "tabsChange" | "darkChange")[], "openKeys" | "select" | "collapse" | "update:collapsed" | "reloadPage" | "update:tabs" | "update:dark" | "update:open-keys" | "update:selected-keys" | "menuHeaderClick" | "menuClick" | "tabsChange" | "darkChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
284
+ }>, () => 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<{
289
285
  pageContainerProps: {
290
286
  type: import("vue").PropType<import("./Context").PageContainerPropsType>;
291
287
  };
@@ -355,18 +351,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
355
351
  'onUpdate:tabs': {
356
352
  type: import("vue").PropType<(list: AppRouteModule[]) => void>;
357
353
  };
358
- headerTitleRender: {
359
- type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
360
- default: () => undefined;
361
- };
362
- headerRender: {
363
- type: import("vue").PropType<HeaderRender>;
364
- default: () => undefined;
365
- };
366
- headerContentRender: {
367
- type: import("vue").PropType<HeaderContentRender>;
368
- default: () => undefined;
369
- };
370
354
  hasSiderMenu: import("vue").PropType<boolean>;
371
355
  collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
372
356
  default: number;
@@ -377,17 +361,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
377
361
  type: import("vue").PropType<number>;
378
362
  default: undefined;
379
363
  };
380
- logo: {
381
- type: import("vue").PropType<CustomRender>;
364
+ menuLoading: import("vue").PropType<boolean>;
365
+ autoHideHeader: import("vue").PropType<boolean>;
366
+ isMobile: import("vue").PropType<boolean>;
367
+ headerRender: {
368
+ type: import("vue").PropType<HeaderRender>;
382
369
  default: () => undefined;
383
370
  };
384
- logoStyle: {
385
- type: import("vue").PropType<CSSProperties>;
371
+ headerContentRender: {
372
+ type: import("vue").PropType<HeaderContentRender>;
386
373
  default: () => undefined;
387
374
  };
388
- menuLoading: import("vue").PropType<boolean>;
389
- autoHideHeader: import("vue").PropType<boolean>;
390
- isMobile: import("vue").PropType<boolean>;
391
375
  menuRender: {
392
376
  type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>>;
393
377
  default: () => undefined;
@@ -418,10 +402,22 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
418
402
  onOpenKeys: {
419
403
  type: import("vue").PropType<(openKeys: string[]) => void>;
420
404
  };
421
- onMenuHeaderClick: import("vue").PropType<Function>;
422
405
  onSelect: {
423
406
  type: import("vue").PropType<(selectedKeys: string[]) => void>;
424
407
  };
408
+ logo: {
409
+ type: import("vue").PropType<CustomRender>;
410
+ default: () => undefined;
411
+ };
412
+ logoStyle: {
413
+ type: import("vue").PropType<CSSProperties>;
414
+ default: () => undefined;
415
+ };
416
+ logoContentRender: {
417
+ type: import("vue").PropType<HeaderLogoRender>;
418
+ default: () => undefined;
419
+ };
420
+ onLogoClick: import("vue").PropType<Function>;
425
421
  toFirstPath: {
426
422
  type: import("vue").PropType<boolean>;
427
423
  default: undefined;
@@ -435,7 +431,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
435
431
  default: boolean;
436
432
  };
437
433
  openKeys: {
438
- type: import("vue").PropType<string[] | boolean>;
434
+ type: import("vue").PropType<string[]>;
439
435
  default: () => never[];
440
436
  };
441
437
  selectedKeys: {
@@ -523,6 +519,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
523
519
  type: import("vue").PropType<boolean>;
524
520
  default: boolean;
525
521
  };
522
+ breakpoint: {
523
+ type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
524
+ default: () => boolean;
525
+ };
526
526
  siderActionsRender: {
527
527
  type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
528
528
  default: () => undefined;
@@ -531,10 +531,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
531
531
  type: import("vue").PropType<import("./SlotsTypings").DefaultRender>;
532
532
  default: () => undefined;
533
533
  };
534
- menuHeaderRender: {
535
- type: import("vue").PropType<HeaderLogoRender>;
536
- default: () => undefined;
537
- };
538
534
  menuFooterRender: {
539
535
  type: import("vue").PropType<MenuFooterRender>;
540
536
  default: () => undefined;
@@ -547,10 +543,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
547
543
  type: import("vue").PropType<MenuExtraRender>;
548
544
  default: () => undefined;
549
545
  };
550
- breakpoint: {
551
- type: import("vue").PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
552
- default: () => boolean;
553
- };
554
546
  onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
555
547
  default: (...args: any[]) => any;
556
548
  };
@@ -564,7 +556,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
564
556
  onOpenKeys?: ((...args: any[]) => any) | undefined;
565
557
  onSelect?: ((...args: any[]) => any) | undefined;
566
558
  onCollapse?: ((...args: any[]) => any) | undefined;
567
- onMenuHeaderClick?: ((...args: any[]) => any) | undefined;
559
+ onLogoClick?: ((...args: any[]) => any) | undefined;
568
560
  onTabsChange?: ((...args: any[]) => any) | undefined;
569
561
  onReloadPage?: ((...args: any[]) => any) | undefined;
570
562
  "onUpdate:tabs"?: ((...args: any[]) => any) | undefined;
@@ -575,9 +567,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
575
567
  "onUpdate:open-keys"?: ((...args: any[]) => any) | undefined;
576
568
  "onUpdate:selected-keys"?: ((...args: any[]) => any) | undefined;
577
569
  }>, {
570
+ layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
578
571
  theme: import("@gx-design-vue/pro-provider/dist").BaseMenuTheme;
579
572
  dark: boolean | "system";
580
- layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
581
573
  wideWidth: number | undefined;
582
574
  splitMenus: boolean;
583
575
  fixedTabsBar: boolean;
@@ -595,7 +587,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
595
587
  direction: string;
596
588
  } | undefined;
597
589
  primaryColor: string;
598
- menuHeaderRender: HeaderLogoRender;
599
590
  menuItemRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
600
591
  item: AppRouteModule;
601
592
  title?: CustomRender;
@@ -609,15 +600,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
609
600
  mode: import("ant-design-vue").MenuMode;
610
601
  menuData: AppRouteModule[];
611
602
  collapsed: boolean;
612
- openKeys: boolean | string[];
603
+ openKeys: string[];
613
604
  selectedKeys: string[];
614
605
  menuProps: Record<string, any>;
615
606
  collapsedWidth: number;
616
607
  breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
617
608
  logo: CustomRender;
618
609
  logoStyle: CSSProperties;
610
+ logoContentRender: HeaderLogoRender;
619
611
  siderWidth: number;
620
612
  suppressSiderWhenMenuEmpty: boolean;
613
+ matchMenuKeys: string[];
621
614
  appLogoListRender: import("./SlotsTypings").DefaultRender;
622
615
  siderActionsRender: import("./SlotsTypings").DefaultRender;
623
616
  menuLinksRender: import("./SlotsTypings").DefaultRender;
@@ -625,15 +618,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
625
618
  menuContentRender: MenuContentRender;
626
619
  menuExtraRender: MenuExtraRender;
627
620
  collapsedButtonRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>;
628
- matchMenuKeys: string[];
629
621
  onMenuClick: (...args: any[]) => any;
622
+ headerRender: HeaderRender;
623
+ headerContentRender: HeaderContentRender;
630
624
  menuRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
631
625
  extraRightDropdownRender: import("./SlotsTypings").DefaultRender;
632
626
  rightContentRender: RightContentRender;
633
- headerTitleRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: CustomRender) => CustomRender>;
634
627
  levelMenuData: AppRouteModule[];
635
- headerRender: HeaderRender;
636
- headerContentRender: HeaderContentRender;
637
628
  pure: boolean;
638
629
  waterMark: boolean;
639
630
  pageLockRender: import("./SlotsTypings").DefaultRender;
@@ -668,6 +659,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
668
659
  menuContentRender(props: SiderMenuProps, defaultDom: CustomRender): void;
669
660
  menuItemRender(item: AppRouteModule, title?: CustomRender, icon?: CustomRender): void;
670
661
  subMenuItemRender(item: AppRouteModule, children?: CustomRender[]): void;
671
- menuHeaderRender(logo: CustomRender, title: CustomRender, props?: LogoContentProps): void;
662
+ logoContentRender(logo: CustomRender, title: CustomRender, props?: LogoContentProps): void;
672
663
  }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
673
664
  export default _default;
@@ -47,7 +47,7 @@ export type ProSlots = Readonly<{
47
47
  menuContentRender: (props: SiderMenuProps, defaultDom: CustomRender) => void;
48
48
  subMenuItemRender: (item: AppRouteModule, children?: CustomRender[]) => void;
49
49
  menuItemRender: (item: AppRouteModule, title?: CustomRender, icon?: CustomRender) => void;
50
- menuHeaderRender: (logo: CustomRender, title: CustomRender, props?: LogoContentProps) => void;
50
+ logoContentRender: (logo: CustomRender, title: CustomRender, props?: LogoContentProps) => void;
51
51
  breadcrumbRender: (props: {
52
52
  route: AntRoute;
53
53
  params: any;
@@ -60,5 +60,5 @@ export declare const siderMenuSlots: ProSlotsKeys[];
60
60
  export declare const headerSlots: ProSlotsKeys[];
61
61
  export declare const defaultSlots: ProSlotsKeys[];
62
62
  export declare const functionSlots: ProSlotsKeys[];
63
- export declare const proLayoutSlotskeys: ("menuHeaderRender" | "menuItemRender" | "subMenuItemRender" | "pageHeaderRender" | "breadcrumbRender" | "appLogoListRender" | "siderActionsRender" | "menuLinksRender" | "menuFooterRender" | "menuContentRender" | "menuExtraRender" | "collapsedButtonRender" | "extraRightDropdownRender" | "headerRender" | "headerContentRender" | "pageLockRender" | "tabsRouteItemRender" | "copyrightRender" | "footerRender")[];
63
+ export declare const proLayoutSlotskeys: ("menuItemRender" | "subMenuItemRender" | "logoContentRender" | "pageHeaderRender" | "breadcrumbRender" | "appLogoListRender" | "siderActionsRender" | "menuLinksRender" | "menuFooterRender" | "menuContentRender" | "menuExtraRender" | "collapsedButtonRender" | "headerRender" | "headerContentRender" | "extraRightDropdownRender" | "pageLockRender" | "tabsRouteItemRender" | "copyrightRender" | "footerRender")[];
64
64
  export declare const wrapContentProps: (keyof WrapContentProps)[];
@@ -8,6 +8,5 @@ export interface WrapContentProps extends TabsRouteProps {
8
8
  isChildrenLayout?: boolean;
9
9
  hashId?: string;
10
10
  prefixCls?: string;
11
- contentHeight?: number;
12
11
  }
13
12
  export declare const WrapContent: FunctionalComponent<WrapContentProps>;