@ucloud-fe/react-components 1.13.0 → 1.15.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 (23) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/icon.min.js +1 -1
  3. package/dist/main.min.js +8 -8
  4. package/index.d.ts +11 -0
  5. package/lib/components/Switch/style/index.js +7 -5
  6. package/lib/components/Table/Table.js +521 -123
  7. package/lib/components/Tag/Group.d.ts +21 -15
  8. package/lib/components/Tag/Group.js +175 -31
  9. package/lib/components/Tag/Icon.d.ts +17 -0
  10. package/lib/components/Tag/Icon.js +31 -2
  11. package/lib/components/Tag/Tag.d.ts +19 -0
  12. package/lib/components/Tag/Tag.js +44 -6
  13. package/lib/components/Tag/index.d.ts +2 -2
  14. package/lib/components/Tag/style/index.d.ts +46 -1
  15. package/lib/components/Tag/style/index.js +259 -85
  16. package/lib/components/ThemeProvider/designTokens.d.ts +216 -0
  17. package/lib/components/ThemeProvider/designTokens.js +436 -4
  18. package/lib/components/ThemeProvider/designTokensDark.d.ts +216 -0
  19. package/lib/components/ThemeProvider/designTokensDark.js +435 -3
  20. package/lib/components/ThemeProvider/designTokensPrivate.d.ts +492 -0
  21. package/lib/components/ThemeProvider/designTokensPrivate.js +989 -0
  22. package/lib/components/ThemeProvider/private.js +17 -0
  23. package/package.json +1 -1
package/lib/components/ThemeProvider/designTokensDark.d.ts CHANGED
@@ -1,10 +1,58 @@
1
1
  declare const _default: {
2
2
  T_BUTTON_COMMON_COLOR_MASK: string;
3
+ T_BUTTON_OTHER_COLOR_BG_DEFAULT: string;
4
+ T_BUTTON_OTHER_COLOR_BG_HOVER: string;
5
+ T_BUTTON_OTHER_COLOR_BORDER_DEFAULT: string;
6
+ T_BUTTON_OTHER_COLOR_BORDER_HOVER: string;
7
+ T_BUTTON_OTHER_COLOR_SHADOW_DEFAULT: string;
8
+ T_BUTTON_OTHER_COLOR_SHADOW_HOVER: string;
3
9
  T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: string;
4
10
  T_BUTTON_PRIMARY_COLOR_BG_HOVER: string;
11
+ T_BUTTON_PRIMARY_COLOR_SHADOW_DEFAULT: string;
12
+ T_BUTTON_PRIMARY_COLOR_SHADOW_HOVER: string;
5
13
  T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: string;
6
14
  T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: string;
15
+ T_BUTTON_SECONDARY_COLOR_BG_HOVER: string;
16
+ T_BUTTON_SECONDARY_COLOR_BORDER_DEFAULT: string;
17
+ T_BUTTON_SECONDARY_COLOR_BORDER_HOVER: string;
18
+ T_BUTTON_SECONDARY_COLOR_SHADOW_DEFAULT: string;
19
+ T_BUTTON_SECONDARY_COLOR_SHADOW_HOVER: string;
20
+ T_CARD_ACTION_BOTTOM: string;
21
+ T_CARD_ACTION_LEFT: string;
22
+ T_CARD_ACTION_RIGHT: string;
23
+ T_CARD_ACTION_TOP: string;
7
24
  T_CARD_COLOR_BG_DEFAULT: string;
25
+ T_CARD_COMMENT_FONT_COLOR_DEFAULT: string;
26
+ T_CARD_COMMENT_FONT_FONT_WEIGHT: string;
27
+ T_CARD_COMMENT_FONT_LINE_HEIGHT: string;
28
+ T_CARD_COMMENT_FONT_SIZE: string;
29
+ T_CARD_CONTENT_BG_DEFAULT: string;
30
+ T_CARD_CONTENT_PADDING_BOTTOM: string;
31
+ T_CARD_CONTENT_PADDING_LEFT: string;
32
+ T_CARD_CONTENT_PADDING_RIGHT: string;
33
+ T_CARD_CONTENT_PADDING_TOP: string;
34
+ T_CARD_FOOTER_MARGIN_BOTTOM: string;
35
+ T_CARD_FOOTER_MARGIN_TOP: string;
36
+ T_CARD_FOOTER_PADDING_BOTTOM: string;
37
+ T_CARD_FOOTER_PADDING_LEFT: string;
38
+ T_CARD_FOOTER_PADDING_RIGHT: string;
39
+ T_CARD_FOOTER_PADDING_TOP: string;
40
+ T_CARD_HEADER_FONT_COLOR_DEFAULT: string;
41
+ T_CARD_HEADER_FONT_FONT_WEIGHT: string;
42
+ T_CARD_HEADER_FONT_LINE_HEIGHT: string;
43
+ T_CARD_HEADER_FONT_SIZE: string;
44
+ T_CARD_HEADER_PADDING_BOTTOM: string;
45
+ T_CARD_HEADER_PADDING_LEFT: string;
46
+ T_CARD_HEADER_PADDING_RIGHT: string;
47
+ T_CARD_HEADER_PADDING_TOP: string;
48
+ T_CARD_LINE_COLOR_DEFAULT: string;
49
+ T_CARD_LINE_PADDING_VERTICAL: string;
50
+ T_CARD_OUTSIDE_PADDING: string;
51
+ T_CARD_SECONDARY_FONT_COLOR_DEFAULT: string;
52
+ T_CARD_SECONDARY_FONT_FONT_WEIGHT: string;
53
+ T_CARD_SECONDARY_FONT_LINE_HEIGHT: string;
54
+ T_CARD_SECONDARY_FONT_SIZE: string;
55
+ T_CARD_SECONDARY_PADDING_BOTTOM: string;
8
56
  T_CHART_TIMEPICKER_BG_DEFAULT: string;
9
57
  T_CHART_TIMEPICKER_ICON_DEFAULT: string;
10
58
  T_COLOR_BG_CONTENT_1: string;
@@ -121,6 +169,9 @@ declare const _default: {
121
169
  T_COLOR_LINE_SUCCESS_LIGHT: string;
122
170
  T_COLOR_LINE_WARNING_DARK: string;
123
171
  T_COLOR_LINE_WARNING_LIGHT: string;
172
+ T_COLOR_MASK_BG: string;
173
+ T_COLOR_MASK_COMP: string;
174
+ T_COLOR_MASK_OVERALL: string;
124
175
  T_COLOR_TEXT_DEFAULT_BRIGHT: string;
125
176
  T_COLOR_TEXT_DEFAULT_DARK: string;
126
177
  T_COLOR_TEXT_DEFAULT_LIGHT: string;
@@ -152,8 +203,29 @@ declare const _default: {
152
203
  T_CORNER_LG: string;
153
204
  T_CORNER_SM: string;
154
205
  T_CORNER_ZERO: string;
206
+ T_DRAWER_CLOSE_BG_COLOR_DEFAULT: string;
207
+ T_DRAWER_CLOSE_BG_COLOR_HOVER: string;
208
+ T_DRAWER_CLOSE_BG_SIZE_DEFAULT: string;
209
+ T_DRAWER_CLOSE_BG_SIZE_HOVER: string;
210
+ T_DRAWER_CLOSE_ICON_COLOR_DEFAULT: string;
211
+ T_DRAWER_CLOSE_ICON_COLOR_HOVER: string;
212
+ T_DRAWER_CLOSE_ICON_SIZE_DEFAULT: string;
213
+ T_DRAWER_CLOSE_ICON_SIZE_HOVER: string;
214
+ T_DRAWER_CONTENT_BG_COLOR: string;
215
+ T_DRAWER_CONTENT_PADDING: string;
216
+ T_DRAWER_HEADER_BG_COLOR_DEFAULT: string;
217
+ T_DRAWER_HEADER_BG_SHADOW_DEFAULT: string;
218
+ T_DRAWER_HEADER_PADDING_HORIZONAL: string;
219
+ T_DRAWER_HEADER_PADDING_VERTICAL: string;
220
+ T_DRAWER_HEADER_SIZE_DEFAULT: string;
221
+ T_DRAWER_HEADER_TITLE_COLOR_DEFAULT: string;
222
+ T_DRAWER_MASK_COLOR: string;
155
223
  T_DRAWER_RESIZER_BG_DEFAULT: string;
156
224
  T_DRAWER_RESIZER_BG_HOVER: string;
225
+ T_DRAWER_SHADOW_BOTTOM: string;
226
+ T_DRAWER_SHADOW_LEFT: string;
227
+ T_DRAWER_SHADOW_RIGHT: string;
228
+ T_DRAWER_SHADOW_TOP: string;
157
229
  T_FORM_ITEM_SPACING_VERTICAL: string;
158
230
  T_FRAME_LOGO_COLOR_BG_DEFAULT: string;
159
231
  T_FRAME_PRODUCTS_COLOR_TEXT_ICON: string;
@@ -173,11 +245,29 @@ declare const _default: {
173
245
  T_INPUT_COLOR_BG_DEFAULT: string;
174
246
  T_INPUT_COLOR_BG_HL_DEFAULT: string;
175
247
  T_INPUT_COLOR_BG_HL_ERROR: string;
248
+ T_INPUT_COLOR_SHADOW_DEFAULT: string;
249
+ T_INPUT_COLOR_SHADOW_ERROR: string;
176
250
  T_LINE_STYLE_BASE: string;
177
251
  T_LINE_STYLE_DASHED: string;
178
252
  T_LINE_WIDTH_BASE: string;
179
253
  T_LINE_WIDTH_LG: string;
180
254
  T_LINE_WIDTH_SM: string;
255
+ T_LIST_CONTENT_FONT_COLOR_DEFAULT: string;
256
+ T_LIST_CONTENT_FONT_COLOR_REMARK: string;
257
+ T_LIST_CONTENT_FONT_FONT_WEIGHT: string;
258
+ T_LIST_CONTENT_FONT_LINE_HEIGHT: string;
259
+ T_LIST_CONTENT_FONT_SIZE: string;
260
+ T_LIST_HEADER_FONT_COLOR_DEFAULT: string;
261
+ T_LIST_HEADER_FONT_FONT_WEIGHT: string;
262
+ T_LIST_HEADER_FONT_LINE_HEIGHT: string;
263
+ T_LIST_HEADER_FONT_SIZE: string;
264
+ T_LIST_ICON_LINK_DEFAULT: string;
265
+ T_LIST_ICON_LINK_HOVER: string;
266
+ T_LIST_ITEM_PADDING_HORIZONAL: string;
267
+ T_LIST_ITEM_PADDING_VERTICAL: string;
268
+ T_LIST_LINE_COLOR_DEFAULT: string;
269
+ T_LIST_OUTSIDE_PADDING_HORIZONAL: string;
270
+ T_LIST_OUTSIDE_PADDING_VERTICAL: string;
181
271
  T_LOADING_COLOR_LAYER_DEFAULT: string;
182
272
  T_MODAL_COLOR_LAYER_DEFAULT: string;
183
273
  T_MODAL_SHADOW_DEFAULT: string;
@@ -217,8 +307,14 @@ declare const _default: {
217
307
  T_SHADOW_INSET_LEFT: string;
218
308
  T_SHADOW_INSET_RIGHT: string;
219
309
  T_SHADOW_INSET_TOP: string;
310
+ T_SHADOW_LINE_BOTTOM: string;
311
+ T_SHADOW_LINE_LEFT: string;
312
+ T_SHADOW_LINE_RIGHT: string;
313
+ T_SHADOW_LINE_TOP: string;
220
314
  T_SKELETON_COLOR_BG_DARK: string;
315
+ T_SKELETON_COLOR_BG_DARK1: string;
221
316
  T_SKELETON_COLOR_BG_LIGHT: string;
317
+ T_SKELETON_COLOR_BG_LIGHT1: string;
222
318
  T_SLIDER_COLOR_BG_ACTIVE: string;
223
319
  T_SLIDER_COLOR_BG_DEFAULT: string;
224
320
  T_SLIDER_COLOR_LINE_ACTIVE: string;
@@ -245,7 +341,9 @@ declare const _default: {
245
341
  T_SWITCH_COLOR_TEXT_OFF: string;
246
342
  T_SWITCH_COLOR_TEXT_ON: string;
247
343
  T_SWITCH_CORNER: string;
344
+ T_TABLE_HEADER_COLOR_BG2: string;
248
345
  T_TABLE_HEADER_COLOR_BG_DEFAULT: string;
346
+ T_TABLE_HEADER_COLOR_ICON: string;
249
347
  T_TABLE_ROW_COLOR_BG_DEFAULT: string;
250
348
  T_TABLE_ROW_COLOR_BG_HOVER: string;
251
349
  T_TABS_DEFAULT_COLOR_BG_DEFAULT: string;
@@ -256,6 +354,124 @@ declare const _default: {
256
354
  T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: string;
257
355
  T_TABS_PRODUCT_COLOR_SHADOW_HOVER: string;
258
356
  T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: string;
357
+ T_TAG_BORDER_RADIUS: string;
358
+ T_TAG_COLOR_BLUE_BG_DARK: string;
359
+ T_TAG_COLOR_BLUE_BG_LIGHT: string;
360
+ T_TAG_COLOR_BLUE_BORDER: string;
361
+ T_TAG_COLOR_BLUE_DIVIDER: string;
362
+ T_TAG_COLOR_BLUE_FILLBG_DARK: string;
363
+ T_TAG_COLOR_BLUE_FILLBG_LIGHT: string;
364
+ T_TAG_COLOR_BLUE_ICON: string;
365
+ T_TAG_COLOR_BLUE_TEXT: string;
366
+ T_TAG_COLOR_CYAN_BG_DARK: string;
367
+ T_TAG_COLOR_CYAN_BG_LIGHT: string;
368
+ T_TAG_COLOR_CYAN_BORDER: string;
369
+ T_TAG_COLOR_CYAN_DIVIDER: string;
370
+ T_TAG_COLOR_CYAN_FILLBG_DARK: string;
371
+ T_TAG_COLOR_CYAN_FILLBG_LIGHT: string;
372
+ T_TAG_COLOR_CYAN_ICON: string;
373
+ T_TAG_COLOR_CYAN_TEXT: string;
374
+ T_TAG_COLOR_DISABLED_BG_DARK: string;
375
+ T_TAG_COLOR_DISABLED_BG_LIGHT: string;
376
+ T_TAG_COLOR_DISABLED_BORDER: string;
377
+ T_TAG_COLOR_DISABLED_DIVIDER: string;
378
+ T_TAG_COLOR_DISABLED_ICON: string;
379
+ T_TAG_COLOR_DISABLED_TEXT: string;
380
+ T_TAG_COLOR_GRAY_BG_DARK: string;
381
+ T_TAG_COLOR_GRAY_BG_LIGHT: string;
382
+ T_TAG_COLOR_GRAY_BORDER: string;
383
+ T_TAG_COLOR_GRAY_DIVIDER: string;
384
+ T_TAG_COLOR_GRAY_ICON: string;
385
+ T_TAG_COLOR_GRAY_TEXT: string;
386
+ T_TAG_COLOR_GREEN_BG_DARK: string;
387
+ T_TAG_COLOR_GREEN_BG_LIGHT: string;
388
+ T_TAG_COLOR_GREEN_BORDER: string;
389
+ T_TAG_COLOR_GREEN_DIVIDER: string;
390
+ T_TAG_COLOR_GREEN_ICON: string;
391
+ T_TAG_COLOR_GREEN_TEXT: string;
392
+ T_TAG_COLOR_LIGHTBLUE_BG_DARK: string;
393
+ T_TAG_COLOR_LIGHTBLUE_BG_LIGHT: string;
394
+ T_TAG_COLOR_LIGHTBLUE_BORDER: string;
395
+ T_TAG_COLOR_LIGHTBLUE_DIVIDER: string;
396
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_DARK: string;
397
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_LIGHT: string;
398
+ T_TAG_COLOR_LIGHTBLUE_ICON: string;
399
+ T_TAG_COLOR_LIGHTBLUE_TEXT: string;
400
+ T_TAG_COLOR_ORANGE_BG_DARK: string;
401
+ T_TAG_COLOR_ORANGE_BG_LIGHT: string;
402
+ T_TAG_COLOR_ORANGE_BORDER: string;
403
+ T_TAG_COLOR_ORANGE_DIVIDER: string;
404
+ T_TAG_COLOR_ORANGE_FILLBG_DARK: string;
405
+ T_TAG_COLOR_ORANGE_FILLBG_LIGHT: string;
406
+ T_TAG_COLOR_ORANGE_ICON: string;
407
+ T_TAG_COLOR_ORANGE_TEXT: string;
408
+ T_TAG_COLOR_PRIMARY_BG_DARK: string;
409
+ T_TAG_COLOR_PRIMARY_BG_LIGHT: string;
410
+ T_TAG_COLOR_PRIMARY_BORDER: string;
411
+ T_TAG_COLOR_PRIMARY_DIVIDER: string;
412
+ T_TAG_COLOR_PRIMARY_ICON: string;
413
+ T_TAG_COLOR_PRIMARY_TEXT: string;
414
+ T_TAG_COLOR_PURPLE_BG_DARK: string;
415
+ T_TAG_COLOR_PURPLE_BG_LIGHT: string;
416
+ T_TAG_COLOR_PURPLE_BORDER: string;
417
+ T_TAG_COLOR_PURPLE_DIVIDER: string;
418
+ T_TAG_COLOR_PURPLE_FILLBG_DARK: string;
419
+ T_TAG_COLOR_PURPLE_FILLBG_LIGHT: string;
420
+ T_TAG_COLOR_PURPLE_ICON: string;
421
+ T_TAG_COLOR_PURPLE_TEXT: string;
422
+ T_TAG_COLOR_RED_BG_DARK: string;
423
+ T_TAG_COLOR_RED_BG_LIGHT: string;
424
+ T_TAG_COLOR_RED_BORDER: string;
425
+ T_TAG_COLOR_RED_DIVIDER: string;
426
+ T_TAG_COLOR_RED_FILLBG_DARK: string;
427
+ T_TAG_COLOR_RED_FILLBG_LIGHT: string;
428
+ T_TAG_COLOR_RED_ICON: string;
429
+ T_TAG_COLOR_RED_TEXT: string;
430
+ T_TAG_COLOR_YELLOW_BG_DARK: string;
431
+ T_TAG_COLOR_YELLOW_BG_LIGHT: string;
432
+ T_TAG_COLOR_YELLOW_BORDER: string;
433
+ T_TAG_COLOR_YELLOW_DIVIDER: string;
434
+ T_TAG_COLOR_YELLOW_FILLBG_DARK: string;
435
+ T_TAG_COLOR_YELLOW_FILLBG_LIGHT: string;
436
+ T_TAG_COLOR_YELLOW_ICON: string;
437
+ T_TAG_COLOR_YELLOW_TEXT: string;
438
+ T_TAG_HEIGHT_LG: string;
439
+ T_TAG_HEIGHT_MD: string;
440
+ T_TAG_HEIGHT_SM: string;
441
+ T_TAG_ICON_CLOSE: string;
442
+ T_TAG_ICON_OPACITY_DEFAULT: string;
443
+ T_TAG_ICON_OPACITY_HOVER: string;
444
+ T_TAG_ICON_SIZE_LG: string;
445
+ T_TAG_ICON_SIZE_MD: string;
446
+ T_TAG_ICON_SIZE_SM: string;
447
+ T_TAG_ICON_SIZE_XS: string;
448
+ T_TAG_ICON_WIDTH_SM: string;
449
+ T_TYPOGRAPHY_FONT_H1_FONT_WEIGHT: string;
450
+ T_TYPOGRAPHY_FONT_H1_LINE_HEIGHT: string;
451
+ T_TYPOGRAPHY_FONT_H1_SIZE: string;
452
+ T_TYPOGRAPHY_FONT_H2_FONT_WEIGHT: string;
453
+ T_TYPOGRAPHY_FONT_H2_LINE_HEIGHT: string;
454
+ T_TYPOGRAPHY_FONT_H2_SIZE: string;
455
+ T_TYPOGRAPHY_FONT_H3_FONT_WEIGHT: string;
456
+ T_TYPOGRAPHY_FONT_H3_LINE_HEIGHT: string;
457
+ T_TYPOGRAPHY_FONT_H3_SIZE: string;
458
+ T_TYPOGRAPHY_FONT_H4_FONT_WEIGHT: string;
459
+ T_TYPOGRAPHY_FONT_H4_LINE_HEIGHT: string;
460
+ T_TYPOGRAPHY_FONT_H4_SIZE: string;
461
+ T_TYPOGRAPHY_FONT_H5_FONT_WEIGHT: string;
462
+ T_TYPOGRAPHY_FONT_H5_LINE_HEIGHT: string;
463
+ T_TYPOGRAPHY_FONT_H5_SIZE: string;
464
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_FONT_WEIGHT: string;
465
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_LINE_HEIGHT: string;
466
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_SIZE: string;
467
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_FONT_WEIGHT: string;
468
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_LINE_HEIGHT: string;
469
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_SIZE: string;
470
+ T_TYPOGRAPHY_FONT_TEXT_FONT_WEIGHT: string;
471
+ T_TYPOGRAPHY_FONT_TEXT_LINE_HEIGHT: string;
472
+ T_TYPOGRAPHY_FONT_TEXT_SIZE: string;
473
+ T_TYPOGRAPHY_ICON_LINK_DEFAULT: string;
474
+ T_TYPOGRAPHY_ICON_LINK_HOVER: string;
259
475
  T_TYPO_FONT_SIZE_1: string;
260
476
  T_TYPO_FONT_SIZE_2: string;
261
477
  T_TYPO_FONT_SIZE_3: string;