@ucloud-fe/react-components 1.3.26 → 1.4.1

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 (112) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/icon.min.js +1 -1
  3. package/dist/main.min.js +4 -4
  4. package/lib/components/AutoComplete/AutoComplete.js +7 -4
  5. package/lib/components/Badge/Bubble.d.ts +2 -0
  6. package/lib/components/Box/Box.d.ts +1 -0
  7. package/lib/components/Calendar/Calendar.d.ts +6 -1
  8. package/lib/components/Calendar/Calendar.js +12 -4
  9. package/lib/components/Calendar/Cell.d.ts +8 -0
  10. package/lib/components/Calendar/Cell.js +55 -0
  11. package/lib/components/Calendar/HeaderButton.d.ts +8 -0
  12. package/lib/components/Calendar/HeaderButton.js +75 -0
  13. package/lib/components/Calendar/HeaderSwitcher.d.ts +2 -1
  14. package/lib/components/Calendar/Month.js +10 -4
  15. package/lib/components/Calendar/TwoSide.d.ts +4 -0
  16. package/lib/components/Calendar/TwoSide.js +155 -0
  17. package/lib/components/Calendar/index.d.ts +3 -0
  18. package/lib/components/Calendar/index.js +9 -0
  19. package/lib/components/Calendar/locale/en_US.js +2 -1
  20. package/lib/components/Calendar/locale/zh_CN.d.ts +1 -0
  21. package/lib/components/Calendar/locale/zh_CN.js +3 -2
  22. package/lib/components/Calendar/style/index.d.ts +13 -0
  23. package/lib/components/Calendar/style/index.js +29 -7
  24. package/lib/components/Calendar/utils.d.ts +1 -1
  25. package/lib/components/Calendar/utils.js +5 -5
  26. package/lib/components/DatePicker/DatePicker.d.ts +1 -1
  27. package/lib/components/DatePicker/DatePicker.js +5 -7
  28. package/lib/components/DatePicker/Footer.d.ts +5 -2
  29. package/lib/components/DatePicker/Footer.js +31 -55
  30. package/lib/components/DatePicker/Month.js +4 -6
  31. package/lib/components/DatePicker/Range.d.ts +2 -2
  32. package/lib/components/DatePicker/Range.js +179 -71
  33. package/lib/components/DatePicker/locale/en_US.js +2 -1
  34. package/lib/components/DatePicker/locale/zh_CN.d.ts +1 -0
  35. package/lib/components/DatePicker/locale/zh_CN.js +2 -1
  36. package/lib/components/DatePicker/style/index.d.ts +24 -5
  37. package/lib/components/DatePicker/style/index.js +102 -34
  38. package/lib/components/DatePicker/usePicker.js +90 -31
  39. package/lib/components/DatePicker/useRangePicker.d.ts +16 -0
  40. package/lib/components/DatePicker/{RangePicker.js → useRangePicker.js} +44 -80
  41. package/lib/components/DatePicker/utils.d.ts +1 -1
  42. package/lib/components/Form/ControllerContext.d.ts +1 -1
  43. package/lib/components/Input/Input.js +4 -2
  44. package/lib/components/Input/Search.js +1 -1
  45. package/lib/components/Input/style/index.d.ts +2 -1
  46. package/lib/components/Input/style/index.js +6 -4
  47. package/lib/components/Loading/Loading.d.ts +1 -0
  48. package/lib/components/NumberInput/NumberInput.d.ts +12 -0
  49. package/lib/components/NumberInput/NumberInput.js +1 -1
  50. package/lib/components/Pagination/Options.js +1 -1
  51. package/lib/components/Popover/Popover.d.ts +17 -13
  52. package/lib/components/Popover/Popover.js +1 -3
  53. package/lib/components/Popover/style/index.d.ts +1 -0
  54. package/lib/components/Popover/style/index.js +1 -1
  55. package/lib/components/Select/style/index.d.ts +6 -6
  56. package/lib/components/SvgIcon/SvgIcon.d.ts +1 -0
  57. package/lib/components/SvgIcon/SvgIcon.js +6 -0
  58. package/lib/components/SvgIcon/SvgIconWrap.d.ts +1 -0
  59. package/lib/components/SvgIcon/icons/DoubleArrowLeft.d.ts +3 -0
  60. package/lib/components/SvgIcon/icons/DoubleArrowLeft.js +27 -0
  61. package/lib/components/SvgIcon/icons/DoubleArrowRight.d.ts +3 -0
  62. package/lib/components/SvgIcon/icons/DoubleArrowRight.js +26 -0
  63. package/lib/components/Switch/style/index.js +2 -2
  64. package/lib/components/Tabs/Tabs.js +1 -1
  65. package/lib/components/Tabs/style/index.d.ts +1 -1
  66. package/lib/components/Tag/Group.d.ts +1 -0
  67. package/lib/components/Tag/Icon.d.ts +1 -0
  68. package/lib/components/Tag/Tag.d.ts +1 -0
  69. package/lib/components/Textarea/Textarea.d.ts +1 -0
  70. package/lib/components/ThemeProvider/ThemeProvider.d.ts +6 -0
  71. package/lib/components/ThemeProvider/dark.js +6 -249
  72. package/lib/components/ThemeProvider/designTokens.d.ts +267 -258
  73. package/lib/components/ThemeProvider/designTokens.js +460 -185
  74. package/lib/components/ThemeProvider/designTokensDark.d.ts +267 -0
  75. package/lib/components/ThemeProvider/designTokensDark.js +540 -0
  76. package/lib/components/ThemeProvider/theme.d.ts +1 -1
  77. package/lib/components/ThemeProvider/theme.js +3 -3
  78. package/lib/components/TimePicker/TimePicker.d.ts +1 -1
  79. package/lib/components/TimePicker/TimePicker.js +11 -13
  80. package/lib/components/TimePicker/style/index.d.ts +3 -1
  81. package/lib/components/TimePicker/style/index.js +11 -21
  82. package/lib/hooks/usePopoverConfig.d.ts +4 -4
  83. package/lib/libs/dom-align/adjustForViewport.js +55 -0
  84. package/lib/libs/dom-align/align/align.js +244 -0
  85. package/lib/libs/dom-align/align/alignElement.js +34 -0
  86. package/lib/libs/dom-align/align/alignPoint.js +67 -0
  87. package/lib/libs/dom-align/getAlignOffset.js +38 -0
  88. package/lib/libs/dom-align/getElFuturePos.js +23 -0
  89. package/lib/libs/dom-align/getOffsetParent.js +63 -0
  90. package/lib/libs/dom-align/getRegion.js +38 -0
  91. package/lib/libs/dom-align/getVisibleRectForElement.js +118 -0
  92. package/lib/libs/dom-align/index.js +27 -0
  93. package/lib/libs/dom-align/isAncestorFixed.js +34 -0
  94. package/lib/libs/dom-align/propertyUtils.js +138 -0
  95. package/lib/libs/dom-align/utils.js +657 -0
  96. package/lib/libs/rc-align/index.d.ts +4 -0
  97. package/lib/libs/rc-align/index.js +15 -3
  98. package/lib/libs/rc-table/Table.d.ts +5 -0
  99. package/lib/libs/rc-table/TableCell.d.ts +1 -0
  100. package/lib/libs/rc-trigger/index.js +14 -0
  101. package/lib/libs/rc-trigger/src/LazyRenderBox.js +82 -0
  102. package/lib/libs/rc-trigger/src/Popup.js +383 -0
  103. package/lib/libs/rc-trigger/src/PopupInner.js +85 -0
  104. package/lib/libs/rc-trigger/src/index.js +867 -0
  105. package/lib/libs/rc-trigger/src/mock.js +33 -0
  106. package/lib/libs/rc-trigger/src/utils.js +48 -0
  107. package/lib/utils/KeyCode.d.ts +15 -0
  108. package/lib/{interfaces → utils}/KeyCode.js +0 -0
  109. package/package.json +4 -6
  110. package/lib/components/DatePicker/RangePicker.d.ts +0 -17
  111. package/lib/interfaces/KeyCode.d.ts +0 -15
  112. package/lib/style/color.js +0 -23
@@ -3,263 +3,538 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.designTokens = void 0;
6
+ exports.default = void 0;
7
+ // Do not edit directly
8
+ // Generated with design-token-editor on 5/12/2022, 2:41:28 PM
7
9
  var designTokens = {
10
+ // 按钮加载遮罩
8
11
  T_BUTTON_COMMON_COLOR_MASK: '#ffffff',
12
+ // 按钮/主/背景色
9
13
  T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: 'linear-gradient(135deg, #6488fc 0%,#3860f4 100%)',
14
+ // 按钮/主/背景色/hover
10
15
  T_BUTTON_PRIMARY_COLOR_BG_HOVER: 'linear-gradient(135deg, #5c76e8 0%,#3357df 100%)',
16
+ // 按钮/主/文本色
11
17
  T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: '#ffffff',
18
+ // 按钮/次/背景色
12
19
  T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: '#ffffff',
13
- T_COLOR_BG_MENU: '#ffffff',
20
+ // 卡片/背景色
21
+ T_CARD_COLOR_BG_DEFAULT: '#ffffff',
22
+ // 图表/时间范围选择器/背景色
23
+ T_CHART_TIMEPICKER_BG_DEFAULT: '#EAEEFD',
24
+ // 图表/时间范围选择器/icon
25
+ T_CHART_TIMEPICKER_ICON_DEFAULT: '#6488fc',
26
+ // 背景/渐变/内容区
27
+ T_COLOR_BG_CONTENT_1: 'linear-gradient(180deg, #ebedf5 0%, #ebedf5 100%)',
28
+ // 背景/常规/亮色
29
+ T_COLOR_BG_DEFAULT_BRIGHT: '#ffffff',
30
+ // 背景/常规/深色
31
+ T_COLOR_BG_DEFAULT_DARK: '#f6f6fb',
32
+ // 背景/常规/hover
33
+ T_COLOR_BG_DEFAULT_HOVER: '#e3e9ff',
34
+ // 背景/常规/浅色
35
+ T_COLOR_BG_DEFAULT_LIGHT: '#fafafc',
36
+ // 背景/常规/默认色,替换为T_COLOR_BG_DEFAULT_BRIGHT
37
+ T_COLOR_BG_DEFAULT_NORMAL: '#ffffff',
38
+ // 背景/禁用状态/深色
39
+ T_COLOR_BG_DISABLED_DARK: '#cccccc',
40
+ // 背景/禁用状态/浅色
41
+ T_COLOR_BG_DISABLED_LIGHT: '#f7f7f7',
42
+ // 背景/错误状态/深色
43
+ T_COLOR_BG_ERROR_DARK: '#f44336',
44
+ // 背景/错误状态/浅色
45
+ T_COLOR_BG_ERROR_LIGHT: '#fff0f0',
46
+ // 背景/高亮
14
47
  T_COLOR_BG_HIGHLIGHT: '#fff5bd',
15
- T_COLOR_BG_WHITE: '#ffffff',
16
- T_COLOR_BG_TRANSPARENT: 'transparent',
48
+ // 背景/菜单
49
+ T_COLOR_BG_MENU: '#ffffff',
50
+ // 背景/提示状态/深色
51
+ T_COLOR_BG_NOTICE_DARK: '#526075',
52
+ // 背景/提示状态/浅色
53
+ T_COLOR_BG_NOTICE_LIGHT: '#fafafc',
54
+ // 背景/纯色/品牌色1
17
55
  T_COLOR_BG_PRIMARY_1: '#3860f4',
56
+ // 背景/纯色/品牌色2
18
57
  T_COLOR_BG_PRIMARY_2: '#3357df',
58
+ // 背景/渐变/品牌色3
19
59
  T_COLOR_BG_PRIMARY_3: 'linear-gradient(135deg, #6488fc 0%,#3860f4 100%)',
60
+ // 背景/渐变/品牌色4
20
61
  T_COLOR_BG_PRIMARY_4: 'linear-gradient(135deg, #5c76e8 0%,#3357df 100%)',
62
+ // 背景/浅色/品牌色5
21
63
  T_COLOR_BG_PRIMARY_5: '#f8f8ff',
22
- T_COLOR_BG_DEFAULT_NORMAL: '#ffffff',
23
- T_COLOR_BG_DEFAULT_BRIGHT: '#ffffff',
24
- T_COLOR_BG_DEFAULT_LIGHT: '#fafafc',
25
- T_COLOR_BG_DEFAULT_DARK: '#f6f6fb',
26
- T_COLOR_BG_DEFAULT_HOVER: '#F4F6FF',
27
- T_COLOR_BG_CONTENT_1: 'linear-gradient(180deg, #ebedf5 0%, #d8dceb 100%)',
28
- T_COLOR_BG_NOTICE_LIGHT: '#fafafc',
29
- T_COLOR_BG_NOTICE_DARK: '#526075',
30
- T_COLOR_BG_SUCCESS_LIGHT: '#e6ffed',
31
- T_COLOR_BG_SUCCESS_DARK: '#15ad31',
32
- T_COLOR_BG_WARNING_LIGHT: '#fffce6',
33
- T_COLOR_BG_WARNING_DARK: '#ffc42e',
34
- T_COLOR_BG_ERROR_LIGHT: '#fff0f0',
35
- T_COLOR_BG_ERROR_DARK: '#f44336',
36
- T_COLOR_BG_DISABLED_LIGHT: '#f7f7f7',
37
- T_COLOR_BG_DISABLED_DARK: '#cccccc',
64
+ // 背景/侧边栏
38
65
  T_COLOR_BG_SIDEBAR: '#e7e9f3',
39
- T_COLOR_LINE_DEFAULT_LIGHT: '#d2d6ea',
40
- T_COLOR_LINE_DEFAULT_DARK: '#c3cad9',
41
- T_COLOR_LINE_DEFAULT_TRANSPARENT: 'transparent',
42
- T_COLOR_LINE_PRIMARY_DEFAULT: '#3860f4',
43
- T_COLOR_LINE_PRIMARY_HOVER: '#3357df',
44
- T_COLOR_LINE_PRIMARY_LIGHT: '#e3e9ff',
45
- T_COLOR_LINE_NOTICE_LIGHT: '#d2d6ea',
46
- T_COLOR_LINE_NOTICE_DARK: '#526075',
47
- T_COLOR_LINE_SUCCESS_LIGHT: '#9effa5',
48
- T_COLOR_LINE_SUCCESS_DARK: '#15ad31',
49
- T_COLOR_LINE_WARNING_LIGHT: '#ffe38d',
50
- T_COLOR_LINE_WARNING_DARK: '#ffc42e',
51
- T_COLOR_LINE_ERROR_LIGHT: '#fed4d4',
52
- T_COLOR_LINE_ERROR_DARK: '#f44336',
53
- T_COLOR_LINE_DISABLED_LIGHT: '#d9d9d9',
54
- T_COLOR_LINE_DISABLED_DARK: '#cccccc',
55
- T_COLOR_TEXT_WHITE: '#ffffff',
56
- T_COLOR_TEXT_DEFAULT_NORMAL: '#ffffff',
57
- T_COLOR_TEXT_DEFAULT_BRIGHT: '#ffffff',
58
- T_COLOR_TEXT_DEFAULT_LIGHT: '#526075',
59
- T_COLOR_TEXT_DEFAULT_DARK: '#0a1633',
60
- T_COLOR_TEXT_PRIMARY_DEFAULT: '#3860f4',
61
- T_COLOR_TEXT_PRIMARY_HOVER: '#3357df',
62
- T_COLOR_TEXT_REMARK_LIGHT: 'rgba(10,22,51,0.20)',
63
- T_COLOR_TEXT_REMARK_DARK: '#7a8baa',
64
- T_COLOR_TEXT_SUCCESS: '#15ad31',
65
- T_COLOR_TEXT_SUCCESS_DARK: '#00591c',
66
- T_COLOR_TEXT_WARNING: '#ffc42e',
67
- T_COLOR_TEXT_WARNING_DARK: '#ffc42e',
68
- T_COLOR_TEXT_ERROR: '#f44336',
69
- T_COLOR_TEXT_ERROR_DARK: '#5a0c06',
70
- T_COLOR_TEXT_DISABLED: '#cccccc',
71
- T_COLOR_TEXT_SYSTEM_WHITE: '#ffffff',
72
- T_COLOR_TEXT_SYSTEM_BLACK: '#000000',
73
- T_COLOR_LEGEND_PURPLE_1: '#f4ebf9',
74
- T_COLOR_LEGEND_PURPLE_2: '#e1ccf0',
75
- T_COLOR_LEGEND_PURPLE_3: '#c6a7e5',
76
- T_COLOR_LEGEND_PURPLE_4: '#af85db',
77
- T_COLOR_LEGEND_PURPLE_5: '#a06dd4',
78
- T_COLOR_LEGEND_PURPLE_6: '#935ecf',
79
- T_COLOR_LEGEND_PURPLE_7: '#6b3aaa',
80
- T_COLOR_LEGEND_PURPLE_8: '#4f298a',
81
- T_COLOR_LEGEND_PURPLE_9: '#322044',
82
- T_COLOR_LEGEND_LIGHTBLUE_1: '#e7f5fd',
83
- T_COLOR_LEGEND_LIGHTBLUE_2: '#c1e9fb',
84
- T_COLOR_LEGEND_LIGHTBLUE_3: '#93e2f8',
85
- T_COLOR_LEGEND_LIGHTBLUE_4: '#6ad7f5',
86
- T_COLOR_LEGEND_LIGHTBLUE_5: '#4dcff4',
87
- T_COLOR_LEGEND_LIGHTBLUE_6: '#3ad0f3',
88
- T_COLOR_LEGEND_LIGHTBLUE_7: '#17b1cd',
89
- T_COLOR_LEGEND_LIGHTBLUE_8: '#0a95a8',
90
- T_COLOR_LEGEND_LIGHTBLUE_9: '#154250',
66
+ // 背景/成功状态/深色
67
+ T_COLOR_BG_SUCCESS_DARK: '#15AD31',
68
+ // 背景/成功状态/浅色
69
+ T_COLOR_BG_SUCCESS_LIGHT: '#E6FFED',
70
+ // 背景/透明
71
+ T_COLOR_BG_TRANSPARENT: 'transparent',
72
+ // 背景/警告状态/深色
73
+ T_COLOR_BG_WARNING_DARK: '#ffc42e',
74
+ // 背景/警告状态/浅色
75
+ T_COLOR_BG_WARNING_LIGHT: '#fffce6',
76
+ // 背景/白色,替换为T_COLOR_BG_DEFAULT_BRIGHT
77
+ T_COLOR_BG_WHITE: '#ffffff',
78
+ // 图例/蓝-1
91
79
  T_COLOR_LEGEND_BLUE_1: '#e7eefd',
80
+ // 图例/蓝-2
92
81
  T_COLOR_LEGEND_BLUE_2: '#c1d4fa',
82
+ // 图例/蓝-3
93
83
  T_COLOR_LEGEND_BLUE_3: '#95bff7',
84
+ // 图例/蓝-4
94
85
  T_COLOR_LEGEND_BLUE_4: '#6ca7f4',
86
+ // 图例/蓝-5
95
87
  T_COLOR_LEGEND_BLUE_5: '#4f95f2',
88
+ // 图例/蓝-6
96
89
  T_COLOR_LEGEND_BLUE_6: '#3c90f0',
90
+ // 图例/蓝-7
97
91
  T_COLOR_LEGEND_BLUE_7: '#1971cb',
92
+ // 图例/蓝-8
98
93
  T_COLOR_LEGEND_BLUE_8: '#0c5fa7',
94
+ // 图例/蓝-9
99
95
  T_COLOR_LEGEND_BLUE_9: '#152d4f',
100
- T_COLOR_LEGEND_ORANGE_1: '#fff5e6',
101
- T_COLOR_LEGEND_ORANGE_2: '#ffe3bd',
102
- T_COLOR_LEGEND_ORANGE_3: '#ffc48d',
103
- T_COLOR_LEGEND_ORANGE_4: '#ffac61',
104
- T_COLOR_LEGEND_ORANGE_5: '#ff9e42',
105
- T_COLOR_LEGEND_ORANGE_6: '#FF8C2E',
106
- T_COLOR_LEGEND_ORANGE_7: '#d9610b',
107
- T_COLOR_LEGEND_ORANGE_8: '#B34400',
108
- T_COLOR_LEGEND_ORANGE_9: '#543211',
109
- T_COLOR_LEGEND_YELLOW_1: '#fffce6',
110
- T_COLOR_LEGEND_YELLOW_2: '#fff5bd',
111
- T_COLOR_LEGEND_YELLOW_3: '#ffe38d',
112
- T_COLOR_LEGEND_YELLOW_4: '#FFD761',
113
- T_COLOR_LEGEND_YELLOW_5: '#ffd042',
114
- T_COLOR_LEGEND_YELLOW_6: '#ffc42e',
115
- T_COLOR_LEGEND_YELLOW_7: '#d9980b',
116
- T_COLOR_LEGEND_YELLOW_8: '#b37400',
117
- T_COLOR_LEGEND_YELLOW_9: '#544411',
96
+ // 图例/青-1
118
97
  T_COLOR_LEGEND_CYAN_1: '#e8fcfc',
98
+ // 图例/青-2
119
99
  T_COLOR_LEGEND_CYAN_2: '#c3f8f5',
100
+ // 图例/青-3
120
101
  T_COLOR_LEGEND_CYAN_3: '#98f3e5',
102
+ // 图例/青-4
121
103
  T_COLOR_LEGEND_CYAN_4: '#70efdb',
104
+ // 图例/青-5
122
105
  T_COLOR_LEGEND_CYAN_5: '#55ecd6',
106
+ // 图例/青-6
123
107
  T_COLOR_LEGEND_CYAN_6: '#43eacb',
108
+ // 图例/青-7
124
109
  T_COLOR_LEGEND_CYAN_7: '#1fc4a1',
110
+ // 图例/青-8
125
111
  T_COLOR_LEGEND_CYAN_8: '#12a17d',
112
+ // 图例/青-9
126
113
  T_COLOR_LEGEND_CYAN_9: '#174d45',
127
- T_COLOR_LEGEND_RED_1: '#fff0f0',
128
- T_COLOR_LEGEND_RED_2: '#ffe2e2',
129
- T_COLOR_LEGEND_RED_3: '#fed4d4',
130
- T_COLOR_LEGEND_RED_4: '#FBA49F',
131
- T_COLOR_LEGEND_RED_5: '#F7736B',
132
- T_COLOR_LEGEND_RED_6: '#f44336',
133
- T_COLOR_LEGEND_RED_7: '#C13126',
134
- T_COLOR_LEGEND_RED_8: '#8D1E16',
135
- T_COLOR_LEGEND_RED_9: '#5a0c06',
114
+ // 图例/绿-1
136
115
  T_COLOR_LEGEND_GREEN_1: '#E6FFED',
116
+ // 图例/绿-2
137
117
  T_COLOR_LEGEND_GREEN_2: '#C2FFC9',
118
+ // 图例/绿-3
138
119
  T_COLOR_LEGEND_GREEN_3: '#9EFFA5',
120
+ // 图例/绿-4
139
121
  T_COLOR_LEGEND_GREEN_4: '#70E47E',
122
+ // 图例/绿-5
140
123
  T_COLOR_LEGEND_GREEN_5: '#43C858',
124
+ // 图例/绿-6
141
125
  T_COLOR_LEGEND_GREEN_6: '#15AD31',
126
+ // 图例/绿-7
142
127
  T_COLOR_LEGEND_GREEN_7: '#0E912A',
128
+ // 图例/绿-8
143
129
  T_COLOR_LEGEND_GREEN_8: '#077523',
130
+ // 图例/绿-9
144
131
  T_COLOR_LEGEND_GREEN_9: '#00591C',
145
- T_FRAME_TOP_COLOR_BG_DEFAULT: '#3860f4',
146
- T_FRAME_TOP_COLOR_BG_HOVER: '#3357df',
132
+ // 图例/浅蓝-1
133
+ T_COLOR_LEGEND_LIGHTBLUE_1: '#e7f5fd',
134
+ // 图例/浅蓝-2
135
+ T_COLOR_LEGEND_LIGHTBLUE_2: '#c1e9fb',
136
+ // 图例/浅蓝-3
137
+ T_COLOR_LEGEND_LIGHTBLUE_3: '#93e2f8',
138
+ // 图例/浅蓝-4
139
+ T_COLOR_LEGEND_LIGHTBLUE_4: '#6ad7f5',
140
+ // 图例/浅蓝-5
141
+ T_COLOR_LEGEND_LIGHTBLUE_5: '#4dcff4',
142
+ // 图例/浅蓝-6
143
+ T_COLOR_LEGEND_LIGHTBLUE_6: '#3ad0f3',
144
+ // 图例/浅蓝-7
145
+ T_COLOR_LEGEND_LIGHTBLUE_7: '#17b1cd',
146
+ // 图例/浅蓝-8
147
+ T_COLOR_LEGEND_LIGHTBLUE_8: '#0a95a8',
148
+ // 图例/浅蓝-9
149
+ T_COLOR_LEGEND_LIGHTBLUE_9: '#154250',
150
+ // 图例/橙-1
151
+ T_COLOR_LEGEND_ORANGE_1: '#fff5e6',
152
+ // 图例/橙-2
153
+ T_COLOR_LEGEND_ORANGE_2: '#ffe3bd',
154
+ // 图例/橙-3
155
+ T_COLOR_LEGEND_ORANGE_3: '#ffc48d',
156
+ // 图例/橙-4
157
+ T_COLOR_LEGEND_ORANGE_4: '#ffac61',
158
+ // 图例/橙-5
159
+ T_COLOR_LEGEND_ORANGE_5: '#ff9e42',
160
+ // 图例/橙-6
161
+ T_COLOR_LEGEND_ORANGE_6: '#FF8C2E',
162
+ // 图例/橙-7
163
+ T_COLOR_LEGEND_ORANGE_7: '#d9610b',
164
+ // 图例/橙-8
165
+ T_COLOR_LEGEND_ORANGE_8: '#B34400',
166
+ // 图例/橙-9
167
+ T_COLOR_LEGEND_ORANGE_9: '#543211',
168
+ // 图例/紫-1
169
+ T_COLOR_LEGEND_PURPLE_1: '#f4ebf9',
170
+ // 图例/紫-2
171
+ T_COLOR_LEGEND_PURPLE_2: '#e1ccf0',
172
+ // 图例/紫-3
173
+ T_COLOR_LEGEND_PURPLE_3: '#c6a7e5',
174
+ // 图例/紫-4
175
+ T_COLOR_LEGEND_PURPLE_4: '#af85db',
176
+ // 图例/紫-5
177
+ T_COLOR_LEGEND_PURPLE_5: '#a06dd4',
178
+ // 图例/紫-6
179
+ T_COLOR_LEGEND_PURPLE_6: '#935ecf',
180
+ // 图例/紫-7
181
+ T_COLOR_LEGEND_PURPLE_7: '#6b3aaa',
182
+ // 图例/紫-8
183
+ T_COLOR_LEGEND_PURPLE_8: '#4f298a',
184
+ // 图例/紫-9
185
+ T_COLOR_LEGEND_PURPLE_9: '#322044',
186
+ // 图例/红-1
187
+ T_COLOR_LEGEND_RED_1: '#fff0f0',
188
+ // 图例/红-2
189
+ T_COLOR_LEGEND_RED_2: '#ffe2e2',
190
+ // 图例/红-3
191
+ T_COLOR_LEGEND_RED_3: '#fed4d4',
192
+ // 图例/红-4
193
+ T_COLOR_LEGEND_RED_4: '#FBA49F',
194
+ // 图例/红-5
195
+ T_COLOR_LEGEND_RED_5: '#F7736B',
196
+ // 图例/红-6
197
+ T_COLOR_LEGEND_RED_6: '#f44336',
198
+ // 图例/红-7
199
+ T_COLOR_LEGEND_RED_7: '#C13126',
200
+ // 图例/红-8
201
+ T_COLOR_LEGEND_RED_8: '#8D1E16',
202
+ // 图例/红-9
203
+ T_COLOR_LEGEND_RED_9: '#5a0c06',
204
+ // 图例/黄-1
205
+ T_COLOR_LEGEND_YELLOW_1: '#fffce6',
206
+ // 图例/黄-2
207
+ T_COLOR_LEGEND_YELLOW_2: '#fff5bd',
208
+ // 图例/黄-3
209
+ T_COLOR_LEGEND_YELLOW_3: '#ffe38d',
210
+ // 图例/黄-4
211
+ T_COLOR_LEGEND_YELLOW_4: '#FFD761',
212
+ // 图例/黄-5
213
+ T_COLOR_LEGEND_YELLOW_5: '#ffd042',
214
+ // 图例/黄-6
215
+ T_COLOR_LEGEND_YELLOW_6: '#ffc42e',
216
+ // 图例/黄-7
217
+ T_COLOR_LEGEND_YELLOW_7: '#d9980b',
218
+ // 图例/黄-8
219
+ T_COLOR_LEGEND_YELLOW_8: '#b37400',
220
+ // 图例/黄-9
221
+ T_COLOR_LEGEND_YELLOW_9: '#544411',
222
+ // 线条/常规/深色
223
+ T_COLOR_LINE_DEFAULT_DARK: '#c3cad9',
224
+ // 线条/常规/浅色
225
+ T_COLOR_LINE_DEFAULT_LIGHT: '#d2d6ea',
226
+ // 线条/常规/透明
227
+ T_COLOR_LINE_DEFAULT_TRANSPARENT: 'transparent',
228
+ // 线条/禁用/深色
229
+ T_COLOR_LINE_DISABLED_DARK: '#cccccc',
230
+ // 线条/禁用/浅色
231
+ T_COLOR_LINE_DISABLED_LIGHT: '#d9d9d9',
232
+ // 线条/错误/深色
233
+ T_COLOR_LINE_ERROR_DARK: '#f44336',
234
+ // 线条/错误/浅色
235
+ T_COLOR_LINE_ERROR_LIGHT: '#fed4d4',
236
+ // 线条/提示/深色
237
+ T_COLOR_LINE_NOTICE_DARK: '#526075',
238
+ // 线条/提示/浅色
239
+ T_COLOR_LINE_NOTICE_LIGHT: '#d2d6ea',
240
+ // 线条/主色
241
+ T_COLOR_LINE_PRIMARY_DEFAULT: '#3860f4',
242
+ // 线条/主色/hover
243
+ T_COLOR_LINE_PRIMARY_HOVER: '#3357df',
244
+ // 线条/浅色
245
+ T_COLOR_LINE_PRIMARY_LIGHT: '#e3e9ff',
246
+ // 线条/正确/深色
247
+ T_COLOR_LINE_SUCCESS_DARK: '#15AD31',
248
+ // 线条/正确/浅色
249
+ T_COLOR_LINE_SUCCESS_LIGHT: '#9EFFA5',
250
+ // 线条/警告/深色
251
+ T_COLOR_LINE_WARNING_DARK: '#ffc42e',
252
+ // 线条/警告/浅色
253
+ T_COLOR_LINE_WARNING_LIGHT: '#ffe38d',
254
+ // 文本/常规/亮色
255
+ T_COLOR_TEXT_DEFAULT_BRIGHT: '#ffffff',
256
+ // 文本/常规/深色
257
+ T_COLOR_TEXT_DEFAULT_DARK: '#0a1633',
258
+ // 文本/常规/浅色
259
+ T_COLOR_TEXT_DEFAULT_LIGHT: '#526075',
260
+ // 文本/常规/默认色,替换为T_COLOR_TEXT_DEFAULT_BRIGHT
261
+ T_COLOR_TEXT_DEFAULT_NORMAL: '#ffffff',
262
+ // 文本/禁用
263
+ T_COLOR_TEXT_DISABLED: '#cccccc',
264
+ // 文本/错误
265
+ T_COLOR_TEXT_ERROR: '#f44336',
266
+ // 文本/错误/深色
267
+ T_COLOR_TEXT_ERROR_DARK: '#5a0c06',
268
+ // 文本/主色
269
+ T_COLOR_TEXT_PRIMARY_DEFAULT: '#3860f4',
270
+ // 文本/主色/hover
271
+ T_COLOR_TEXT_PRIMARY_HOVER: '#3357df',
272
+ // 文本/备注/深色
273
+ T_COLOR_TEXT_REMARK_DARK: '#7a8baa',
274
+ // 文本/备注/浅色
275
+ T_COLOR_TEXT_REMARK_LIGHT: 'rgba(10,22,51,0.2)',
276
+ // 文本/正确
277
+ T_COLOR_TEXT_SUCCESS: '#15AD31',
278
+ // 文本/正确/深色
279
+ T_COLOR_TEXT_SUCCESS_DARK: '#00591C',
280
+ // 系统黑色文本
281
+ T_COLOR_TEXT_SYSTEM_BLACK: '#000000',
282
+ // 系统白色文本
283
+ T_COLOR_TEXT_SYSTEM_WHITE: '#ffffff',
284
+ // 文本/警告
285
+ T_COLOR_TEXT_WARNING: '#ffc42e',
286
+ // 文本/警告/深色
287
+ T_COLOR_TEXT_WARNING_DARK: '#544411',
288
+ // 文本/白色,替换为T_COLOR_TEXT_DEFAULT_BRIGHT
289
+ T_COLOR_TEXT_WHITE: '#ffffff',
290
+ // 大号控件字号
291
+ T_CONTROL_FONT_SIZE_LG: '12px',
292
+ // 中号控件字号
293
+ T_CONTROL_FONT_SIZE_MD: '12px',
294
+ // 小号控件字号
295
+ T_CONTROL_FONT_SIZE_SM: '12px',
296
+ // 大号控件高度
297
+ T_CONTROL_HEIGHT_LG: '32px',
298
+ // 中号控件高度
299
+ T_CONTROL_HEIGHT_MD: '28px',
300
+ // 小号控件高度
301
+ T_CONTROL_HEIGHT_SM: '24px',
302
+ // 大号控件间距
303
+ T_CONTROL_SPACING_LG: '8px',
304
+ // 中号控件间距
305
+ T_CONTROL_SPACING_MD: '8px',
306
+ // 小号控件间距
307
+ T_CONTROL_SPACING_SM: '8px',
308
+ // 圆形
309
+ T_CORNER_CIRCLE: '50%',
310
+ // 大圆角,用于卡片圆角
311
+ T_CORNER_LG: '4px',
312
+ // 默认圆角,常用于按钮/输入框等
313
+ T_CORNER_SM: '2px',
314
+ // 直角
315
+ T_CORNER_ZERO: '0',
316
+ // 抽屉/操作/背景/默认
317
+ T_DRAWER_RESIZER_BG_DEFAULT: 'rgba(0,0,0,0.3)',
318
+ // 抽屉/操作/背景/悬停
319
+ T_DRAWER_RESIZER_BG_HOVER: 'rgba(0,0,0,0.5)',
320
+ // 顶部导航左侧LOGO背景色
147
321
  T_FRAME_LOGO_COLOR_BG_DEFAULT: '#3357df',
322
+ // 全部产品列表/图标颜色
148
323
  T_FRAME_PRODUCTS_COLOR_TEXT_ICON: '#152d4f',
149
- T_FRAME_SIDEBAR_COLOR_BG_DEFAULT: '#dfe0f1',
324
+ // 全局左侧收藏栏选中的产品背景色
150
325
  T_FRAME_SIDEBAR_COLOR_BG_ACTIVE: '#f8f8ff',
326
+ // 全局左侧收藏栏默认背景色
327
+ T_FRAME_SIDEBAR_COLOR_BG_DEFAULT: '#dfe0f1',
328
+ // 全局左侧收藏栏展开状态背景色
151
329
  T_FRAME_SIDEBAR_COLOR_BG_EXPAND: '#ffffff',
152
- T_LOADING_COLOR_LAYER_DEFAULT: 'rgba(255,255,255,0.70)',
153
- T_MODAL_COLOR_LAYER_DEFAULT: 'rgba(0,0,0,0.50)',
330
+ // 顶部导航默认背景色
331
+ T_FRAME_TOP_COLOR_BG_DEFAULT: '#3860f4',
332
+ // 顶部导航hover背景色/Logo背景色
333
+ T_FRAME_TOP_COLOR_BG_HOVER: '#3357df',
334
+ // 大号控件高度
335
+ T_HEIGHT_LG: '32px',
336
+ // 中号控件高度
337
+ T_HEIGHT_MD: '28px',
338
+ // 小号控件高度
339
+ T_HEIGHT_SM: '24px',
340
+ // 代码编辑器/读写/背景色/操作
341
+ T_IDE_DEFAULT_COLOR_BG_ACTION: 'rgba(255,255,255,0.12)',
342
+ // 代码编辑器/读写/背景色/默认
343
+ T_IDE_DEFAULT_COLOR_BG_DEFAULT: '#0a1633',
344
+ // 代码编辑器/只读/背景色/操作
345
+ T_IDE_READONLY_COLOR_BG_ACTION: 'rgba(10,22,51,0.12)',
346
+ // 代码编辑器/只读/背景色/默认
347
+ T_IDE_READONLY_COLOR_BG_DEFAULT: '#f6f6fb',
348
+ // 输入框/背景色/激活
349
+ T_INPUT_COLOR_BG_ACTIVE: '#f6f6fb',
350
+ // 输入框/背景色/默认
351
+ T_INPUT_COLOR_BG_DEFAULT: '#fafafc',
352
+ // 输入框/背景色/高亮/默认
353
+ T_INPUT_COLOR_BG_HL_DEFAULT: '#e3e9ff',
354
+ // 输入框/背景色/高亮/错误
355
+ T_INPUT_COLOR_BG_HL_ERROR: '#fed4d4',
356
+ // 默认线条,实线
357
+ T_LINE_STYLE_BASE: 'solid',
358
+ // 虚线边框样式,用于添加/上传照片按钮
359
+ T_LINE_STYLE_DASHED: 'dashed',
360
+ // 默认线条高
361
+ T_LINE_WIDTH_BASE: '1px',
362
+ // 粗线条
363
+ T_LINE_WIDTH_LG: '2px',
364
+ // 无线条
365
+ T_LINE_WIDTH_SM: '0px',
366
+ // 加载底部蒙层
367
+ T_LOADING_COLOR_LAYER_DEFAULT: 'rgba(255,255,255,0.7)',
368
+ // 弹窗/蒙层
369
+ T_MODAL_COLOR_LAYER_DEFAULT: 'rgba(0,0,0,0.5)',
370
+ // 弹窗/阴影
154
371
  T_MODAL_SHADOW_DEFAULT: '0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05)',
155
- T_PAY_COLOR_BG_1: 'linear-gradient(180deg, #ebedf5 0%, #d8dceb 100%)',
372
+ // 左侧订单模块背景
373
+ T_PAY_COLOR_BG_1: 'linear-gradient(180deg, #ebedf5 0%, #ebedf5 100%)',
374
+ // 右侧计费模块背景
156
375
  T_PAY_COLOR_BG_2: '#efeff8',
376
+ // 左侧订单卡片下半段背景
157
377
  T_PAY_COLOR_BG_3: '#f8f8ff',
158
- T_POPOVER_COLOR_BG_LIGHT: '#ffffff',
378
+ // 弹出层/背景色/暗
159
379
  T_POPOVER_COLOR_BG_DARK: '#0a1633',
160
- T_POPOVER_COLOR_LINE_LIGHT: '#d2d6ea',
380
+ // 弹出层/背景色/亮
381
+ T_POPOVER_COLOR_BG_LIGHT: '#ffffff',
382
+ // 弹出层/边框/暗
161
383
  T_POPOVER_COLOR_LINE_DARK: 'transparent',
384
+ // 弹出层/边框/亮
385
+ T_POPOVER_COLOR_LINE_LIGHT: '#d2d6ea',
386
+ // 进度条/背景色
387
+ T_PROGRESS_COLOR_BG_DEFAULT: '#dfe0f1',
388
+ // 滚动条/背景色
389
+ T_SCROLLBAR_COLOR_BG_DEFAULT: 'rgba(0,0,0,0.12)',
390
+ // 滚动条/边框色
391
+ T_SCROLLBAR_COLOR_BORDER_DEFAULT: 'rgba(255,255,255,0.7)',
392
+ // 块/下/大
393
+ T_SHADOW_BLOCK_BOTTOM_LG: '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)',
394
+ // 块/下/小
395
+ T_SHADOW_BLOCK_BOTTOM_SM: '0 3px 3px -2px rgba(0,0,0,0.05),0 8px 6px -6px rgba(0,0,0,0.08)',
396
+ // 块/常规/大
397
+ T_SHADOW_BLOCK_DEFAULT_LG: '0 6px 16px 0 rgba(0,0,0,0.05), 0 16px 24px -8px rgba(0,0,0,0.08), 0 0 16px 0 rgba(0,0,0,0.05),inset 0 -2px 0px 0px rgba(0,0,0,0.08)',
398
+ // 块/常规/中
399
+ T_SHADOW_BLOCK_DEFAULT_MD: '0 0 1px 0 rgba(0,0,0,0.12), 0 8px 12px -4px rgba(0,0,0,0.12), 0 4px 4px -2px rgba(0,0,0,0.05),inset 0 -2px 0px 0px rgba(0,0,0,0.08)',
400
+ // 块/常规/小
401
+ T_SHADOW_BLOCK_DEFAULT_SM: '0 0 2px 0 rgba(0,0,0,0.08), 0 5px 8px -4px rgba(0,0,0,0.12), 0 1px 0 0 rgba(0,0,0,0.05),inset 0 -1px 0px 0px rgba(0,0,0,0.08)',
402
+ // 块/左/大
403
+ T_SHADOW_BLOCK_LEFT_LG: '-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)',
404
+ // 块/左/小
405
+ T_SHADOW_BLOCK_LEFT_SM: '-3px 0 3px -2px rgba(0,0,0,0.05),-8px 0 6px -6px rgba(0,0,0,0.08)',
406
+ // 块/右/大
407
+ T_SHADOW_BLOCK_RIGHT_LG: '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)',
408
+ // 块/右/小
409
+ T_SHADOW_BLOCK_RIGHT_SM: '3px 0 3px -2px rgba(0,0,0,0.05),8px 0 6px -6px rgba(0,0,0,0.08)',
410
+ // 块/上/大
411
+ T_SHADOW_BLOCK_TOP_LG: '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)',
412
+ // 块/上/小
413
+ T_SHADOW_BLOCK_TOP_SM: '0 -3px 3px -2px rgba(0,0,0,0.05),0 -8px 6px -6px rgba(0,0,0,0.08)',
414
+ // 按钮/白/默认
415
+ T_SHADOW_BUTTON_DEFAULT: '0 2px 3px 0 rgba(0,0,0,0.12),inset 0 -2px 0 0 #e3e9ff',
416
+ // 按钮/错误色/默认
417
+ T_SHADOW_BUTTON_ERROR: '0 1px 3px -1px #f44336',
418
+ // 按钮/错误色/hover
419
+ T_SHADOW_BUTTON_ERROR_HOVER: '0 5px 8px -4px #f44336',
420
+ // 按钮/白/hover
421
+ T_SHADOW_BUTTON_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 #e3e9ff',
422
+ // 按钮/品牌色/默认
423
+ T_SHADOW_BUTTON_PRIMARY: '0 2px 4px -1px #5c76e8, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
424
+ // 按钮/品牌色/hover
425
+ T_SHADOW_BUTTON_PRIMARY_HOVER: '0 5px 8px -4px #5c76e8, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
426
+ // 内阴影/输入框
427
+ T_SHADOW_INSET_1: 'inset 0 1px 3px 0 #d2d6ea',
428
+ // 内阴影/下
429
+ T_SHADOW_INSET_BOTTOM: 'inset 0 -10px 8px -8px rgba(0,0,0,0.12)',
430
+ // 内阴影/默认
431
+ T_SHADOW_INSET_DEFAULT: 'inset 0 3px 0 0 rgba(0,0,0,0.05)',
432
+ // 内阴影/错误
433
+ T_SHADOW_INSET_ERROR: 'inset 0 1px 3px 0 #fed4d4',
434
+ // 内阴影/左
435
+ T_SHADOW_INSET_LEFT: 'inset 10px 0 8px -8px rgba(0,0,0,0.12)',
436
+ // 内阴影/右
437
+ T_SHADOW_INSET_RIGHT: 'inset -10px 0 8px -8px rgba(0,0,0,0.12)',
438
+ // 内阴影/上
439
+ T_SHADOW_INSET_TOP: 'inset 0 10px 8px -8px rgba(0,0,0,0.12)',
440
+ // 滑块/背景色/激活
162
441
  T_SLIDER_COLOR_BG_ACTIVE: '#f8f8ff',
442
+ // 滑块/背景色/未激活
163
443
  T_SLIDER_COLOR_BG_DEFAULT: '#fafafc',
444
+ // 滑块/边框色/激活
164
445
  T_SLIDER_COLOR_LINE_ACTIVE: '#3860f4',
446
+ // 滑块/边框色/未激活
165
447
  T_SLIDER_COLOR_LINE_DEFAULT: '#c3cad9',
448
+ // 滑块/文本色/激活
166
449
  T_SLIDER_COLOR_TEXT_ACTIVE: '#3860f4',
450
+ // 滑块/文本色/未激活
167
451
  T_SLIDER_COLOR_TEXT_DEFAULT: '#7a8baa',
168
- T_SWITCH_COLOR_BG_OUTER: '#ffffff',
452
+ // 弹窗内表单间纵向间距
453
+ T_SPACING_COMMON_LG: '16px',
454
+ // 大号按钮左右内间距/页面内按钮与按钮横向间距
455
+ T_SPACING_COMMON_MD: '12px',
456
+ // 中号按钮左右内间距/弹窗内按钮与按钮的横向间距
457
+ T_SPACING_COMMON_SM: '8px',
458
+ //
459
+ T_SPACING_COMMON_XLG: '20px',
460
+ // icon和文本之间的间距
461
+ T_SPACING_COMMON_XS: '4px',
462
+ // 页面内表单间纵向间距/常规卡片间距
463
+ T_SPACING_COMMON_XXLG: '24px',
464
+ //
465
+ T_SPACING_COMMON_XXXLG: '32px',
466
+ // 大正方形的宽度/高度
467
+ T_SQUARE_LG: '32px',
468
+ // 中正方形的宽度/高度
469
+ T_SQUARE_MD: '28px',
470
+ // 小正方形的宽度/高度
471
+ T_SQUARE_SM: '24px',
472
+ // 开关/内圈/背景色/关
169
473
  T_SWITCH_COLOR_BG_INNER_OFF: '#f6f6fb',
170
- T_SWITCH_COLOR_BG_INNER_ON: '#15ad31',
474
+ // 开关/内圈/背景色/开
475
+ T_SWITCH_COLOR_BG_INNER_ON: '#15AD31',
476
+ // 开关/外圈/背景色
477
+ T_SWITCH_COLOR_BG_OUTER: '#ffffff',
478
+ // 开关/内圈/边框/开
479
+ T_SWITCH_COLOR_LINE_INNER_ON: '#E6FFED',
480
+ // 开关/文本色/关
171
481
  T_SWITCH_COLOR_TEXT_OFF: '#526075',
482
+ // 开关/文本色/开
172
483
  T_SWITCH_COLOR_TEXT_ON: '#ffffff',
173
- T_SWITCH_COLOR_LINE_INNER_ON: '#e6ffed',
484
+ // 表格/行/背景色
174
485
  T_TABLE_ROW_COLOR_BG_DEFAULT: '#f6f6fb',
175
- T_TABLE_ROW_COLOR_BG_HOVER: '#F4F6FF',
486
+ // 表格/行/背景色/hover
487
+ T_TABLE_ROW_COLOR_BG_HOVER: '#EAEEFD',
488
+ // 导航切换选中项/背景色
176
489
  T_TABS_DEFAULT_COLOR_BG_DEFAULT: '#ebedf5',
490
+ // 导航切换/背景色/hover
177
491
  T_TABS_DEFAULT_COLOR_BG_HOVER: '#fafafc',
492
+ // 导航切换/边框色/hover
178
493
  T_TABS_DEFAULT_COLOR_LINE_HOVER: '#efeff8',
179
- T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: 'rgba(0,0,0,0.7)',
180
- T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: '#edf0fd',
181
- T_TABS_PRODUCT_COLOR_SHADOW_HOVER: '#dee1e9',
494
+ // hover状态背景色
182
495
  T_TABS_PRODUCT_COLOR_BG_HOVER: 'rgba(233,237,245,0.5)',
496
+ // 导航切换/边框色/active
183
497
  T_TABS_PRODUCT_COLOR_LINE_ACTIVE: '#dfe0f1',
184
- T_CARD_COLOR_BG_DEFAULT: '#ffffff',
185
- T_CORNER_SM: '2px',
186
- T_CORNER_LG: '4px',
187
- T_CORNER_CIRCLE: '50%',
188
- T_CORNER_ZERO: '0',
189
- T_HEIGHT_SM: '24px',
190
- T_HEIGHT_MD: '28px',
191
- T_HEIGHT_LG: '32px',
192
- T_IDE_DEFAULT_COLOR_BG_DEFAULT: '#0a1633',
193
- T_IDE_DEFAULT_COLOR_BG_ACTION: 'rgba(255,255,255,0.12)',
194
- T_IDE_READONLY_COLOR_BG_DEFAULT: '#f6f6fb',
195
- T_IDE_READONLY_COLOR_BG_ACTION: 'rgba(10,22,51,0.12)',
196
- T_INPUT_COLOR_BG_DEFAULT: '#fafafc',
197
- T_INPUT_COLOR_BG_ACTIVE: '#f6f6fb',
198
- T_LINE_WIDTH_BASE: '1px',
199
- T_LINE_WIDTH_SM: '0px',
200
- T_LINE_WIDTH_LG: '2px',
201
- T_LINE_STYLE_BASE: 'solid',
202
- T_LINE_STYLE_DASHED: 'dashed',
203
- T_PROGRESS_COLOR_BG_DEFAULT: '#dfe0f1',
204
- T_SHADOW_INSET_1: 'inset 0 1px 3px 0 #d2d6ea',
205
- T_SHADOW_INSET_TOP: 'inset 0 10px 8px -8px rgba(0,0,0,0.12)',
206
- T_SHADOW_INSET_RIGHT: 'inset -10px 0 8px -8px rgba(0,0,0,0.12)',
207
- T_SHADOW_INSET_BOTTOM: 'inset 0 -10px 8px -8px rgba(0,0,0,0.12)',
208
- T_SHADOW_INSET_LEFT: 'inset 10px 0 8px -8px rgba(0,0,0,0.12)',
209
- T_SHADOW_INSET_DEFAULT: 'inset 0 3px 0 0 rgba(0,0,0,0.05)',
210
- T_SHADOW_INSET_ERROR: 'inset 0 1px 3px 0 #fed4d4',
211
- T_SHADOW_BLOCK_DEFAULT_SM: '0 0 2px 0 rgba(0,0,0,0.08), 0 5px 8px -4px rgba(0,0,0,0.12), 0 1px 0 0 rgba(0,0,0,0.05),inset 0 -1px 0px 0px #f8f8ff',
212
- T_SHADOW_BLOCK_DEFAULT_MD: '0 0 1px 0 rgba(0,0,0,0.12), 0 8px 12px -4px rgba(0,0,0,0.12), 0 4px 4px -2px rgba(0,0,0,0.05),inset 0 -2px 0px 0px #f8f8ff',
213
- T_SHADOW_BLOCK_DEFAULT_LG: '0 6px 16px 0 rgba(0,0,0,0.05), 0 16px 24px -8px rgba(0,0,0,0.08), 0 0 16px 0 rgba(0,0,0,0.05),inset 0 -2px 0px 0px #f8f8ff',
214
- T_SHADOW_BLOCK_LEFT_SM: '-3px 0 3px -2px rgba(0,0,0,0.05),-8px 0 6px -6px rgba(0,0,0,0.08)',
215
- T_SHADOW_BLOCK_LEFT_LG: '-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)',
216
- T_SHADOW_BLOCK_RIGHT_SM: '3px 0 3px -2px rgba(0,0,0,0.05),8px 0 6px -6px rgba(0,0,0,0.08)',
217
- T_SHADOW_BLOCK_RIGHT_LG: '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)',
218
- T_SHADOW_BLOCK_BOTTOM_SM: '0 3px 3px -2px rgba(0,0,0,0.05),0 8px 6px -6px rgba(0,0,0,0.08)',
219
- T_SHADOW_BLOCK_BOTTOM_LG: '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)',
220
- T_SHADOW_BLOCK_TOP_SM: '0 -3px 3px -2px rgba(0,0,0,0.05),0 -8px 6px -6px rgba(0,0,0,0.08)',
221
- T_SHADOW_BLOCK_TOP_LG: '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)',
222
- T_SHADOW_BUTTON_DEFAULT: '0 2px 3px 0 rgba(0,0,0,0.12),inset 0 -2px 0 0 #e3e9ff',
223
- T_SHADOW_BUTTON_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 #e3e9ff',
224
- T_SHADOW_BUTTON_PRIMARY: '0 2px 4px -1px #5c76e8, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
225
- T_SHADOW_BUTTON_PRIMARY_HOVER: '0 5px 8px -4px #5c76e8, inset 0 -3px 0 0 rgba(0,0,0,0.12), inset 0 1px 0 0 rgba(0,0,0,0.12)',
226
- T_SHADOW_BUTTON_ERROR: '0 1px 3px -1px #f44336',
227
- T_SHADOW_BUTTON_ERROR_HOVER: '0 5px 8px -4px #f44336',
228
- T_SPACING_COMMON_XS: '4px',
229
- T_SPACING_COMMON_SM: '8px',
230
- T_SPACING_COMMON_MD: '12px',
231
- T_SPACING_COMMON_LG: '16px',
232
- T_SPACING_COMMON_XLG: '20px',
233
- T_SPACING_COMMON_XXLG: '24px',
234
- T_SPACING_COMMON_XXXLG: '32px',
235
- T_SQUARE_SM: '24px',
236
- T_SQUARE_MD: '28px',
237
- T_SQUARE_LG: '32px',
498
+ // 默认状态阴影色值
499
+ T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: '#edf0fd',
500
+ // hover状态阴影色值
501
+ T_TABS_PRODUCT_COLOR_SHADOW_HOVER: '#dee1e9',
502
+ // 默认状态文本色值
503
+ T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: 'rgba(0,0,0,0.7)',
504
+ // 一般用于备注/正文,是浏览器识别的最小字号
238
505
  T_TYPO_FONT_SIZE_1: '12px',
506
+ // 一般用于正文或者小标题
239
507
  T_TYPO_FONT_SIZE_2: '14px',
508
+ // 一般用于标题
240
509
  T_TYPO_FONT_SIZE_3: '16px',
510
+ // 一般用于数字
241
511
  T_TYPO_FONT_SIZE_4: '18px',
512
+ // 一般用于标题,或者特殊场景下的文本展示
242
513
  T_TYPO_FONT_SIZE_5: '20px',
514
+ // 一般用于标题,或者特殊场景下的文本展示
243
515
  T_TYPO_FONT_SIZE_6: '24px',
516
+ // 一般用于标题,或者特殊场景下的文本展示
244
517
  T_TYPO_FONT_SIZE_7: '28px',
518
+ // 一般用于标题,或者特殊场景下的文本展示
245
519
  T_TYPO_FONT_SIZE_8: '32px',
246
- T_TYPO_LINE_HEIGHT_SM: '1.3',
247
- T_TYPO_LINE_HEIGHT_MD: '1.5',
248
- T_TYPO_LINE_HEIGHT_LG: '1.7',
249
- T_TYPO_FONT_WEIGHT_NORMAL: '400',
250
- T_TYPO_FONT_WEIGHT_LIGHT: '300',
520
+ // 粗体字
251
521
  T_TYPO_FONT_WEIGHT_BOLD: '600',
252
- T_WIDTH_SM: '144px',
253
- T_WIDTH_MD: '192px',
522
+ // 细体字
523
+ T_TYPO_FONT_WEIGHT_LIGHT: '300',
524
+ // 默认字体粗细,常规
525
+ T_TYPO_FONT_WEIGHT_NORMAL: '400',
526
+ // 宽松的行高,字号1.7倍
527
+ T_TYPO_LINE_HEIGHT_LG: '1.7',
528
+ // 中等的行高,字号1.5倍
529
+ T_TYPO_LINE_HEIGHT_MD: '1.5',
530
+ // 密集的行高,字号1.3倍
531
+ T_TYPO_LINE_HEIGHT_SM: '1.3',
532
+ // 大号控件宽度
254
533
  T_WIDTH_LG: '320px',
255
- T_CONTROL_HEIGHT_SM: '24px',
256
- T_CONTROL_HEIGHT_MD: '28px',
257
- T_CONTROL_HEIGHT_LG: '32px',
258
- T_CONTROL_SPACING_SM: '8px',
259
- T_CONTROL_SPACING_MD: '8px',
260
- T_CONTROL_SPACING_LG: '8px',
261
- T_CONTROL_FONT_SIZE_SM: '12px',
262
- T_CONTROL_FONT_SIZE_MD: '12px',
263
- T_CONTROL_FONT_SIZE_LG: '12px'
534
+ // 中号控件宽度
535
+ T_WIDTH_MD: '192px',
536
+ // 小号控件宽度
537
+ T_WIDTH_SM: '144px'
264
538
  };
265
- exports.designTokens = designTokens;
539
+ var _default = designTokens;
540
+ exports.default = _default;