@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.
- package/CHANGELOG.md +19 -0
- package/dist/icon.min.js +1 -1
- package/dist/main.min.js +8 -8
- package/index.d.ts +11 -0
- package/lib/components/Switch/style/index.js +7 -5
- package/lib/components/Table/Table.js +521 -123
- package/lib/components/Tag/Group.d.ts +21 -15
- package/lib/components/Tag/Group.js +175 -31
- package/lib/components/Tag/Icon.d.ts +17 -0
- package/lib/components/Tag/Icon.js +31 -2
- package/lib/components/Tag/Tag.d.ts +19 -0
- package/lib/components/Tag/Tag.js +44 -6
- package/lib/components/Tag/index.d.ts +2 -2
- package/lib/components/Tag/style/index.d.ts +46 -1
- package/lib/components/Tag/style/index.js +259 -85
- package/lib/components/ThemeProvider/designTokens.d.ts +216 -0
- package/lib/components/ThemeProvider/designTokens.js +436 -4
- package/lib/components/ThemeProvider/designTokensDark.d.ts +216 -0
- package/lib/components/ThemeProvider/designTokensDark.js +435 -3
- package/lib/components/ThemeProvider/designTokensPrivate.d.ts +492 -0
- package/lib/components/ThemeProvider/designTokensPrivate.js +989 -0
- package/lib/components/ThemeProvider/private.js +17 -0
- 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
|
|
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
|
// 一般用于正文或者小标题
|