@antdv-vue/pro-provider 0.0.0-stage → 2.0.0

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 (92) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/README.md +136 -2
  3. package/dist/ConfigProviderContainer.d.ts +10 -0
  4. package/dist/ConfigProviderContainer.js +207 -0
  5. package/dist/ProConfigProvider.d.ts +12 -0
  6. package/dist/ProConfigProvider.js +115 -0
  7. package/dist/context.d.ts +2810 -0
  8. package/dist/context.js +37 -0
  9. package/dist/index.d.ts +8 -0
  10. package/dist/index.js +7 -0
  11. package/dist/intl.d.ts +220 -0
  12. package/dist/intl.js +188 -0
  13. package/dist/locale/ar_EG.d.ts +6 -0
  14. package/dist/locale/ar_EG.js +99 -0
  15. package/dist/locale/ca_ES.d.ts +6 -0
  16. package/dist/locale/ca_ES.js +99 -0
  17. package/dist/locale/cs_CZ.d.ts +6 -0
  18. package/dist/locale/cs_CZ.js +99 -0
  19. package/dist/locale/de_DE.d.ts +6 -0
  20. package/dist/locale/de_DE.js +99 -0
  21. package/dist/locale/en_GB.d.ts +6 -0
  22. package/dist/locale/en_GB.js +99 -0
  23. package/dist/locale/en_US.d.ts +6 -0
  24. package/dist/locale/en_US.js +99 -0
  25. package/dist/locale/es_ES.d.ts +6 -0
  26. package/dist/locale/es_ES.js +99 -0
  27. package/dist/locale/fa_IR.d.ts +6 -0
  28. package/dist/locale/fa_IR.js +99 -0
  29. package/dist/locale/fr_FR.d.ts +6 -0
  30. package/dist/locale/fr_FR.js +99 -0
  31. package/dist/locale/he_IL.d.ts +6 -0
  32. package/dist/locale/he_IL.js +99 -0
  33. package/dist/locale/hr_HR.d.ts +6 -0
  34. package/dist/locale/hr_HR.js +99 -0
  35. package/dist/locale/id_ID.d.ts +6 -0
  36. package/dist/locale/id_ID.js +99 -0
  37. package/dist/locale/it_IT.d.ts +6 -0
  38. package/dist/locale/it_IT.js +99 -0
  39. package/dist/locale/ja_JP.d.ts +6 -0
  40. package/dist/locale/ja_JP.js +99 -0
  41. package/dist/locale/ko_KR.d.ts +6 -0
  42. package/dist/locale/ko_KR.js +99 -0
  43. package/dist/locale/mn_MN.d.ts +6 -0
  44. package/dist/locale/mn_MN.js +99 -0
  45. package/dist/locale/ms_MY.d.ts +6 -0
  46. package/dist/locale/ms_MY.js +99 -0
  47. package/dist/locale/nl_NL.d.ts +6 -0
  48. package/dist/locale/nl_NL.js +99 -0
  49. package/dist/locale/pl_PL.d.ts +6 -0
  50. package/dist/locale/pl_PL.js +99 -0
  51. package/dist/locale/pt_BR.d.ts +6 -0
  52. package/dist/locale/pt_BR.js +99 -0
  53. package/dist/locale/ro_RO.d.ts +6 -0
  54. package/dist/locale/ro_RO.js +99 -0
  55. package/dist/locale/ru_RU.d.ts +6 -0
  56. package/dist/locale/ru_RU.js +99 -0
  57. package/dist/locale/sk_SK.d.ts +6 -0
  58. package/dist/locale/sk_SK.js +99 -0
  59. package/dist/locale/sr_RS.d.ts +6 -0
  60. package/dist/locale/sr_RS.js +99 -0
  61. package/dist/locale/sv_SE.d.ts +6 -0
  62. package/dist/locale/sv_SE.js +99 -0
  63. package/dist/locale/th_TH.d.ts +6 -0
  64. package/dist/locale/th_TH.js +99 -0
  65. package/dist/locale/tr_TR.d.ts +6 -0
  66. package/dist/locale/tr_TR.js +99 -0
  67. package/dist/locale/uk_UA.d.ts +6 -0
  68. package/dist/locale/uk_UA.js +99 -0
  69. package/dist/locale/uz_UZ.d.ts +6 -0
  70. package/dist/locale/uz_UZ.js +99 -0
  71. package/dist/locale/vi_VN.d.ts +6 -0
  72. package/dist/locale/vi_VN.js +99 -0
  73. package/dist/locale/zh_CN.d.ts +112 -0
  74. package/dist/locale/zh_CN.js +106 -0
  75. package/dist/locale/zh_HK.d.ts +6 -0
  76. package/dist/locale/zh_HK.js +99 -0
  77. package/dist/locale/zh_TW.d.ts +6 -0
  78. package/dist/locale/zh_TW.js +99 -0
  79. package/dist/pro-provider.esm.js +4147 -0
  80. package/dist/typing/layoutToken.d.ts +625 -0
  81. package/dist/typing/layoutToken.js +72 -0
  82. package/dist/typing.d.ts +99 -0
  83. package/dist/typing.js +1 -0
  84. package/dist/useStyle/index.d.ts +162 -0
  85. package/dist/useStyle/index.js +254 -0
  86. package/dist/useStyle/token.d.ts +35 -0
  87. package/dist/useStyle/token.js +421 -0
  88. package/dist/utils/index.d.ts +13 -0
  89. package/dist/utils/index.js +21 -0
  90. package/dist/utils/merge.d.ts +20 -0
  91. package/dist/utils/merge.js +36 -0
  92. package/package.json +65 -3
@@ -0,0 +1,625 @@
1
+ import { GlobalToken } from "antdv-next";
2
+
3
+ //#region src/typing/layoutToken.d.ts
4
+ interface BaseLayoutDesignToken {
5
+ hashId: string;
6
+ colorPrimary: string;
7
+ /**
8
+ * @name colorBgAppListIconHover 跨站点应用的图标hover颜色
9
+ */
10
+ colorBgAppListIconHover: string;
11
+ /**
12
+ * @name colorTextAppListIconHover 跨站点应用的图标hover颜色
13
+ */
14
+ colorTextAppListIconHover: string;
15
+ /**
16
+ * @name colorTextAppListIcon 跨站点应用的图标hover颜色
17
+ */
18
+ colorTextAppListIcon: string;
19
+ /**
20
+ * @name bgLayout layout 的背景颜色
21
+ */
22
+ bgLayout: string | null;
23
+ /**
24
+ * @name sider 侧边side的 token 配置
25
+ */
26
+ sider: {
27
+ /**
28
+ * @name colorSubMenuBackground submenu 的背景颜色
29
+ */
30
+ colorSubMenuBackground: string;
31
+ /**
32
+ * @name colorBgMenuItemCollapsedElevated 收起 menuItem 的弹出菜单背景颜色
33
+ */
34
+ colorBgMenuItemSelectedHorizontal: string;
35
+ colorTextMenuActiveBarWidth: number;
36
+ colorTextMenuActiveBarHeight: number;
37
+ colorTextMenuActiveBarBorderSize: number;
38
+ colorBgCollapsedButton: string;
39
+ colorTextCollapsedButtonHover: string;
40
+ colorTextCollapsedButton: string;
41
+ colorMenuBackground: string;
42
+ menuHeight: number;
43
+ colorBgMenuItemCollapsedElevated: string;
44
+ colorMenuItemDivider: string;
45
+ colorBgMenuItemHover: string;
46
+ colorBgMenuItemActive: string;
47
+ colorBgMenuItemSelected: string;
48
+ colorTextMenuSelected: string;
49
+ colorTextMenuItemHover: string;
50
+ colorTextMenuActive: string;
51
+ colorTextMenu: string;
52
+ colorTextMenuSecondary: string;
53
+ paddingInlineLayoutMenu: number;
54
+ paddingBlockLayoutMenu: number;
55
+ /**
56
+ * menu 顶部 title 的字体颜色
57
+ */
58
+ colorTextMenuTitle: string;
59
+ colorTextSubMenuSelected: string;
60
+ };
61
+ /**
62
+ * @name header 的 token 设置
63
+ */
64
+ header: {
65
+ colorBgHeader: string;
66
+ colorHeaderTitle: string;
67
+ colorBgMenuItemHover: string;
68
+ colorBgMenuItemSelected: string;
69
+ colorBgMenuItemSelectedHorizontal: string;
70
+ colorTextMenuSelected: string;
71
+ colorTextMenuActive: string;
72
+ colorTextMenu: string;
73
+ colorTextMenuSecondary: string;
74
+ colorBgRightActionsItemHover: string;
75
+ colorTextRightActionsItem: string;
76
+ heightLayoutHeader: number;
77
+ };
78
+ /**
79
+ * @name pageContainer 页面容器 的 token 配置
80
+ */
81
+ pageContainer: {
82
+ /**
83
+ * pageContainer 的背景颜色
84
+ */
85
+ colorBgPageContainer: string;
86
+ /**
87
+ * pageContainer 自带的 padding inline
88
+ */
89
+ paddingInlinePageContainerContent: number;
90
+ /**
91
+ * pageContainer 自带的 padding block
92
+ */
93
+ paddingBlockPageContainerContent: number;
94
+ /**
95
+ * pageContainer 被固定时的背景颜色
96
+ */
97
+ colorBgPageContainerFixed: string;
98
+ };
99
+ }
100
+ type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]> } : T;
101
+ declare const proLayoutUnitless: {
102
+ themeId: boolean;
103
+ colorFillContentHover?: boolean | undefined;
104
+ colorFillAlter?: boolean | undefined;
105
+ colorFillContent?: boolean | undefined;
106
+ colorBgContainerDisabled?: boolean | undefined;
107
+ colorBgTextHover?: boolean | undefined;
108
+ colorBgTextActive?: boolean | undefined;
109
+ colorBorderBg?: boolean | undefined;
110
+ colorSplit?: boolean | undefined;
111
+ colorTextPlaceholder?: boolean | undefined;
112
+ colorTextDisabled?: boolean | undefined;
113
+ colorTextHeading?: boolean | undefined;
114
+ colorTextLabel?: boolean | undefined;
115
+ colorTextDescription?: boolean | undefined;
116
+ colorTextLightSolid?: boolean | undefined;
117
+ colorIcon?: boolean | undefined;
118
+ colorIconHover?: boolean | undefined;
119
+ colorHighlight?: boolean | undefined;
120
+ controlOutline?: boolean | undefined;
121
+ colorWarningOutline?: boolean | undefined;
122
+ colorErrorOutline?: boolean | undefined;
123
+ colorErrorAffix?: boolean | undefined;
124
+ colorWarningAffix?: boolean | undefined;
125
+ fontSizeIcon?: boolean | undefined;
126
+ fontWeightStrong?: boolean | undefined;
127
+ controlOutlineWidth?: boolean | undefined;
128
+ controlItemBgHover?: boolean | undefined;
129
+ controlItemBgActive?: boolean | undefined;
130
+ controlItemBgActiveHover?: boolean | undefined;
131
+ controlInteractiveSize?: boolean | undefined;
132
+ controlItemBgActiveDisabled?: boolean | undefined;
133
+ lineWidthFocus?: boolean | undefined;
134
+ paddingXXS?: boolean | undefined;
135
+ paddingXS?: boolean | undefined;
136
+ paddingSM?: boolean | undefined;
137
+ padding?: boolean | undefined;
138
+ paddingMD?: boolean | undefined;
139
+ paddingLG?: boolean | undefined;
140
+ paddingXL?: boolean | undefined;
141
+ paddingContentHorizontalLG?: boolean | undefined;
142
+ paddingContentHorizontal?: boolean | undefined;
143
+ paddingContentHorizontalSM?: boolean | undefined;
144
+ paddingContentVerticalLG?: boolean | undefined;
145
+ paddingContentVertical?: boolean | undefined;
146
+ paddingContentVerticalSM?: boolean | undefined;
147
+ marginXXS?: boolean | undefined;
148
+ marginXS?: boolean | undefined;
149
+ marginSM?: boolean | undefined;
150
+ margin?: boolean | undefined;
151
+ marginMD?: boolean | undefined;
152
+ marginLG?: boolean | undefined;
153
+ marginXL?: boolean | undefined;
154
+ marginXXL?: boolean | undefined;
155
+ opacityLoading?: boolean | undefined;
156
+ boxShadow?: boolean | undefined;
157
+ boxShadowSecondary?: boolean | undefined;
158
+ boxShadowTertiary?: boolean | undefined;
159
+ linkDecoration?: boolean | undefined;
160
+ linkHoverDecoration?: boolean | undefined;
161
+ linkFocusDecoration?: boolean | undefined;
162
+ controlPaddingHorizontal?: boolean | undefined;
163
+ controlPaddingHorizontalSM?: boolean | undefined;
164
+ screenXS?: boolean | undefined;
165
+ screenXSMin?: boolean | undefined;
166
+ screenXSMax?: boolean | undefined;
167
+ screenSM?: boolean | undefined;
168
+ screenSMMin?: boolean | undefined;
169
+ screenSMMax?: boolean | undefined;
170
+ screenMD?: boolean | undefined;
171
+ screenMDMin?: boolean | undefined;
172
+ screenMDMax?: boolean | undefined;
173
+ screenLG?: boolean | undefined;
174
+ screenLGMin?: boolean | undefined;
175
+ screenLGMax?: boolean | undefined;
176
+ screenXL?: boolean | undefined;
177
+ screenXLMin?: boolean | undefined;
178
+ screenXLMax?: boolean | undefined;
179
+ screenXXL?: boolean | undefined;
180
+ screenXXLMin?: boolean | undefined;
181
+ screenXXLMax?: boolean | undefined;
182
+ screenXXXL?: boolean | undefined;
183
+ screenXXXLMin?: boolean | undefined;
184
+ controlTmpOutline?: boolean | undefined;
185
+ boxShadowPopoverArrow?: boolean | undefined;
186
+ dropShadowPopover?: boolean | undefined;
187
+ boxShadowCard?: boolean | undefined;
188
+ boxShadowDrawerRight?: boolean | undefined;
189
+ boxShadowDrawerLeft?: boolean | undefined;
190
+ boxShadowDrawerUp?: boolean | undefined;
191
+ boxShadowDrawerDown?: boolean | undefined;
192
+ boxShadowTabsOverflowLeft?: boolean | undefined;
193
+ boxShadowTabsOverflowRight?: boolean | undefined;
194
+ boxShadowTabsOverflowTop?: boolean | undefined;
195
+ boxShadowTabsOverflowBottom?: boolean | undefined;
196
+ colorPrimary?: boolean | undefined;
197
+ colorSuccess?: boolean | undefined;
198
+ colorWarning?: boolean | undefined;
199
+ colorError?: boolean | undefined;
200
+ colorInfo?: boolean | undefined;
201
+ colorTextBase?: boolean | undefined;
202
+ colorBgBase?: boolean | undefined;
203
+ colorLink?: boolean | undefined;
204
+ fontFamily?: boolean | undefined;
205
+ fontFamilyCode?: boolean | undefined;
206
+ fontSize?: boolean | undefined;
207
+ lineWidth?: boolean | undefined;
208
+ lineType?: boolean | undefined;
209
+ borderRadius?: boolean | undefined;
210
+ sizeUnit?: boolean | undefined;
211
+ sizeStep?: boolean | undefined;
212
+ sizePopupArrow?: boolean | undefined;
213
+ controlHeight?: boolean | undefined;
214
+ zIndexBase?: boolean | undefined;
215
+ zIndexPopupBase?: boolean | undefined;
216
+ opacityImage?: boolean | undefined;
217
+ motionUnit?: boolean | undefined;
218
+ motionBase?: boolean | undefined;
219
+ motionEaseOutCirc?: boolean | undefined;
220
+ motionEaseInOutCirc?: boolean | undefined;
221
+ motionEaseInOut?: boolean | undefined;
222
+ motionEaseOutBack?: boolean | undefined;
223
+ motionEaseInBack?: boolean | undefined;
224
+ motionEaseInQuint?: boolean | undefined;
225
+ motionEaseOutQuint?: boolean | undefined;
226
+ motionEaseOut?: boolean | undefined;
227
+ wireframe?: boolean | undefined;
228
+ focusOutline?: boolean | undefined;
229
+ motion?: boolean | undefined;
230
+ blue?: boolean | undefined;
231
+ purple?: boolean | undefined;
232
+ cyan?: boolean | undefined;
233
+ green?: boolean | undefined;
234
+ magenta?: boolean | undefined;
235
+ pink?: boolean | undefined;
236
+ red?: boolean | undefined;
237
+ orange?: boolean | undefined;
238
+ yellow?: boolean | undefined;
239
+ volcano?: boolean | undefined;
240
+ geekblue?: boolean | undefined;
241
+ lime?: boolean | undefined;
242
+ gold?: boolean | undefined;
243
+ blue1?: boolean | undefined;
244
+ blue2?: boolean | undefined;
245
+ blue3?: boolean | undefined;
246
+ blue4?: boolean | undefined;
247
+ blue5?: boolean | undefined;
248
+ blue6?: boolean | undefined;
249
+ blue7?: boolean | undefined;
250
+ blue8?: boolean | undefined;
251
+ blue9?: boolean | undefined;
252
+ blue10?: boolean | undefined;
253
+ purple1?: boolean | undefined;
254
+ purple2?: boolean | undefined;
255
+ purple3?: boolean | undefined;
256
+ purple4?: boolean | undefined;
257
+ purple5?: boolean | undefined;
258
+ purple6?: boolean | undefined;
259
+ purple7?: boolean | undefined;
260
+ purple8?: boolean | undefined;
261
+ purple9?: boolean | undefined;
262
+ purple10?: boolean | undefined;
263
+ cyan1?: boolean | undefined;
264
+ cyan2?: boolean | undefined;
265
+ cyan3?: boolean | undefined;
266
+ cyan4?: boolean | undefined;
267
+ cyan5?: boolean | undefined;
268
+ cyan6?: boolean | undefined;
269
+ cyan7?: boolean | undefined;
270
+ cyan8?: boolean | undefined;
271
+ cyan9?: boolean | undefined;
272
+ cyan10?: boolean | undefined;
273
+ green1?: boolean | undefined;
274
+ green2?: boolean | undefined;
275
+ green3?: boolean | undefined;
276
+ green4?: boolean | undefined;
277
+ green5?: boolean | undefined;
278
+ green6?: boolean | undefined;
279
+ green7?: boolean | undefined;
280
+ green8?: boolean | undefined;
281
+ green9?: boolean | undefined;
282
+ green10?: boolean | undefined;
283
+ magenta1?: boolean | undefined;
284
+ magenta2?: boolean | undefined;
285
+ magenta3?: boolean | undefined;
286
+ magenta4?: boolean | undefined;
287
+ magenta5?: boolean | undefined;
288
+ magenta6?: boolean | undefined;
289
+ magenta7?: boolean | undefined;
290
+ magenta8?: boolean | undefined;
291
+ magenta9?: boolean | undefined;
292
+ magenta10?: boolean | undefined;
293
+ pink1?: boolean | undefined;
294
+ pink2?: boolean | undefined;
295
+ pink3?: boolean | undefined;
296
+ pink4?: boolean | undefined;
297
+ pink5?: boolean | undefined;
298
+ pink6?: boolean | undefined;
299
+ pink7?: boolean | undefined;
300
+ pink8?: boolean | undefined;
301
+ pink9?: boolean | undefined;
302
+ pink10?: boolean | undefined;
303
+ red1?: boolean | undefined;
304
+ red2?: boolean | undefined;
305
+ red3?: boolean | undefined;
306
+ red4?: boolean | undefined;
307
+ red5?: boolean | undefined;
308
+ red6?: boolean | undefined;
309
+ red7?: boolean | undefined;
310
+ red8?: boolean | undefined;
311
+ red9?: boolean | undefined;
312
+ red10?: boolean | undefined;
313
+ orange1?: boolean | undefined;
314
+ orange2?: boolean | undefined;
315
+ orange3?: boolean | undefined;
316
+ orange4?: boolean | undefined;
317
+ orange5?: boolean | undefined;
318
+ orange6?: boolean | undefined;
319
+ orange7?: boolean | undefined;
320
+ orange8?: boolean | undefined;
321
+ orange9?: boolean | undefined;
322
+ orange10?: boolean | undefined;
323
+ yellow1?: boolean | undefined;
324
+ yellow2?: boolean | undefined;
325
+ yellow3?: boolean | undefined;
326
+ yellow4?: boolean | undefined;
327
+ yellow5?: boolean | undefined;
328
+ yellow6?: boolean | undefined;
329
+ yellow7?: boolean | undefined;
330
+ yellow8?: boolean | undefined;
331
+ yellow9?: boolean | undefined;
332
+ yellow10?: boolean | undefined;
333
+ volcano1?: boolean | undefined;
334
+ volcano2?: boolean | undefined;
335
+ volcano3?: boolean | undefined;
336
+ volcano4?: boolean | undefined;
337
+ volcano5?: boolean | undefined;
338
+ volcano6?: boolean | undefined;
339
+ volcano7?: boolean | undefined;
340
+ volcano8?: boolean | undefined;
341
+ volcano9?: boolean | undefined;
342
+ volcano10?: boolean | undefined;
343
+ geekblue1?: boolean | undefined;
344
+ geekblue2?: boolean | undefined;
345
+ geekblue3?: boolean | undefined;
346
+ geekblue4?: boolean | undefined;
347
+ geekblue5?: boolean | undefined;
348
+ geekblue6?: boolean | undefined;
349
+ geekblue7?: boolean | undefined;
350
+ geekblue8?: boolean | undefined;
351
+ geekblue9?: boolean | undefined;
352
+ geekblue10?: boolean | undefined;
353
+ lime1?: boolean | undefined;
354
+ lime2?: boolean | undefined;
355
+ lime3?: boolean | undefined;
356
+ lime4?: boolean | undefined;
357
+ lime5?: boolean | undefined;
358
+ lime6?: boolean | undefined;
359
+ lime7?: boolean | undefined;
360
+ lime8?: boolean | undefined;
361
+ lime9?: boolean | undefined;
362
+ lime10?: boolean | undefined;
363
+ gold1?: boolean | undefined;
364
+ gold2?: boolean | undefined;
365
+ gold3?: boolean | undefined;
366
+ gold4?: boolean | undefined;
367
+ gold5?: boolean | undefined;
368
+ gold6?: boolean | undefined;
369
+ gold7?: boolean | undefined;
370
+ gold8?: boolean | undefined;
371
+ gold9?: boolean | undefined;
372
+ gold10?: boolean | undefined;
373
+ "blue-1"?: boolean | undefined;
374
+ "blue-2"?: boolean | undefined;
375
+ "blue-3"?: boolean | undefined;
376
+ "blue-4"?: boolean | undefined;
377
+ "blue-5"?: boolean | undefined;
378
+ "blue-6"?: boolean | undefined;
379
+ "blue-7"?: boolean | undefined;
380
+ "blue-8"?: boolean | undefined;
381
+ "blue-9"?: boolean | undefined;
382
+ "blue-10"?: boolean | undefined;
383
+ "purple-1"?: boolean | undefined;
384
+ "purple-2"?: boolean | undefined;
385
+ "purple-3"?: boolean | undefined;
386
+ "purple-4"?: boolean | undefined;
387
+ "purple-5"?: boolean | undefined;
388
+ "purple-6"?: boolean | undefined;
389
+ "purple-7"?: boolean | undefined;
390
+ "purple-8"?: boolean | undefined;
391
+ "purple-9"?: boolean | undefined;
392
+ "purple-10"?: boolean | undefined;
393
+ "cyan-1"?: boolean | undefined;
394
+ "cyan-2"?: boolean | undefined;
395
+ "cyan-3"?: boolean | undefined;
396
+ "cyan-4"?: boolean | undefined;
397
+ "cyan-5"?: boolean | undefined;
398
+ "cyan-6"?: boolean | undefined;
399
+ "cyan-7"?: boolean | undefined;
400
+ "cyan-8"?: boolean | undefined;
401
+ "cyan-9"?: boolean | undefined;
402
+ "cyan-10"?: boolean | undefined;
403
+ "green-1"?: boolean | undefined;
404
+ "green-2"?: boolean | undefined;
405
+ "green-3"?: boolean | undefined;
406
+ "green-4"?: boolean | undefined;
407
+ "green-5"?: boolean | undefined;
408
+ "green-6"?: boolean | undefined;
409
+ "green-7"?: boolean | undefined;
410
+ "green-8"?: boolean | undefined;
411
+ "green-9"?: boolean | undefined;
412
+ "green-10"?: boolean | undefined;
413
+ "magenta-1"?: boolean | undefined;
414
+ "magenta-2"?: boolean | undefined;
415
+ "magenta-3"?: boolean | undefined;
416
+ "magenta-4"?: boolean | undefined;
417
+ "magenta-5"?: boolean | undefined;
418
+ "magenta-6"?: boolean | undefined;
419
+ "magenta-7"?: boolean | undefined;
420
+ "magenta-8"?: boolean | undefined;
421
+ "magenta-9"?: boolean | undefined;
422
+ "magenta-10"?: boolean | undefined;
423
+ "pink-1"?: boolean | undefined;
424
+ "pink-2"?: boolean | undefined;
425
+ "pink-3"?: boolean | undefined;
426
+ "pink-4"?: boolean | undefined;
427
+ "pink-5"?: boolean | undefined;
428
+ "pink-6"?: boolean | undefined;
429
+ "pink-7"?: boolean | undefined;
430
+ "pink-8"?: boolean | undefined;
431
+ "pink-9"?: boolean | undefined;
432
+ "pink-10"?: boolean | undefined;
433
+ "red-1"?: boolean | undefined;
434
+ "red-2"?: boolean | undefined;
435
+ "red-3"?: boolean | undefined;
436
+ "red-4"?: boolean | undefined;
437
+ "red-5"?: boolean | undefined;
438
+ "red-6"?: boolean | undefined;
439
+ "red-7"?: boolean | undefined;
440
+ "red-8"?: boolean | undefined;
441
+ "red-9"?: boolean | undefined;
442
+ "red-10"?: boolean | undefined;
443
+ "orange-1"?: boolean | undefined;
444
+ "orange-2"?: boolean | undefined;
445
+ "orange-3"?: boolean | undefined;
446
+ "orange-4"?: boolean | undefined;
447
+ "orange-5"?: boolean | undefined;
448
+ "orange-6"?: boolean | undefined;
449
+ "orange-7"?: boolean | undefined;
450
+ "orange-8"?: boolean | undefined;
451
+ "orange-9"?: boolean | undefined;
452
+ "orange-10"?: boolean | undefined;
453
+ "yellow-1"?: boolean | undefined;
454
+ "yellow-2"?: boolean | undefined;
455
+ "yellow-3"?: boolean | undefined;
456
+ "yellow-4"?: boolean | undefined;
457
+ "yellow-5"?: boolean | undefined;
458
+ "yellow-6"?: boolean | undefined;
459
+ "yellow-7"?: boolean | undefined;
460
+ "yellow-8"?: boolean | undefined;
461
+ "yellow-9"?: boolean | undefined;
462
+ "yellow-10"?: boolean | undefined;
463
+ "volcano-1"?: boolean | undefined;
464
+ "volcano-2"?: boolean | undefined;
465
+ "volcano-3"?: boolean | undefined;
466
+ "volcano-4"?: boolean | undefined;
467
+ "volcano-5"?: boolean | undefined;
468
+ "volcano-6"?: boolean | undefined;
469
+ "volcano-7"?: boolean | undefined;
470
+ "volcano-8"?: boolean | undefined;
471
+ "volcano-9"?: boolean | undefined;
472
+ "volcano-10"?: boolean | undefined;
473
+ "geekblue-1"?: boolean | undefined;
474
+ "geekblue-2"?: boolean | undefined;
475
+ "geekblue-3"?: boolean | undefined;
476
+ "geekblue-4"?: boolean | undefined;
477
+ "geekblue-5"?: boolean | undefined;
478
+ "geekblue-6"?: boolean | undefined;
479
+ "geekblue-7"?: boolean | undefined;
480
+ "geekblue-8"?: boolean | undefined;
481
+ "geekblue-9"?: boolean | undefined;
482
+ "geekblue-10"?: boolean | undefined;
483
+ "lime-1"?: boolean | undefined;
484
+ "lime-2"?: boolean | undefined;
485
+ "lime-3"?: boolean | undefined;
486
+ "lime-4"?: boolean | undefined;
487
+ "lime-5"?: boolean | undefined;
488
+ "lime-6"?: boolean | undefined;
489
+ "lime-7"?: boolean | undefined;
490
+ "lime-8"?: boolean | undefined;
491
+ "lime-9"?: boolean | undefined;
492
+ "lime-10"?: boolean | undefined;
493
+ "gold-1"?: boolean | undefined;
494
+ "gold-2"?: boolean | undefined;
495
+ "gold-3"?: boolean | undefined;
496
+ "gold-4"?: boolean | undefined;
497
+ "gold-5"?: boolean | undefined;
498
+ "gold-6"?: boolean | undefined;
499
+ "gold-7"?: boolean | undefined;
500
+ "gold-8"?: boolean | undefined;
501
+ "gold-9"?: boolean | undefined;
502
+ "gold-10"?: boolean | undefined;
503
+ colorWhite?: boolean | undefined;
504
+ colorBgMask?: boolean | undefined;
505
+ colorShadow?: boolean | undefined;
506
+ colorText?: boolean | undefined;
507
+ colorTextSecondary?: boolean | undefined;
508
+ colorTextTertiary?: boolean | undefined;
509
+ colorTextQuaternary?: boolean | undefined;
510
+ colorBorder?: boolean | undefined;
511
+ colorBorderSecondary?: boolean | undefined;
512
+ colorBorderDisabled?: boolean | undefined;
513
+ colorFill?: boolean | undefined;
514
+ colorFillSecondary?: boolean | undefined;
515
+ colorFillTertiary?: boolean | undefined;
516
+ colorFillQuaternary?: boolean | undefined;
517
+ colorBgLayout?: boolean | undefined;
518
+ colorBgContainer?: boolean | undefined;
519
+ colorBgElevated?: boolean | undefined;
520
+ colorBgSpotlight?: boolean | undefined;
521
+ colorBgBlur?: boolean | undefined;
522
+ colorBgSolid?: boolean | undefined;
523
+ colorBgSolidActive?: boolean | undefined;
524
+ colorBgSolidHover?: boolean | undefined;
525
+ colorPrimaryBg?: boolean | undefined;
526
+ colorPrimaryBgHover?: boolean | undefined;
527
+ colorPrimaryBorder?: boolean | undefined;
528
+ colorPrimaryBorderHover?: boolean | undefined;
529
+ colorPrimaryHover?: boolean | undefined;
530
+ colorPrimaryActive?: boolean | undefined;
531
+ colorPrimaryTextHover?: boolean | undefined;
532
+ colorPrimaryText?: boolean | undefined;
533
+ colorPrimaryTextActive?: boolean | undefined;
534
+ colorSuccessBg?: boolean | undefined;
535
+ colorSuccessBgHover?: boolean | undefined;
536
+ colorSuccessBorder?: boolean | undefined;
537
+ colorSuccessBorderHover?: boolean | undefined;
538
+ colorSuccessHover?: boolean | undefined;
539
+ colorSuccessActive?: boolean | undefined;
540
+ colorSuccessTextHover?: boolean | undefined;
541
+ colorSuccessText?: boolean | undefined;
542
+ colorSuccessTextActive?: boolean | undefined;
543
+ colorWarningBg?: boolean | undefined;
544
+ colorWarningBgHover?: boolean | undefined;
545
+ colorWarningBorder?: boolean | undefined;
546
+ colorWarningBorderHover?: boolean | undefined;
547
+ colorWarningHover?: boolean | undefined;
548
+ colorWarningActive?: boolean | undefined;
549
+ colorWarningTextHover?: boolean | undefined;
550
+ colorWarningText?: boolean | undefined;
551
+ colorWarningTextActive?: boolean | undefined;
552
+ colorErrorBg?: boolean | undefined;
553
+ colorErrorBgHover?: boolean | undefined;
554
+ colorErrorBgFilledHover?: boolean | undefined;
555
+ colorErrorBgActive?: boolean | undefined;
556
+ colorErrorBorder?: boolean | undefined;
557
+ colorErrorBorderHover?: boolean | undefined;
558
+ colorErrorHover?: boolean | undefined;
559
+ colorErrorActive?: boolean | undefined;
560
+ colorErrorTextHover?: boolean | undefined;
561
+ colorErrorText?: boolean | undefined;
562
+ colorErrorTextActive?: boolean | undefined;
563
+ colorInfoBg?: boolean | undefined;
564
+ colorInfoBgHover?: boolean | undefined;
565
+ colorInfoBorder?: boolean | undefined;
566
+ colorInfoBorderHover?: boolean | undefined;
567
+ colorInfoHover?: boolean | undefined;
568
+ colorInfoActive?: boolean | undefined;
569
+ colorInfoTextHover?: boolean | undefined;
570
+ colorInfoText?: boolean | undefined;
571
+ colorInfoTextActive?: boolean | undefined;
572
+ colorLinkHover?: boolean | undefined;
573
+ colorLinkActive?: boolean | undefined;
574
+ sizeXXL?: boolean | undefined;
575
+ sizeXL?: boolean | undefined;
576
+ sizeLG?: boolean | undefined;
577
+ sizeMD?: boolean | undefined;
578
+ sizeMS?: boolean | undefined;
579
+ size?: boolean | undefined;
580
+ sizeSM?: boolean | undefined;
581
+ sizeXS?: boolean | undefined;
582
+ sizeXXS?: boolean | undefined;
583
+ controlHeightXS?: boolean | undefined;
584
+ controlHeightSM?: boolean | undefined;
585
+ controlHeightLG?: boolean | undefined;
586
+ lineWidthBold?: boolean | undefined;
587
+ borderRadiusXS?: boolean | undefined;
588
+ borderRadiusSM?: boolean | undefined;
589
+ borderRadiusLG?: boolean | undefined;
590
+ borderRadiusOuter?: boolean | undefined;
591
+ fontSizeSM?: boolean | undefined;
592
+ fontSizeLG?: boolean | undefined;
593
+ fontSizeXL?: boolean | undefined;
594
+ fontSizeHeading1?: boolean | undefined;
595
+ fontSizeHeading2?: boolean | undefined;
596
+ fontSizeHeading3?: boolean | undefined;
597
+ fontSizeHeading4?: boolean | undefined;
598
+ fontSizeHeading5?: boolean | undefined;
599
+ lineHeight?: boolean | undefined;
600
+ lineHeightLG?: boolean | undefined;
601
+ lineHeightSM?: boolean | undefined;
602
+ fontHeight?: boolean | undefined;
603
+ fontHeightSM?: boolean | undefined;
604
+ fontHeightLG?: boolean | undefined;
605
+ lineHeightHeading1?: boolean | undefined;
606
+ lineHeightHeading2?: boolean | undefined;
607
+ lineHeightHeading3?: boolean | undefined;
608
+ lineHeightHeading4?: boolean | undefined;
609
+ lineHeightHeading5?: boolean | undefined;
610
+ motionDurationFast?: boolean | undefined;
611
+ motionDurationMid?: boolean | undefined;
612
+ motionDurationSlow?: boolean | undefined;
613
+ };
614
+ type LayoutDesignToken = BaseLayoutDesignToken;
615
+ declare const getLayoutDesignToken: (baseDesignTokens: DeepPartial<LayoutDesignToken>, antdToken: GlobalToken) => LayoutDesignToken;
616
+ interface ProTokenType {
617
+ layout?: DeepPartial<LayoutDesignToken>;
618
+ }
619
+ type Primitive = string | number | boolean | bigint | symbol | null | undefined;
620
+ type CapitalizeKey<S extends string> = S extends `${infer F}${infer R}` ? `${Uppercase<F>}${R}` : S;
621
+ type UnionToIntersection<U> = (U extends any ? (x: U) => any : never) extends ((x: infer R) => any) ? R : never;
622
+ type FlattenToken<T, Prefix extends string = 'proLayout', Path extends string = ''> = UnionToIntersection<{ [K in keyof T]: T[K] extends Primitive ? { [P in `${Prefix}${Path}${CapitalizeKey<K & string>}`]: T[K] } : FlattenToken<T[K], Prefix, `${Path}${CapitalizeKey<K & string>}`> }[keyof T]>;
623
+ type ProFlattenTokenType = FlattenToken<LayoutDesignToken>;
624
+ //#endregion
625
+ export { BaseLayoutDesignToken, DeepPartial, LayoutDesignToken, ProFlattenTokenType, ProTokenType, getLayoutDesignToken, proLayoutUnitless };
@@ -0,0 +1,72 @@
1
+ import { setAlpha } from "../useStyle/index.js";
2
+ import { unitless } from "antdv-next/dist/theme/useToken";
3
+ //#region src/typing/layoutToken.ts
4
+ const proLayoutUnitless = {
5
+ ...unitless,
6
+ themeId: true
7
+ };
8
+ const getLayoutDesignToken = (designTokens, antdToken) => {
9
+ const finalDesignTokens = { ...designTokens };
10
+ return {
11
+ bgLayout: `linear-gradient(${antdToken.colorBgContainer}, ${antdToken.colorBgLayout} 28%)`,
12
+ colorTextAppListIcon: antdToken.colorTextSecondary,
13
+ colorBgAppListIconHover: setAlpha(antdToken.colorTextBase, .04),
14
+ colorTextAppListIconHover: antdToken.colorTextBase,
15
+ ...finalDesignTokens,
16
+ header: {
17
+ colorBgHeader: antdToken.colorBgContainer,
18
+ colorHeaderTitle: antdToken.colorText,
19
+ colorBgMenuItemSelected: antdToken.controlItemBgActive,
20
+ colorBgMenuItemHover: antdToken.colorBgTextHover,
21
+ colorBgMenuItemSelectedHorizontal: "transparent",
22
+ colorTextMenu: antdToken.colorText,
23
+ colorTextMenuActive: antdToken.colorPrimary,
24
+ colorTextMenuSelected: antdToken.colorPrimary,
25
+ colorBgRightActionsItemHover: setAlpha(antdToken.colorTextBase, .03),
26
+ colorTextRightActionsItem: antdToken.colorTextTertiary,
27
+ heightLayoutHeader: 56,
28
+ colorTextMenuSecondary: antdToken.colorTextTertiary,
29
+ colorBgScrollHeader: setAlpha(antdToken.colorBgElevated, .8),
30
+ /**
31
+ * 顶栏横向菜单选中底须可见:`transparent` 会让 ProLayoutNavMenu 的 `--pro-layout-nav-color-bg-selected`
32
+ * 全透明,用户无法分辨当前路由对应哪一项(与站点 layout 文档默认 `rgba(0,0,0,0.04)` 也不一致)。
33
+ */
34
+ /** 与常规 `colorTextMenu`(secondary)区分当前选中项 */
35
+ ...finalDesignTokens.header
36
+ },
37
+ sider: {
38
+ colorMenuBackground: antdToken.colorBgContainer,
39
+ colorSubMenuBackground: antdToken.colorFillAlter,
40
+ colorMenuItemDivider: setAlpha(antdToken.colorTextBase, .06),
41
+ colorBgMenuItemHover: antdToken.colorBgTextHover,
42
+ colorBgMenuItemActive: antdToken.colorFillContent,
43
+ colorBgMenuItemSelected: antdToken.controlItemBgActive,
44
+ colorBgMenuItemSelectedHorizontal: "transparent",
45
+ colorTextMenuActiveBarWidth: 0,
46
+ colorTextMenuActiveBarHeight: 2,
47
+ colorTextMenuActiveBarBorderSize: antdToken.lineWidth,
48
+ colorTextMenuItemHover: antdToken.colorText,
49
+ colorTextMenuSelected: antdToken.colorPrimary,
50
+ colorTextMenuActive: antdToken.colorText,
51
+ colorTextMenu: antdToken.colorText,
52
+ colorTextMenuSecondary: antdToken.colorTextTertiary,
53
+ colorTextMenuTitle: antdToken.colorText,
54
+ colorTextSubMenuSelected: setAlpha(antdToken.colorTextBase, .95),
55
+ paddingInlineLayoutMenu: 8,
56
+ paddingBlockLayoutMenu: 12,
57
+ colorBgCollapsedButton: antdToken.colorBgElevated,
58
+ colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
59
+ colorTextCollapsedButton: setAlpha(antdToken.colorTextBase, .25),
60
+ ...finalDesignTokens.sider
61
+ },
62
+ pageContainer: {
63
+ colorBgPageContainer: "transparent",
64
+ paddingInlinePageContainerContent: finalDesignTokens.pageContainer?.paddingInlinePageContainerContent || 24,
65
+ paddingBlockPageContainerContent: finalDesignTokens.pageContainer?.paddingBlockPageContainerContent || 24,
66
+ colorBgPageContainerFixed: antdToken.colorBgElevated,
67
+ ...finalDesignTokens.pageContainer
68
+ }
69
+ };
70
+ };
71
+ //#endregion
72
+ export { getLayoutDesignToken, proLayoutUnitless };