@ucloud-fe/react-components 1.14.0 → 1.16.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 (39) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/main.min.js +8 -8
  3. package/index.d.ts +30 -15
  4. package/lib/components/Cascader/Cascade.d.ts +6 -1
  5. package/lib/components/Cascader/Cascade.js +4 -1
  6. package/lib/components/Cascader/Cascader.d.ts +8 -1
  7. package/lib/components/Cascader/Cascader.js +5 -2
  8. package/lib/components/Cascader/Items.d.ts +7 -1
  9. package/lib/components/Cascader/Items.js +16 -3
  10. package/lib/components/DatePicker/DatePicker.js +1 -1
  11. package/lib/components/DatePicker/Month.js +1 -1
  12. package/lib/components/DatePicker/Range.js +0 -4
  13. package/lib/components/DatePicker/usePicker.js +1 -1
  14. package/lib/components/Menu/locale/en_US.js +1 -1
  15. package/lib/components/Modal/locale/en_US.js +2 -2
  16. package/lib/components/Pagination/locale/en_US.js +11 -11
  17. package/lib/components/PopConfirm/locale/en_US.js +2 -2
  18. package/lib/components/Select/locale/en_US.js +3 -3
  19. package/lib/components/Slider/locale/en_US.js +4 -4
  20. package/lib/components/Switch/style/index.js +7 -5
  21. package/lib/components/Table/locale/en_US.js +11 -11
  22. package/lib/components/Tag/Group.d.ts +21 -15
  23. package/lib/components/Tag/Group.js +175 -31
  24. package/lib/components/Tag/Icon.d.ts +17 -0
  25. package/lib/components/Tag/Icon.js +31 -2
  26. package/lib/components/Tag/Tag.d.ts +19 -0
  27. package/lib/components/Tag/Tag.js +44 -6
  28. package/lib/components/Tag/index.d.ts +2 -2
  29. package/lib/components/Tag/style/index.d.ts +46 -1
  30. package/lib/components/Tag/style/index.js +259 -85
  31. package/lib/components/ThemeProvider/designTokens.d.ts +216 -0
  32. package/lib/components/ThemeProvider/designTokens.js +436 -4
  33. package/lib/components/ThemeProvider/designTokensDark.d.ts +216 -0
  34. package/lib/components/ThemeProvider/designTokensDark.js +435 -3
  35. package/lib/components/ThemeProvider/designTokensPrivate.d.ts +492 -0
  36. package/lib/components/ThemeProvider/designTokensPrivate.js +989 -0
  37. package/lib/components/ThemeProvider/private.js +17 -0
  38. package/lib/components/ZForm/controllerDecorator.js +31 -1
  39. package/package.json +1 -1
@@ -5,20 +5,116 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  // Do not edit directly
8
- // Generated with design-token-editor on 2023/8/1 11:19:16
8
+ // Generated with design-token-editor on 2024/12/10 20:00:05
9
9
  var _default = {
10
10
  // 按钮加载遮罩
11
11
  T_BUTTON_COMMON_COLOR_MASK: '#141A2B',
12
+ // 按钮/备用/背景色/默认
13
+ T_BUTTON_OTHER_COLOR_BG_DEFAULT: '#0B1224',
14
+ // 按钮/备用/背景色/hover
15
+ T_BUTTON_OTHER_COLOR_BG_HOVER: '#141A2B',
16
+ // 按钮/备用/边框/默认
17
+ T_BUTTON_OTHER_COLOR_BORDER_DEFAULT: '#2B3555',
18
+ // 按钮/备用/边框/hover
19
+ T_BUTTON_OTHER_COLOR_BORDER_HOVER: '#738BFF',
20
+ // 按钮/备用/投影/默认
21
+ T_BUTTON_OTHER_COLOR_SHADOW_DEFAULT: '0 0 0 0 rgba(0,0,0,0.12),inset 0 0 0 0 #2b3555',
22
+ // 按钮/备用/投影/hover
23
+ T_BUTTON_OTHER_COLOR_SHADOW_HOVER: '0 0 0 0 rgba(0,0,0,0.12),inset 0 0 0 0 #2b3555',
12
24
  // 按钮/主/背景色
13
25
  T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: 'linear-gradient(135deg, #6488fc 0%,#3860f4 100%)',
14
26
  // 按钮/主/背景色/hover
15
27
  T_BUTTON_PRIMARY_COLOR_BG_HOVER: 'linear-gradient(135deg, #5c76e8 0%,#3357df 100%)',
28
+ // 按钮/投影/默认
29
+ T_BUTTON_PRIMARY_COLOR_SHADOW_DEFAULT: '0 2px 4px -1px #3458DE, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
30
+ // 按钮/投影/hover
31
+ T_BUTTON_PRIMARY_COLOR_SHADOW_HOVER: '0 5px 8px -4px #3458DE, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
16
32
  // 按钮/主/文本色
17
33
  T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: '#ffffff',
18
- // 按钮/次/背景色
34
+ // 按钮/次/背景色/默认
19
35
  T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: '#242B40',
36
+ // 按钮/次/背景色/hover
37
+ T_BUTTON_SECONDARY_COLOR_BG_HOVER: '#141A2B',
38
+ // 按钮/次/边框/默认
39
+ T_BUTTON_SECONDARY_COLOR_BORDER_DEFAULT: '#3F4A70',
40
+ // 按钮/次/边框/hover
41
+ T_BUTTON_SECONDARY_COLOR_BORDER_HOVER: '#2B3555',
42
+ // 按钮/次/投影/默认
43
+ T_BUTTON_SECONDARY_COLOR_SHADOW_DEFAULT: '0 2px 3px 0 rgba(0,0,0,0.12),inset 0 -2px 0 0 #2b3555',
44
+ // 按钮/次/投影/hover
45
+ T_BUTTON_SECONDARY_COLOR_SHADOW_HOVER: '0 0 1px 0 rgba(0,0,0,0.12),0 8px 12px -4px rgba(0,0,0,0.12),0 2px 1px -1px rgba(0,0,0,0.05), inset 0 -2px 0 0 #2b3555',
46
+ // 操作区/间距/下
47
+ T_CARD_ACTION_BOTTOM: '0px',
48
+ // 操作区/间距/左
49
+ T_CARD_ACTION_LEFT: '24px',
50
+ // 操作区/间距/右
51
+ T_CARD_ACTION_RIGHT: '24px',
52
+ // 操作区/间距/上
53
+ T_CARD_ACTION_TOP: '16px',
20
54
  // 卡片/背景色
21
55
  T_CARD_COLOR_BG_DEFAULT: '#141A2B',
56
+ // 卡片描述/字体颜色
57
+ T_CARD_COMMENT_FONT_COLOR_DEFAULT: '#C5CAE3',
58
+ // 卡片描述/字体粗细
59
+ T_CARD_COMMENT_FONT_FONT_WEIGHT: '400',
60
+ // 卡片描述/字体行高
61
+ T_CARD_COMMENT_FONT_LINE_HEIGHT: '1.7',
62
+ // 卡片描述/字体大小
63
+ T_CARD_COMMENT_FONT_SIZE: '12px',
64
+ // 内容区域/背景/Pro组件token
65
+ T_CARD_CONTENT_BG_DEFAULT: '#0B1224',
66
+ // 内容区域/间距/下
67
+ T_CARD_CONTENT_PADDING_BOTTOM: '0px',
68
+ // 内容区域/间距/左
69
+ T_CARD_CONTENT_PADDING_LEFT: '24px',
70
+ // 内容区域/间距/右
71
+ T_CARD_CONTENT_PADDING_RIGHT: '24px',
72
+ // 内容区域/间距/上
73
+ T_CARD_CONTENT_PADDING_TOP: '16px',
74
+ // 底部/外间距/下
75
+ T_CARD_FOOTER_MARGIN_BOTTOM: '24px',
76
+ // 底部/外间距/上
77
+ T_CARD_FOOTER_MARGIN_TOP: '24px',
78
+ // 底部/间距/下
79
+ T_CARD_FOOTER_PADDING_BOTTOM: '16px',
80
+ // 底部/间距/左
81
+ T_CARD_FOOTER_PADDING_LEFT: '24px',
82
+ // 底部/间距/右
83
+ T_CARD_FOOTER_PADDING_RIGHT: '24px',
84
+ // 底部/间距/上
85
+ T_CARD_FOOTER_PADDING_TOP: '16px',
86
+ // 标题/字体颜色
87
+ T_CARD_HEADER_FONT_COLOR_DEFAULT: '#F7F9FF',
88
+ // 标题/字体粗细
89
+ T_CARD_HEADER_FONT_FONT_WEIGHT: '600',
90
+ // 标题/字体行高
91
+ T_CARD_HEADER_FONT_LINE_HEIGHT: '1.7',
92
+ // 标题/字体大小
93
+ T_CARD_HEADER_FONT_SIZE: '16px',
94
+ // 标题区域/间距/下
95
+ T_CARD_HEADER_PADDING_BOTTOM: '0px',
96
+ // 标题区域/间距/左
97
+ T_CARD_HEADER_PADDING_LEFT: '24px',
98
+ // 标题区域/间距/右
99
+ T_CARD_HEADER_PADDING_RIGHT: '24px',
100
+ // 标题区域/间距/上
101
+ T_CARD_HEADER_PADDING_TOP: '24px',
102
+ // 分割线/线条/提示/浅色
103
+ T_CARD_LINE_COLOR_DEFAULT: '#2B3555',
104
+ // 分割线/subArea/间距/
105
+ T_CARD_LINE_PADDING_VERTICAL: '16px',
106
+ // 卡片/外边距
107
+ T_CARD_OUTSIDE_PADDING: '24px',
108
+ // 二级标题/字体颜色
109
+ T_CARD_SECONDARY_FONT_COLOR_DEFAULT: '#F7F9FF',
110
+ // 二级标题/字体粗细
111
+ T_CARD_SECONDARY_FONT_FONT_WEIGHT: '600',
112
+ // 二级标题/字体行高
113
+ T_CARD_SECONDARY_FONT_LINE_HEIGHT: '1.7',
114
+ // 二级标题/字体大小
115
+ T_CARD_SECONDARY_FONT_SIZE: '14px',
116
+ // 二级标题/间距/下
117
+ T_CARD_SECONDARY_PADDING_BOTTOM: '16px',
22
118
  // 图表/时间范围选择器/背景色
23
119
  T_CHART_TIMEPICKER_BG_DEFAULT: '#2F3852',
24
120
  // 图表/时间范围选择器/icon
@@ -251,6 +347,12 @@ var _default = {
251
347
  T_COLOR_LINE_WARNING_DARK: '#ebb73d',
252
348
  // 线条/警告/浅色
253
349
  T_COLOR_LINE_WARNING_LIGHT: '#51441a',
350
+ // 蒙层/背景/抽屉/弹窗
351
+ T_COLOR_MASK_BG: 'rgba(0,0,0,0.5)',
352
+ // 蒙层/组件
353
+ T_COLOR_MASK_COMP: 'rgba(20,26,43,0.5)',
354
+ // 蒙层/全局
355
+ T_COLOR_MASK_OVERALL: 'rgba(20,26,43,0.7)',
254
356
  // 文本/常规/亮色
255
357
  T_COLOR_TEXT_DEFAULT_BRIGHT: '#141A2B',
256
358
  // 文本/常规/深色
@@ -313,10 +415,52 @@ var _default = {
313
415
  T_CORNER_SM: '2px',
314
416
  // 直角
315
417
  T_CORNER_ZERO: '0',
418
+ // 抽屉/关闭操作/背景/默认/颜色
419
+ T_DRAWER_CLOSE_BG_COLOR_DEFAULT: 'rgba(0,0,0,0.3)',
420
+ // 抽屉/关闭操作/背景/悬停/颜色
421
+ T_DRAWER_CLOSE_BG_COLOR_HOVER: 'rgba(0,0,0,0.5)',
422
+ // 抽屉/关闭操作/背景/默认/尺寸
423
+ T_DRAWER_CLOSE_BG_SIZE_DEFAULT: '32px',
424
+ // 抽屉/关闭操作/背景/悬停/尺寸
425
+ T_DRAWER_CLOSE_BG_SIZE_HOVER: '32px',
426
+ // 抽屉/关闭操作/icon/默认/颜色
427
+ T_DRAWER_CLOSE_ICON_COLOR_DEFAULT: '#141A2B',
428
+ // 抽屉/关闭操作/icon/悬停/颜色
429
+ T_DRAWER_CLOSE_ICON_COLOR_HOVER: '#141A2B',
430
+ // 抽屉/关闭操作/icon/默认/尺寸
431
+ T_DRAWER_CLOSE_ICON_SIZE_DEFAULT: '14px',
432
+ // 抽屉/关闭操作/icon/悬停/尺寸
433
+ T_DRAWER_CLOSE_ICON_SIZE_HOVER: '14px',
434
+ // 抽屉/内容/背景/颜色
435
+ T_DRAWER_CONTENT_BG_COLOR: 'linear-gradient(180deg, #1a2132 0%, #1a2132 100%)',
436
+ // 抽屉/内容/背景/内间距
437
+ T_DRAWER_CONTENT_PADDING: '24px',
438
+ // 抽屉/页头/标题背景/默认/颜色
439
+ T_DRAWER_HEADER_BG_COLOR_DEFAULT: '#141A2B',
440
+ // 抽屉/页头/标题背景/默认/阴影
441
+ T_DRAWER_HEADER_BG_SHADOW_DEFAULT: '0 1px 0 0 #2B3555',
442
+ // 抽屉/页头/背景/内间距(横向)
443
+ T_DRAWER_HEADER_PADDING_HORIZONAL: '24px',
444
+ // 抽屉/页头/背景/内间距(纵向)
445
+ T_DRAWER_HEADER_PADDING_VERTICAL: '16px',
446
+ // 抽屉/页头/标题/默认/尺寸
447
+ T_DRAWER_HEADER_SIZE_DEFAULT: '14px',
448
+ // 抽屉/页头/标题/默认/颜色
449
+ T_DRAWER_HEADER_TITLE_COLOR_DEFAULT: '#F7F9FF',
450
+ // 抽屉/蒙层/颜色
451
+ T_DRAWER_MASK_COLOR: 'rgba(0,0,0,0.5)',
316
452
  // 抽屉/操作/背景/默认
317
453
  T_DRAWER_RESIZER_BG_DEFAULT: 'rgba(0,0,0,0.5)',
318
454
  // 抽屉/操作/背景/悬停
319
455
  T_DRAWER_RESIZER_BG_HOVER: 'rgba(0,0,0,0.5)',
456
+ // 抽屉/下边/阴影
457
+ T_DRAWER_SHADOW_BOTTOM: '0 46px 24px -35px rgba(0,0,0,0.05),0 25px 10px -16px rgba(0,0,0,0.05),0 10px 6px -6px rgba(0,0,0,0.05)',
458
+ // 抽屉/左边/阴影
459
+ T_DRAWER_SHADOW_LEFT: '-46px 0 24px -35px rgba(0,0,0,0.05),-25px 0 10px -16px rgba(0,0,0,0.05),-10px 0 6px -6px rgba(0,0,0,0.05)',
460
+ // 抽屉/右边/阴影
461
+ T_DRAWER_SHADOW_RIGHT: '46px 0 24px -35px rgba(0,0,0,0.05),25px 0 10px -16px rgba(0,0,0,0.05),10px 0 6px -6px rgba(0,0,0,0.05)',
462
+ // 抽屉/上边/阴影
463
+ T_DRAWER_SHADOW_TOP: '0 -46px 24px -35px rgba(0,0,0,0.05),0 -25px 10px -16px rgba(0,0,0,0.05),0 -10px 6px -6px rgba(0,0,0,0.05)',
320
464
  // 表单项/垂直间距
321
465
  T_FORM_ITEM_SPACING_VERTICAL: '16px',
322
466
  // 顶部导航左侧LOGO背景色
@@ -355,6 +499,10 @@ var _default = {
355
499
  T_INPUT_COLOR_BG_HL_DEFAULT: '#2b3555',
356
500
  // 输入框/背景色/高亮/错误
357
501
  T_INPUT_COLOR_BG_HL_ERROR: '#6a2e2b',
502
+ // 输入框/阴影/默认
503
+ T_INPUT_COLOR_SHADOW_DEFAULT: 'inset 0 3px 0 0 rgba(0,0,0,0.05)',
504
+ // 输入框/阴影/错误
505
+ T_INPUT_COLOR_SHADOW_ERROR: 'inset 0 1px 3px 0 #6a2e2b',
358
506
  // 默认线条,实线
359
507
  T_LINE_STYLE_BASE: 'solid',
360
508
  // 虚线边框样式,用于添加/上传照片按钮
@@ -365,9 +513,41 @@ var _default = {
365
513
  T_LINE_WIDTH_LG: '2px',
366
514
  // 无线条
367
515
  T_LINE_WIDTH_SM: '0px',
516
+ // 列内容文本颜色/文本/常规/深色
517
+ T_LIST_CONTENT_FONT_COLOR_DEFAULT: '#F7F9FF',
518
+ // 列内容文本颜色/文本/备注/深色
519
+ T_LIST_CONTENT_FONT_COLOR_REMARK: '#5C6586',
520
+ // 列内容文本加粗状态/默认字体粗细,常规
521
+ T_LIST_CONTENT_FONT_FONT_WEIGHT: '400',
522
+ // 列内容行高/宽松的行高,字号1.7倍
523
+ T_LIST_CONTENT_FONT_LINE_HEIGHT: '1.7',
524
+ // 列内容文本/一般用于备注/正文,是浏览器识别的最小字号
525
+ T_LIST_CONTENT_FONT_SIZE: '12px',
526
+ // 列标题文本颜色/文本/常规/浅色
527
+ T_LIST_HEADER_FONT_COLOR_DEFAULT: '#C5CAE3',
528
+ // 列标题文本加粗状态/默认字体粗细,常规
529
+ T_LIST_HEADER_FONT_FONT_WEIGHT: '400',
530
+ // 列标题行高/宽松的行高,字号1.7倍
531
+ T_LIST_HEADER_FONT_LINE_HEIGHT: '1.7',
532
+ // 列标题文本/一般用于备注/正文,是浏览器识别的最小字号
533
+ T_LIST_HEADER_FONT_SIZE: '12px',
534
+ // 排版link中icon的默认颜色
535
+ T_LIST_ICON_LINK_DEFAULT: '#3F4A70',
536
+ // 排版link中icon的hover颜色
537
+ T_LIST_ICON_LINK_HOVER: '#738BFF',
538
+ // 列项内间距/左右间距
539
+ T_LIST_ITEM_PADDING_HORIZONAL: '0',
540
+ // 列项内间距/上下间距
541
+ T_LIST_ITEM_PADDING_VERTICAL: '8px',
542
+ // 列分割线/线条/提示/浅色
543
+ T_LIST_LINE_COLOR_DEFAULT: '#2B3555',
544
+ // 列项布局间距/左右间距
545
+ T_LIST_OUTSIDE_PADDING_HORIZONAL: '20px',
546
+ // 列项布局间距/上下间距
547
+ T_LIST_OUTSIDE_PADDING_VERTICAL: '0',
368
548
  // 加载底部蒙层
369
549
  T_LOADING_COLOR_LAYER_DEFAULT: 'rgba(20,26,43,0.7)',
370
- // 弹窗/蒙层
550
+ // 弹窗/抽屉/通用/蒙层
371
551
  T_MODAL_COLOR_LAYER_DEFAULT: 'rgba(0,0,0,0.5)',
372
552
  // 弹窗/阴影
373
553
  T_MODAL_SHADOW_DEFAULT: '0 3px 6px -4px rgba(0,0,0,0.32),0 6px 16px 0 rgba(0,0,0,0.28),0 9px 28px 8px rgba(0,0,0,0.25)',
@@ -443,10 +623,22 @@ var _default = {
443
623
  T_SHADOW_INSET_RIGHT: 'inset -10px 0 8px -8px rgba(0,0,0,0.32)',
444
624
  // 内阴影/上
445
625
  T_SHADOW_INSET_TOP: 'inset 0 10px 8px -8px rgba(0,0,0,0.32)',
626
+ // 抽屉/页头/背景/线条
627
+ T_SHADOW_LINE_BOTTOM: '0 1px 0 0 #2B3555',
628
+ // 抽屉/页头/背景/线条
629
+ T_SHADOW_LINE_LEFT: '-1px 0 0 0 #2B3555',
630
+ // 抽屉/页头/背景/线条
631
+ T_SHADOW_LINE_RIGHT: '1px 0 0 0 #2B3555',
632
+ // 抽屉/页头/背景/线条
633
+ T_SHADOW_LINE_TOP: '0 1px 0 0 #2B3555',
446
634
  // 骨架屏/背景色/深色
447
635
  T_SKELETON_COLOR_BG_DARK: '#1F2538',
636
+ // 骨架屏/背景色/深色
637
+ T_SKELETON_COLOR_BG_DARK1: 'rgba(0,0,0,0.5)',
448
638
  // 骨架屏/背景色/浅色
449
639
  T_SKELETON_COLOR_BG_LIGHT: '#161C2E',
640
+ // 骨架屏/背景色/浅色
641
+ T_SKELETON_COLOR_BG_LIGHT1: 'rgba(0,0,0,0.3)',
450
642
  // 滑块/背景色/激活
451
643
  T_SLIDER_COLOR_BG_ACTIVE: '#1B2341',
452
644
  // 滑块/背景色/未激活
@@ -499,8 +691,12 @@ var _default = {
499
691
  T_SWITCH_COLOR_TEXT_ON: '#ffffff',
500
692
  // 开关/圆角
501
693
  T_SWITCH_CORNER: '2px',
694
+ // 表格/标题/二级背景色
695
+ T_TABLE_HEADER_COLOR_BG2: '#141A2B',
502
696
  // 表格/标题/背景色
503
697
  T_TABLE_HEADER_COLOR_BG_DEFAULT: '#141A2B',
698
+ // 表格/标题/icon/颜色
699
+ T_TABLE_HEADER_COLOR_ICON: '#F7F9FF',
504
700
  // 表格/行/背景色
505
701
  T_TABLE_ROW_COLOR_BG_DEFAULT: '#1F2538',
506
702
  // 表格/行/背景色/hover
@@ -521,6 +717,242 @@ var _default = {
521
717
  T_TABS_PRODUCT_COLOR_SHADOW_HOVER: '#0c142a',
522
718
  // 默认状态文本色值
523
719
  T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: '#C5CAE3',
720
+ // 圆角,常用于TAG圆角
721
+ T_TAG_BORDER_RADIUS: '2px',
722
+ // 图例/蓝-5
723
+ T_TAG_COLOR_BLUE_BG_DARK: '#70a6ec',
724
+ // 图例/蓝-1
725
+ T_TAG_COLOR_BLUE_BG_LIGHT: '#15253b',
726
+ // 图例/蓝-2
727
+ T_TAG_COLOR_BLUE_BORDER: '#29476d',
728
+ // 紧凑模式下分割线
729
+ T_TAG_COLOR_BLUE_DIVIDER: '#29476d',
730
+ // 图例/蓝-7
731
+ T_TAG_COLOR_BLUE_FILLBG_DARK: '#a1c3ef',
732
+ // 图例/蓝-6
733
+ T_TAG_COLOR_BLUE_FILLBG_LIGHT: '#90bcf6',
734
+ // 内置icon/蓝-5
735
+ T_TAG_COLOR_BLUE_ICON: '#70a6ec',
736
+ // 图例/蓝-5
737
+ T_TAG_COLOR_BLUE_TEXT: '#70a6ec',
738
+ // 图例/青-5
739
+ T_TAG_COLOR_CYAN_BG_DARK: '#3eaa95',
740
+ // 图例/青-1
741
+ T_TAG_COLOR_CYAN_BG_LIGHT: '#1d2c29',
742
+ // 图例/青-2
743
+ T_TAG_COLOR_CYAN_BORDER: '#1e3c37',
744
+ // 紧凑模式下分割线
745
+ T_TAG_COLOR_CYAN_DIVIDER: '#1e3c37',
746
+ // 图例/青-7
747
+ T_TAG_COLOR_CYAN_FILLBG_DARK: '#6de3d1',
748
+ // 图例/青-6
749
+ T_TAG_COLOR_CYAN_FILLBG_LIGHT: '#4ed9bd',
750
+ // 内置icon/青-5
751
+ T_TAG_COLOR_CYAN_ICON: '#3eaa95',
752
+ // 图例/青-5
753
+ T_TAG_COLOR_CYAN_TEXT: '#3eaa95',
754
+ // 标签背景/禁用
755
+ T_TAG_COLOR_DISABLED_BG_DARK: '#f7f7f7',
756
+ // 标签背景/禁用
757
+ T_TAG_COLOR_DISABLED_BG_LIGHT: '#f7f7f7',
758
+ // 标签边框/透明
759
+ T_TAG_COLOR_DISABLED_BORDER: '#2B313F',
760
+ // 紧凑模式下分割线
761
+ T_TAG_COLOR_DISABLED_DIVIDER: '#d9d9d9',
762
+ // 内置icon/禁用
763
+ T_TAG_COLOR_DISABLED_ICON: '#cccccc',
764
+ // 文本/禁用
765
+ T_TAG_COLOR_DISABLED_TEXT: '#535763',
766
+ // 背景/提示状态/深色
767
+ T_TAG_COLOR_GRAY_BG_DARK: '#C5CAE3',
768
+ // 背景/提示状态/浅色
769
+ T_TAG_COLOR_GRAY_BG_LIGHT: '#0B1224',
770
+ // 标签边框/亮
771
+ T_TAG_COLOR_GRAY_BORDER: '#2B3555',
772
+ // 紧凑模式下分割线
773
+ T_TAG_COLOR_GRAY_DIVIDER: '#2B3555',
774
+ // 内置icon/黑色
775
+ T_TAG_COLOR_GRAY_ICON: '#C5CAE3',
776
+ // 标签文案/黑色
777
+ T_TAG_COLOR_GRAY_TEXT: '#C5CAE3',
778
+ // 背景/成功状态/深色
779
+ T_TAG_COLOR_GREEN_BG_DARK: '#2b9f56',
780
+ // 背景/成功状态/浅色
781
+ T_TAG_COLOR_GREEN_BG_LIGHT: '#1e3019',
782
+ // 线条/正确/浅色
783
+ T_TAG_COLOR_GREEN_BORDER: '#236019',
784
+ // 紧凑模式下分割线
785
+ T_TAG_COLOR_GREEN_DIVIDER: '#236019',
786
+ // 内置icon/正确
787
+ T_TAG_COLOR_GREEN_ICON: '#2b9f56',
788
+ // 文本/正确
789
+ T_TAG_COLOR_GREEN_TEXT: '#2b9f56',
790
+ // 图例/浅蓝-5
791
+ T_TAG_COLOR_LIGHTBLUE_BG_DARK: '#399bb0',
792
+ // 图例/浅蓝-1
793
+ T_TAG_COLOR_LIGHTBLUE_BG_LIGHT: '#1c252d',
794
+ // 图例/浅蓝-2
795
+ T_TAG_COLOR_LIGHTBLUE_BORDER: '#1a2f37',
796
+ // 紧凑模式下分割线
797
+ T_TAG_COLOR_LIGHTBLUE_DIVIDER: '#1a2f37',
798
+ // 图例/浅蓝-7
799
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_DARK: '#67cde9',
800
+ // 图例/浅蓝-6
801
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_LIGHT: '#47c7e1',
802
+ // 内置icon/浅蓝-5
803
+ T_TAG_COLOR_LIGHTBLUE_ICON: '#399bb0',
804
+ // 图例/浅蓝-5
805
+ T_TAG_COLOR_LIGHTBLUE_TEXT: '#399bb0',
806
+ // 图例/橙-5
807
+ T_TAG_COLOR_ORANGE_BG_DARK: '#b86d31',
808
+ // 图例/橙-1
809
+ T_TAG_COLOR_ORANGE_BG_LIGHT: '#2e231b',
810
+ // 图例/橙-2
811
+ T_TAG_COLOR_ORANGE_BORDER: '#402c1a',
812
+ // 紧凑模式下分割线
813
+ T_TAG_COLOR_ORANGE_DIVIDER: '#402c1a',
814
+ // 图例/橙-7
815
+ T_TAG_COLOR_ORANGE_FILLBG_DARK: '#f2a65f',
816
+ // 图例/橙-6
817
+ T_TAG_COLOR_ORANGE_FILLBG_LIGHT: '#eb883d',
818
+ // 内置icon/橙-5
819
+ T_TAG_COLOR_ORANGE_ICON: '#b86d31',
820
+ // 图例/橙-5
821
+ T_TAG_COLOR_ORANGE_TEXT: '#b86d31',
822
+ // 背景/纯色/品牌色2
823
+ T_TAG_COLOR_PRIMARY_BG_DARK: '#738BFF',
824
+ // 背景/纯色/品牌色1
825
+ T_TAG_COLOR_PRIMARY_BG_LIGHT: '#5A76FF',
826
+ // 线条/主色
827
+ T_TAG_COLOR_PRIMARY_BORDER: '#5A76FF',
828
+ // 紧凑模式下分割线
829
+ T_TAG_COLOR_PRIMARY_DIVIDER: '#5A76FF',
830
+ // 内置icon/系统白色文本
831
+ T_TAG_COLOR_PRIMARY_ICON: '#ffffff',
832
+ // 系统白色文本
833
+ T_TAG_COLOR_PRIMARY_TEXT: '#ffffff',
834
+ // 图例/紫-5
835
+ T_TAG_COLOR_PURPLE_BG_DARK: '#b186dc',
836
+ // 图例/紫-1
837
+ T_TAG_COLOR_PURPLE_BG_LIGHT: '#2b1d39',
838
+ // 图例/紫-2
839
+ T_TAG_COLOR_PURPLE_BORDER: '#4d3465',
840
+ // 紧凑模式下分割线
841
+ T_TAG_COLOR_PURPLE_DIVIDER: '#4d3465',
842
+ // 图例/紫-7
843
+ T_TAG_COLOR_PURPLE_FILLBG_DARK: '#d5b1f9',
844
+ // 图例/紫-6
845
+ T_TAG_COLOR_PURPLE_FILLBG_LIGHT: '#c499ef',
846
+ // 内置icon/紫-5
847
+ T_TAG_COLOR_PURPLE_ICON: '#b186dc',
848
+ // 图例/紫-5
849
+ T_TAG_COLOR_PURPLE_TEXT: '#b186dc',
850
+ // 背景/错误状态/深色
851
+ T_TAG_COLOR_RED_BG_DARK: '#db3f3f',
852
+ // 背景/错误状态/浅色
853
+ T_TAG_COLOR_RED_BG_LIGHT: '#2e1b1e',
854
+ // 线条/错误/浅色
855
+ T_TAG_COLOR_RED_BORDER: '#6a2e2b',
856
+ // 紧凑模式下分割线
857
+ T_TAG_COLOR_RED_DIVIDER: '#6a2e2b',
858
+ // 图例/红-7
859
+ T_TAG_COLOR_RED_FILLBG_DARK: '#e75f5f',
860
+ // 图例/红-6
861
+ T_TAG_COLOR_RED_FILLBG_LIGHT: '#db3f3f',
862
+ // 内置icon/错误
863
+ T_TAG_COLOR_RED_ICON: '#db3f3f',
864
+ // 文本/错误
865
+ T_TAG_COLOR_RED_TEXT: '#db3f3f',
866
+ // 背景/警告状态/深色
867
+ T_TAG_COLOR_YELLOW_BG_DARK: '#ebb73d',
868
+ // 背景/警告状态/浅色
869
+ T_TAG_COLOR_YELLOW_BG_LIGHT: '#2e281b',
870
+ // 线条/警告/浅色
871
+ T_TAG_COLOR_YELLOW_BORDER: '#51441a',
872
+ // 紧凑模式下分割线
873
+ T_TAG_COLOR_YELLOW_DIVIDER: '#51441a',
874
+ // 图例/黄-7
875
+ T_TAG_COLOR_YELLOW_FILLBG_DARK: '#f2cd5f',
876
+ // 图例/黄-6
877
+ T_TAG_COLOR_YELLOW_FILLBG_LIGHT: '#ebb73d',
878
+ // 内置icon/警告
879
+ T_TAG_COLOR_YELLOW_ICON: '#ebb73d',
880
+ // 文本/警告
881
+ T_TAG_COLOR_YELLOW_TEXT: '#ebb73d',
882
+ // 大号控件高度
883
+ T_TAG_HEIGHT_LG: '28px',
884
+ // 中号控件高度
885
+ T_TAG_HEIGHT_MD: '24px',
886
+ // 小号控件高度
887
+ T_TAG_HEIGHT_SM: '20px',
888
+ // icon最小宽度
889
+ T_TAG_ICON_CLOSE: '#ffffff',
890
+ // 标签关闭按钮/透明度
891
+ T_TAG_ICON_OPACITY_DEFAULT: '1',
892
+ // 标签关闭按钮/透明度/hover
893
+ T_TAG_ICON_OPACITY_HOVER: '1',
894
+ // Tag大号icon
895
+ T_TAG_ICON_SIZE_LG: '14px',
896
+ // Tag中号icon
897
+ T_TAG_ICON_SIZE_MD: '12px',
898
+ // Tag小号icon
899
+ T_TAG_ICON_SIZE_SM: '10px',
900
+ // Tag小号icon
901
+ T_TAG_ICON_SIZE_XS: '6px',
902
+ // icon最小宽度
903
+ T_TAG_ICON_WIDTH_SM: '10px',
904
+ // 粗体字
905
+ T_TYPOGRAPHY_FONT_H1_FONT_WEIGHT: '600',
906
+ // 宽松的行高,字号1.7倍
907
+ T_TYPOGRAPHY_FONT_H1_LINE_HEIGHT: '1.7',
908
+ // 一般用于标题,或者特殊场景下的文本展示
909
+ T_TYPOGRAPHY_FONT_H1_SIZE: '24px',
910
+ // 粗体字
911
+ T_TYPOGRAPHY_FONT_H2_FONT_WEIGHT: '600',
912
+ // 宽松的行高,字号1.7倍
913
+ T_TYPOGRAPHY_FONT_H2_LINE_HEIGHT: '1.7',
914
+ // 一般用于标题,或者特殊场景下的文本展示
915
+ T_TYPOGRAPHY_FONT_H2_SIZE: '20px',
916
+ // 粗体字
917
+ T_TYPOGRAPHY_FONT_H3_FONT_WEIGHT: '600',
918
+ // 宽松的行高,字号1.7倍
919
+ T_TYPOGRAPHY_FONT_H3_LINE_HEIGHT: '1.7',
920
+ // 一般用于标题
921
+ T_TYPOGRAPHY_FONT_H3_SIZE: '16px',
922
+ // 粗体字
923
+ T_TYPOGRAPHY_FONT_H4_FONT_WEIGHT: '600',
924
+ // 宽松的行高,字号1.7倍
925
+ T_TYPOGRAPHY_FONT_H4_LINE_HEIGHT: '1.7',
926
+ // 一般用于正文或者小标题
927
+ T_TYPOGRAPHY_FONT_H4_SIZE: '14px',
928
+ // 粗体字
929
+ T_TYPOGRAPHY_FONT_H5_FONT_WEIGHT: '600',
930
+ // 宽松的行高,字号1.7倍
931
+ T_TYPOGRAPHY_FONT_H5_LINE_HEIGHT: '1.7',
932
+ // 一般用于备注/正文,是浏览器识别的最小字号
933
+ T_TYPOGRAPHY_FONT_H5_SIZE: '12px',
934
+ // 默认字体粗细,常规
935
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_FONT_WEIGHT: '400',
936
+ // 宽松的行高,字号1.7倍
937
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_LINE_HEIGHT: '1.3',
938
+ // 一般用于备注/正文,是浏览器识别的最小字号
939
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_SIZE: '12px',
940
+ // 默认字体粗细,常规
941
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_FONT_WEIGHT: '400',
942
+ // 宽松的行高,字号1.7倍
943
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_LINE_HEIGHT: '1.7',
944
+ // 一般用于备注/正文,是浏览器识别的最小字号
945
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_SIZE: '12px',
946
+ // 默认字体粗细,常规
947
+ T_TYPOGRAPHY_FONT_TEXT_FONT_WEIGHT: '400',
948
+ // 宽松的行高,字号1.7倍
949
+ T_TYPOGRAPHY_FONT_TEXT_LINE_HEIGHT: '1.7',
950
+ // 一般用于备注/正文,是浏览器识别的最小字号
951
+ T_TYPOGRAPHY_FONT_TEXT_SIZE: '12px',
952
+ // 排版link中icon的默认颜色
953
+ T_TYPOGRAPHY_ICON_LINK_DEFAULT: '#3F4A70',
954
+ // 排版link中icon的hover颜色
955
+ T_TYPOGRAPHY_ICON_LINK_HOVER: '#738BFF',
524
956
  // 一般用于备注/正文,是浏览器识别的最小字号
525
957
  T_TYPO_FONT_SIZE_1: '12px',
526
958
  // 一般用于正文或者小标题