@gx-design-vue/pro-layout 0.1.0-beta.61 → 0.1.0-beta.63

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.
Files changed (90) hide show
  1. package/dist/Context.d.ts +29 -44
  2. package/dist/ProLayout.d.ts +267 -1070
  3. package/dist/{route.d.ts → RouteTypings.d.ts} +28 -27
  4. package/dist/SlotsTypings.d.ts +64 -0
  5. package/dist/WrapContent.d.ts +4 -3
  6. package/dist/_utils/ant-design-vue/badge.d.ts +1 -0
  7. package/dist/_utils/ant-design-vue/breadcrumb.d.ts +1 -0
  8. package/dist/_utils/ant-design-vue/index.d.ts +4 -0
  9. package/dist/_utils/ant-design-vue/menu.d.ts +2 -0
  10. package/dist/_utils/ant-design-vue/spin.d.ts +1 -0
  11. package/dist/components/AppsLogoComponents/AppLogoList.d.ts +16 -0
  12. package/dist/components/AppsLogoComponents/AppsLogo.d.ts +5 -0
  13. package/dist/components/AppsLogoComponents/DefaultContent.d.ts +20 -0
  14. package/dist/components/AppsLogoComponents/SimpleContent.d.ts +30 -0
  15. package/dist/components/AppsLogoComponents/index.d.ts +13 -0
  16. package/dist/components/AppsLogoComponents/props.d.ts +23 -0
  17. package/dist/components/AppsLogoComponents/style/default.d.ts +4 -0
  18. package/dist/components/AppsLogoComponents/style/index.d.ts +4 -0
  19. package/dist/components/AppsLogoComponents/style/simple.d.ts +4 -0
  20. package/dist/components/CollapsedIcon/index.d.ts +19 -0
  21. package/dist/components/CollapsedIcon/style.d.ts +6 -0
  22. package/dist/components/GIcon/index.d.ts +11 -0
  23. package/dist/components/GIcon/style.d.ts +4 -0
  24. package/dist/components/GlobalFooter/index.d.ts +10 -10
  25. package/dist/components/GlobalHeader/DefaultHeader.d.ts +208 -174
  26. package/dist/components/GlobalHeader/index.d.ts +117 -109
  27. package/dist/components/GlobalHeader/props.d.ts +86 -83
  28. package/dist/components/LogoContent/index.d.ts +23 -28
  29. package/dist/components/LogoContent/props.d.ts +4 -8
  30. package/dist/components/LogoContent/style.d.ts +3 -6
  31. package/dist/components/PageContainer/PageHeader.d.ts +7 -6
  32. package/dist/components/PageContainer/PageLoading.d.ts +29 -0
  33. package/dist/components/PageContainer/index.d.ts +50 -31
  34. package/dist/components/PageContainer/props.d.ts +24 -19
  35. package/dist/components/PageLock/Popup.d.ts +38 -0
  36. package/dist/components/PageLock/UserForm.d.ts +30 -0
  37. package/dist/components/PageLock/index.d.ts +52 -0
  38. package/dist/components/PageLock/props.d.ts +41 -0
  39. package/dist/components/PageLock/style.d.ts +4 -0
  40. package/dist/components/PageLock/useFormState.d.ts +11 -0
  41. package/dist/components/RightContent/Search/Panel.d.ts +26 -0
  42. package/dist/components/RightContent/Search/index.d.ts +35 -0
  43. package/dist/components/RightContent/Search/props.d.ts +9 -0
  44. package/dist/components/RightContent/Search/style.d.ts +4 -0
  45. package/dist/components/RightContent/index.d.ts +133 -0
  46. package/dist/components/RightContent/props.d.ts +70 -0
  47. package/dist/components/RightContent/style.d.ts +4 -0
  48. package/dist/components/SettingDrawer/BlockCheckbox.d.ts +4 -4
  49. package/dist/components/SettingDrawer/OthersChange.d.ts +5 -5
  50. package/dist/components/SettingDrawer/RegionalChange.d.ts +8 -8
  51. package/dist/components/SettingDrawer/ThemeColor.d.ts +6 -6
  52. package/dist/components/SettingDrawer/ThemeEditor.d.ts +17 -6
  53. package/dist/components/SettingDrawer/index.d.ts +88 -9
  54. package/dist/components/SettingDrawer/utils/config.d.ts +17 -1
  55. package/dist/components/SiderMenu/Arrow.d.ts +2 -0
  56. package/dist/components/SiderMenu/BaseMenu.d.ts +108 -100
  57. package/dist/components/SiderMenu/SiderMenu.d.ts +134 -119
  58. package/dist/components/SiderMenu/index.d.ts +135 -119
  59. package/dist/components/SiderMenu/props.d.ts +84 -77
  60. package/dist/components/SiderMenu/style/index.d.ts +4 -0
  61. package/dist/components/SiderMenu/{style.d.ts → style/menu.d.ts} +0 -2
  62. package/dist/components/SiderMenu/typings.d.ts +7 -7
  63. package/dist/components/TabsRoute/index.d.ts +97 -0
  64. package/dist/components/{MultiTab → TabsRoute}/props.d.ts +22 -10
  65. package/dist/components/{MultiTab → TabsRoute}/style.d.ts +1 -0
  66. package/dist/components/TabsRoute/utils/config.d.ts +14 -0
  67. package/dist/components/TabsRoute/utils/index.d.ts +1 -0
  68. package/dist/defaultSettings.d.ts +20 -31
  69. package/dist/hooks/theme/index.d.ts +16 -0
  70. package/dist/hooks/useClockTime/index.d.ts +9 -0
  71. package/dist/index.d.ts +23 -20
  72. package/dist/pro-layout.js +4863 -2869
  73. package/dist/pro-layout.umd.cjs +20 -1
  74. package/dist/props.d.ts +122 -109
  75. package/dist/style/index.d.ts +0 -7
  76. package/dist/typings.d.ts +19 -1
  77. package/dist/utils/coverToNewToken.d.ts +3 -4
  78. package/dist/utils/index.d.ts +11 -25
  79. package/dist/utils/menu.d.ts +13 -0
  80. package/dist/utils/style.d.ts +1 -0
  81. package/dist/utils/util.d.ts +7 -0
  82. package/package.json +10 -9
  83. package/dist/PageLoading.d.ts +0 -6
  84. package/dist/RenderTypings.d.ts +0 -29
  85. package/dist/components/MultiTab/index.d.ts +0 -81
  86. package/dist/components/MultiTab/utils/config.d.ts +0 -4
  87. package/dist/hooks/context/index.d.ts +0 -5
  88. package/dist/utils/getMenuData.d.ts +0 -9
  89. package/dist/utils/isImg/index.d.ts +0 -3
  90. package/dist/utils/isUrl/index.d.ts +0 -2
package/dist/props.d.ts CHANGED
@@ -1,21 +1,55 @@
1
1
  import type { CSSProperties, PropType } from 'vue';
2
2
  import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
3
- import type { AppRouteModule } from './route';
4
- import type { BreadcrumbProps } from './Context';
5
- import type { CopyrightRender, FooterRender } from './RenderTypings';
3
+ import type { BreadcrumbProps } from './typings';
4
+ import type { AppRouteModule } from './RouteTypings';
5
+ import type { PageContainerPropsType } from './Context';
6
+ import type { DefaultRender, FooterRender } from './SlotsTypings';
6
7
  import type { Links } from './components/GlobalFooter';
8
+ export type ShortcutKeyProps = {
9
+ search?: {
10
+ keys?: string;
11
+ disabeld?: boolean;
12
+ };
13
+ lock?: {
14
+ keys?: string;
15
+ disabeld?: boolean;
16
+ };
17
+ };
18
+ export declare const darkThemeProps: {
19
+ dark: {
20
+ type: PropType<boolean | "system">;
21
+ default: undefined;
22
+ };
23
+ onDarkChange: PropType<(value?: boolean | "system") => void>;
24
+ 'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
25
+ };
7
26
  export declare const basicLayoutProps: {
27
+ pageContainerProps: {
28
+ type: PropType<PageContainerPropsType>;
29
+ };
8
30
  pure: BooleanConstructor;
9
31
  token: PropType<DeepPartial<ProAliasToken>>;
32
+ menuData: {
33
+ type: PropType<AppRouteModule[]>;
34
+ default: () => AppRouteModule[];
35
+ };
36
+ levelMenuData: {
37
+ type: PropType<AppRouteModule[]>;
38
+ default: () => undefined;
39
+ };
10
40
  waterMark: {
11
41
  type: PropType<boolean>;
12
42
  default: boolean;
13
43
  };
44
+ pageLockRender: {
45
+ type: PropType<DefaultRender>;
46
+ default: undefined;
47
+ };
14
48
  /**
15
49
  * 是否禁用移动端模式,有的管理系统不需要移动端模式,此属性设置为true即可
16
50
  */
17
51
  disableMobile: {
18
- type: BooleanConstructor;
52
+ type: PropType<boolean>;
19
53
  required: boolean;
20
54
  };
21
55
  contentStyle: {
@@ -35,79 +69,30 @@ export declare const basicLayoutProps: {
35
69
  blankTarget: boolean;
36
70
  } | {
37
71
  key: string;
38
- title: JSX.Element;
72
+ title: import("vue/jsx-runtime").JSX.Element;
39
73
  href: string;
40
74
  blankTarget: boolean;
41
75
  })[];
42
76
  };
77
+ tabsVisible: PropType<boolean>;
78
+ tabsRouteItemRender: {
79
+ type: PropType<import("./SlotsTypings").TabsRouteItemRender>;
80
+ default: () => undefined;
81
+ };
43
82
  copyrightRender: {
44
- type: PropType<CopyrightRender>;
83
+ type: PropType<DefaultRender>;
45
84
  default: () => undefined;
46
85
  };
47
86
  footerRender: {
48
87
  type: PropType<FooterRender>;
49
88
  default: () => undefined;
50
89
  };
51
- menuData: {
52
- type: PropType<AppRouteModule[]>;
53
- default: () => AppRouteModule[];
54
- };
55
- levelMenuData: {
56
- type: PropType<AppRouteModule[]>;
57
- default: () => AppRouteModule[];
58
- };
59
- collapsed: import("vue-types").VueTypeValidableDef<boolean>;
60
- usePageCard: {
61
- type: PropType<boolean>;
62
- default: () => undefined;
63
- };
64
- pageCardProps: PropType<{
65
- loading?: boolean;
66
- bodyStyle: CSSProperties;
67
- }>;
68
- pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
69
- pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
70
- waterMarkProps: {
71
- type: PropType<import("@gx-design-vue/pro-watermark/dist").WaterMarkProps>;
72
- };
73
- pageHeaderRender: {
74
- type: PropType<import("./RenderTypings").DefaultPropRender>;
75
- default: () => undefined;
76
- };
77
- pageChildrenExtraRender: {
78
- type: PropType<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
79
- default: () => undefined;
80
- };
81
- contentRender: {
82
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
83
- default: () => undefined;
84
- };
85
- breadcrumbRender: {
86
- type: PropType<import("./RenderTypings").PageHeaderRender>;
87
- default: () => undefined;
88
- };
89
- pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
90
- isMobile: import("vue-types").VueTypeValidableDef<boolean>;
91
- siderWidth: import("vue-types").VueTypeValidableDef<number> & {
92
- default: number;
93
- } & {
94
- default: number;
95
- };
96
- collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
97
- default: number;
98
- } & {
99
- default: number;
100
- };
101
- isFixedMultiTab: {
102
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
103
- default: boolean;
90
+ onTabsChange: {
91
+ type: PropType<(list: AppRouteModule[]) => void>;
104
92
  };
105
93
  onReloadPage: {
106
94
  type: PropType<() => void>;
107
95
  };
108
- onChangeTabs: {
109
- type: PropType<(list: AppRouteModule[]) => void>;
110
- };
111
96
  'onUpdate:tabs': {
112
97
  type: PropType<(list: AppRouteModule[]) => void>;
113
98
  };
@@ -116,14 +101,23 @@ export declare const basicLayoutProps: {
116
101
  default: () => undefined;
117
102
  };
118
103
  headerRender: {
119
- 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>>;
104
+ type: PropType<import("./SlotsTypings").HeaderRender>;
120
105
  default: () => undefined;
121
106
  };
122
107
  headerContentRender: {
123
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
108
+ type: PropType<import("./SlotsTypings").HeaderContentRender>;
124
109
  default: () => undefined;
125
110
  };
126
111
  hasSiderMenu: PropType<boolean>;
112
+ collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
113
+ default: number;
114
+ } & {
115
+ default: number;
116
+ };
117
+ siderWidth: {
118
+ type: PropType<number>;
119
+ default: undefined;
120
+ };
127
121
  logo: {
128
122
  type: PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
129
123
  default: () => undefined;
@@ -132,30 +126,27 @@ export declare const basicLayoutProps: {
132
126
  type: PropType<CSSProperties>;
133
127
  default: () => undefined;
134
128
  };
135
- logoDirection: {
136
- type: PropType<"horizontal" | "vertical">;
137
- default: string;
138
- };
139
129
  menuLoading: PropType<boolean>;
140
130
  autoHideHeader: PropType<boolean>;
141
- headerTheme: {
142
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeType>;
143
- default: string;
144
- };
131
+ isMobile: PropType<boolean>;
145
132
  menuRender: {
146
133
  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>>;
147
134
  default: () => undefined;
148
135
  };
136
+ appLogoListRender: {
137
+ type: PropType<DefaultRender>;
138
+ default: () => undefined;
139
+ };
149
140
  extraRightDropdownRender: {
150
- type: PropType<import("./RenderTypings").ExtraRightDropdownRender>;
141
+ type: PropType<DefaultRender>;
151
142
  default: () => undefined;
152
143
  };
153
144
  rightContentRender: {
154
- type: PropType<import("./RenderTypings").RightContentRender>;
145
+ type: PropType<import("./SlotsTypings").RightContentRender>;
155
146
  default: () => undefined;
156
147
  };
157
148
  collapsedButtonRender: {
158
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
149
+ type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
159
150
  default: () => undefined;
160
151
  };
161
152
  matchMenuKeys: {
@@ -172,17 +163,17 @@ export declare const basicLayoutProps: {
172
163
  onSelect: {
173
164
  type: PropType<(selectedKeys: string[]) => void>;
174
165
  };
175
- mode: {
176
- type: PropType<import("ant-design-vue").MenuMode>;
177
- default: string;
166
+ toFirstPath: {
167
+ type: PropType<boolean>;
168
+ default: undefined;
178
169
  };
179
- theme: {
180
- type: PropType<import("@gx-design-vue/pro-provider/dist").MenuTheme>;
170
+ mode: {
171
+ type: PropType<import("ant-design-vue/es/menu/src/interface").MenuMode>;
181
172
  default: string;
182
173
  };
183
- layout: {
184
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["layout"]>;
185
- default: string;
174
+ collapsed: {
175
+ type: PropType<boolean>;
176
+ default: boolean;
186
177
  };
187
178
  openKeys: {
188
179
  type: PropType<string[] | boolean>;
@@ -204,53 +195,61 @@ export declare const basicLayoutProps: {
204
195
  type: PropType<import("./components/SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
205
196
  default: () => undefined;
206
197
  };
207
- onClick: PropType<(...args: any) => void>;
198
+ onClick: PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
199
+ theme: {
200
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
201
+ default: string;
202
+ };
203
+ layout: {
204
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
205
+ default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
206
+ };
208
207
  wideWidth: {
209
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["wideWidth"]>;
208
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
210
209
  default: number | undefined;
211
210
  };
212
211
  splitMenus: {
213
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["splitMenus"]>;
212
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
214
213
  default: boolean;
215
214
  };
216
- fixedMultiTab: {
217
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
215
+ fixedTabsBar: {
216
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
218
217
  default: boolean;
219
218
  };
220
219
  showProgressBar: {
221
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showProgressBar"]>;
220
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
222
221
  default: boolean;
223
222
  };
224
223
  fixedHeader: {
225
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedHeader"]>;
224
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
226
225
  default: boolean;
227
226
  };
228
227
  fixSiderbar: {
229
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixSiderbar"]>;
228
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
230
229
  default: boolean;
231
230
  };
232
231
  showTabsBar: {
233
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showTabsBar"]>;
232
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
234
233
  default: boolean;
235
234
  };
236
- showFullScreen: {
237
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["showFullScreen"]>;
238
- default: boolean | undefined;
235
+ storageTabsBar: {
236
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
237
+ default: boolean;
239
238
  };
240
239
  headerHeight: {
241
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["headerHeight"]>;
240
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
242
241
  default: number | undefined;
243
242
  };
244
243
  title: {
245
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["title"]>;
244
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
246
245
  default: string;
247
246
  };
248
247
  iconfontUrl: {
249
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["iconfontUrl"]>;
248
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
250
249
  default: string | undefined;
251
250
  };
252
251
  animate: {
253
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["animate"]>;
252
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
254
253
  default: {
255
254
  disabled?: boolean;
256
255
  name: string;
@@ -258,28 +257,36 @@ export declare const basicLayoutProps: {
258
257
  } | undefined;
259
258
  };
260
259
  primaryColor: {
261
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["primaryColor"]>;
260
+ type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
262
261
  default: string;
263
262
  };
264
- links: {
265
- type: PropType<import("./RenderTypings").LinksRender>;
263
+ suppressSiderWhenMenuEmpty: {
264
+ type: PropType<boolean>;
265
+ default: boolean;
266
+ };
267
+ siderActionsRender: {
268
+ type: PropType<DefaultRender>;
269
+ default: () => undefined;
270
+ };
271
+ menuLinksRender: {
272
+ type: PropType<DefaultRender>;
266
273
  default: () => undefined;
267
274
  };
268
275
  menuHeaderRender: {
269
- type: PropType<import("./RenderTypings").HeaderLogoRender>;
276
+ type: PropType<import("./SlotsTypings").HeaderLogoRender>;
270
277
  default: () => undefined;
271
278
  };
272
279
  menuFooterRender: {
273
- type: PropType<import("./RenderTypings").MenuFooterRender>;
274
- default: () => boolean;
280
+ type: PropType<import("./SlotsTypings").MenuFooterRender>;
281
+ default: () => undefined;
275
282
  };
276
283
  menuContentRender: {
277
- type: PropType<import("./RenderTypings").MenuContentRender>;
278
- default: () => boolean;
284
+ type: PropType<import("./SlotsTypings").MenuContentRender>;
285
+ default: () => undefined;
279
286
  };
280
287
  menuExtraRender: {
281
- type: PropType<import("./RenderTypings").MenuExtraRender>;
282
- default: () => boolean;
288
+ type: PropType<import("./SlotsTypings").MenuExtraRender>;
289
+ default: () => undefined;
283
290
  };
284
291
  breakpoint: {
285
292
  type: PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
@@ -288,4 +295,10 @@ export declare const basicLayoutProps: {
288
295
  onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
289
296
  default: (...args: any[]) => any;
290
297
  };
298
+ dark: {
299
+ type: PropType<boolean | "system">;
300
+ default: undefined;
301
+ };
302
+ onDarkChange: PropType<(value?: boolean | "system") => void>;
303
+ 'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
291
304
  };
@@ -3,12 +3,5 @@ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
3
3
  export interface ProLayoutToken extends ProAliasToken {
4
4
  componentCls: string;
5
5
  }
6
- /**
7
- * 主要区别:
8
- * 需要手动引入 import 'antd/dist/antd.css';
9
- * 需要重置 menu 的样式
10
- * @param token
11
- * @returns
12
- */
13
6
  export declare const compatibleStyle: GenerateStyle<ProLayoutToken>;
14
7
  export declare const genProLayoutStyle: GenerateStyle<ProLayoutToken>;
package/dist/typings.d.ts CHANGED
@@ -1 +1,19 @@
1
- export type ProProps = Record<never, never>;
1
+ import type { CustomRender } from '@gx-design-vue/pro-utils';
2
+ export interface AntRoute {
3
+ path: string;
4
+ breadcrumbName: string;
5
+ children?: Omit<AntRoute, 'children'>[];
6
+ }
7
+ export interface BreadcrumbProps {
8
+ prefixCls?: string;
9
+ routes?: AntRoute[];
10
+ params?: any;
11
+ separator?: CustomRender;
12
+ itemRender?: (opts: {
13
+ route: AntRoute;
14
+ params: any;
15
+ routes: Array<AntRoute>;
16
+ paths: Array<string>;
17
+ }) => CustomRender;
18
+ }
19
+ export type BreadcrumbListReturn = Pick<BreadcrumbProps, Extract<keyof BreadcrumbProps, 'routes' | 'itemRender'>>;
@@ -1,9 +1,8 @@
1
- import type { ProAliasToken, ThemeType } from '@gx-design-vue/pro-provider';
2
- export declare function coverToNewToken({ type, token, theme, staticToken, layoutThemeKey, }: {
1
+ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
2
+ export declare function coverToNewToken({ type, token, dark, staticToken }: {
3
3
  staticToken: Record<string, string | number | undefined>;
4
4
  token: ProAliasToken;
5
- theme: ThemeType;
6
- layoutThemeKey: string;
5
+ dark: boolean;
7
6
  type: 'sider' | 'header';
8
7
  }): Record<string, string | number | undefined> & {
9
8
  [k: string]: unknown;
@@ -1,28 +1,20 @@
1
- import type { ThemeConfig } from '@gx-design-vue/pro-provider';
2
- import type { AppRouteModule } from '../route';
3
- export { default as isUrl } from './isUrl';
4
- export { default as isImg } from './isImg';
5
- export * from './coverToNewToken';
1
+ import type { ProLayoutConfig } from '@gx-design-vue/pro-provider';
2
+ export * from './menu';
6
3
  export * from './animate';
7
- export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
8
- export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
9
- export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
10
- export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
11
- export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];
12
- export declare function handleThemeConfig(config: ThemeConfig): {
13
- theme: import("@gx-design-vue/pro-provider/dist").MenuTheme | undefined;
14
- layout: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
4
+ export * from './coverToNewToken';
5
+ export declare function handleThemeConfig(config: ProLayoutConfig): {
6
+ title: string;
7
+ theme: import("@gx-design-vue/pro-provider/dist").BaseMenuTheme;
8
+ layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
15
9
  splitMenus: boolean;
16
- fixedMultiTab: boolean;
17
10
  fixedHeader: boolean;
18
11
  fixSiderbar: boolean;
19
12
  showProgressBar: boolean;
20
13
  showTabsBar: boolean;
21
- showFullScreen?: boolean;
14
+ fixedTabsBar: boolean;
15
+ storageTabsBar: boolean;
22
16
  headerHeight?: number;
23
17
  wideWidth?: number;
24
- autoHideHeader: boolean;
25
- title: string;
26
18
  colorWeak?: boolean;
27
19
  iconfontUrl?: string;
28
20
  animate?: {
@@ -32,11 +24,5 @@ export declare function handleThemeConfig(config: ThemeConfig): {
32
24
  };
33
25
  primaryColor: string;
34
26
  };
35
- export declare function checkThemeStatus(config: Partial<ThemeConfig>): ThemeConfig;
36
- export type StringKeyOf<T> = Extract<keyof T, string>;
37
- /**
38
- * Creates an object composed of the picked object properties.
39
- * @param obj The source object
40
- * @param paths The property paths to pick
41
- */
42
- export declare function pick<T, K extends keyof T>(obj: T, paths: K[]): Pick<T, K>;
27
+ export declare function checkThemeStatus(config: Partial<ProLayoutConfig>): ProLayoutConfig;
28
+ export declare function removeDuplicatesByName<T>(array: T[], key: keyof T): T[];
@@ -0,0 +1,13 @@
1
+ import type { RecordType } from '@gx-design-vue/pro-utils';
2
+ import type { AppRouteModule } from '../RouteTypings';
3
+ export type MenuData = {
4
+ menuData: AppRouteModule[];
5
+ breadcrumb: RecordType;
6
+ getLevel: () => AppRouteModule[];
7
+ };
8
+ export declare const getMenuData: (routes: AppRouteModule[]) => MenuData;
9
+ export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
10
+ export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
11
+ export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
12
+ export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
13
+ export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];
@@ -0,0 +1 @@
1
+ export declare const layout = "::view-transition-new(root),::view-transition-old(root) {\n animation: none;\n mix-blend-mode: normal;\n}\n\n::view-transition-old(root) {\n z-index: 1;\n}\n\n::view-transition-new(root) {\n z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-old(root) {\n z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-new(root) {\n z-index: 1;\n}";
@@ -0,0 +1,7 @@
1
+ /**
2
+ * 根据指定字段对对象数组进行去重
3
+ * @param arr 要去重的对象数组
4
+ * @param key 去重依据的字段名
5
+ * @returns 去重后的对象数组
6
+ */
7
+ export declare function uniqueByField<T>(arr: T[], key: keyof T): T[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gx-design-vue/pro-layout",
3
- "version": "0.1.0-beta.61",
3
+ "version": "0.1.0-beta.63",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "vite build",
@@ -24,14 +24,15 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@vueuse/core": "^9.10.0",
28
- "@gx-design-vue/pro-app": "^0.1.0-beta.11",
29
- "@gx-design-vue/pro-utils": "^0.2.0-beta.29",
30
- "@gx-design-vue/pro-hooks": "^0.2.0-beta.22",
31
- "@gx-design-vue/pro-provider": "^0.1.0-beta.69",
32
- "@gx-design-vue/pro-watermark": "^0.2.0-beta.7",
33
- "@gx-design-vue/scrollbar": "^0.2.0-beta.13",
34
- "@gx-design-vue/color-picker": "^0.2.0-beta.19",
27
+ "@vueuse/core": "^11.1.0",
28
+ "@gx-design-vue/pro-app": "^0.1.0-beta.17",
29
+ "@gx-design-vue/pro-utils": "^0.2.0-beta.42",
30
+ "@gx-design-vue/pro-hooks": "^0.2.0-beta.30",
31
+ "@gx-design-vue/pro-provider": "^0.1.0-beta.85",
32
+ "@gx-design-vue/pro-watermark": "^0.2.0-beta.9",
33
+ "@gx-design-vue/scrollbar": "^0.2.0-beta.17",
34
+ "@gx-design-vue/color-picker": "^0.2.0-beta.24",
35
+ "@gx-design-vue/pro-modal": "^0.2.0-beta.23",
35
36
  "dayjs": "^1.11.0",
36
37
  "lodash-es": "^4.17.21"
37
38
  },
@@ -1,6 +0,0 @@
1
- import type { SpinProps } from './_utils';
2
- export type PageLoadingProps = SpinProps;
3
- declare const PageLoading: import("vue").DefineComponent<{}, JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
4
- [x: string]: any;
5
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- export default PageLoading;
@@ -1,29 +0,0 @@
1
- import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
2
- import type { BreadcrumbProps } from './Context';
3
- import type { ProProps } from './typings';
4
- import type { AppRouteModule } from './route';
5
- export type DefaultPropRender = WithFalse<CustomRender>;
6
- export type BreadcrumbRender = BreadcrumbProps['itemRender'];
7
- export type HeaderContentRender = WithFalse<() => CustomRender>;
8
- export type HeaderRender = WithFalse<(props: ProProps) => CustomRender>;
9
- export type FooterRender = WithFalse<(props: ProProps) => CustomRender>;
10
- export type RightContentRender = WithFalse<(props: ProProps) => CustomRender>;
11
- export type MenuItemRender = WithFalse<(args: {
12
- item: AppRouteModule;
13
- title?: JSX.Element;
14
- icon?: JSX.Element;
15
- }) => CustomRender>;
16
- export type SubMenuItemRender = WithFalse<(args: {
17
- item: AppRouteModule;
18
- children?: CustomRender[];
19
- }) => CustomRender>;
20
- export type LinksRender = WithFalse<CustomRender>;
21
- export type MenuContentRender = WithFalse<(props: ProProps, defaultDom: CustomRender) => CustomRender>;
22
- export type MenuFooterRender = WithFalse<(props?: ProProps) => CustomRender>;
23
- export type MenuExtraRender = WithFalse<(props?: ProProps) => CustomRender>;
24
- export type LogoRender = WithFalse<CustomRender>;
25
- export type ExtraRightDropdownRender = WithFalse<CustomRender>;
26
- export type HeaderLogoRender = WithFalse<(logo: CustomRender, title: CustomRender, props?: ProProps) => CustomRender>;
27
- export type CopyrightRender = WithFalse<CustomRender>;
28
- export type CollapsedButtonRender = WithFalse<(collapsed?: boolean) => CustomRender>;
29
- export type PageHeaderRender = WithFalse<(props?: ProProps) => CustomRender>;
@@ -1,81 +0,0 @@
1
- import type { ExtractPropTypes, PropType } from 'vue';
2
- import multiTabProps from './props';
3
- import type { AppRouteModule } from '../../route';
4
- export type MultiTabProps = Partial<ExtractPropTypes<typeof multiTabProps>>;
5
- export declare function hanlePathKey(record: AppRouteModule): string;
6
- declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
7
- visible: {
8
- type: PropType<boolean>;
9
- default: boolean;
10
- };
11
- loading: import("vue-types").VueTypeValidableDef<boolean>;
12
- isMobile: import("vue-types").VueTypeValidableDef<boolean>;
13
- collapsed: {
14
- type: PropType<boolean | undefined>;
15
- default: () => boolean;
16
- };
17
- siderWidth: import("vue-types").VueTypeValidableDef<number> & {
18
- default: number;
19
- } & {
20
- default: number;
21
- };
22
- collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
23
- default: number;
24
- } & {
25
- default: number;
26
- };
27
- isFixedMultiTab: {
28
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
29
- default: boolean;
30
- };
31
- onReloadPage: {
32
- type: PropType<() => void>;
33
- };
34
- onChangeTabs: {
35
- type: PropType<(list: AppRouteModule[]) => void>;
36
- };
37
- 'onUpdate:tabs': {
38
- type: PropType<(list: AppRouteModule[]) => void>;
39
- };
40
- }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
41
- visible: {
42
- type: PropType<boolean>;
43
- default: boolean;
44
- };
45
- loading: import("vue-types").VueTypeValidableDef<boolean>;
46
- isMobile: import("vue-types").VueTypeValidableDef<boolean>;
47
- collapsed: {
48
- type: PropType<boolean | undefined>;
49
- default: () => boolean;
50
- };
51
- siderWidth: import("vue-types").VueTypeValidableDef<number> & {
52
- default: number;
53
- } & {
54
- default: number;
55
- };
56
- collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
57
- default: number;
58
- } & {
59
- default: number;
60
- };
61
- isFixedMultiTab: {
62
- type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
63
- default: boolean;
64
- };
65
- onReloadPage: {
66
- type: PropType<() => void>;
67
- };
68
- onChangeTabs: {
69
- type: PropType<(list: AppRouteModule[]) => void>;
70
- };
71
- 'onUpdate:tabs': {
72
- type: PropType<(list: AppRouteModule[]) => void>;
73
- };
74
- }>> & Readonly<{}>, {
75
- siderWidth: number;
76
- visible: boolean;
77
- collapsed: boolean | undefined;
78
- collapsedWidth: number;
79
- isFixedMultiTab: boolean;
80
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
81
- export default _default;
@@ -1,4 +0,0 @@
1
- export declare const tabsMenuList: {
2
- key: string;
3
- label: string;
4
- }[];