@ucloud-fe/react-components 1.5.20 → 1.7.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 (17) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/icon.min.js +1 -1
  3. package/dist/main.min.js +4 -4
  4. package/lib/components/Form/style/index.js +26 -25
  5. package/lib/components/Modal/Modal.js +6 -4
  6. package/lib/components/Modal/style/index.js +6 -6
  7. package/lib/components/Progress/CircleProgress.js +148 -0
  8. package/lib/components/Progress/Progress.js +33 -3
  9. package/lib/components/Progress/style/index.js +38 -11
  10. package/lib/components/Radio/style/index.js +21 -21
  11. package/lib/components/Switch/style/index.js +2 -2
  12. package/lib/components/Table/style/index.js +17 -17
  13. package/lib/components/ThemeProvider/designTokens.d.ts +7 -0
  14. package/lib/components/ThemeProvider/designTokens.js +15 -1
  15. package/lib/components/ThemeProvider/designTokensDark.d.ts +8 -0
  16. package/lib/components/ThemeProvider/designTokensDark.js +17 -1
  17. package/package.json +2 -1
package/lib/components/ThemeProvider/designTokens.d.ts CHANGED
@@ -154,6 +154,7 @@ declare const _default: {
154
154
  T_CORNER_ZERO: string;
155
155
  T_DRAWER_RESIZER_BG_DEFAULT: string;
156
156
  T_DRAWER_RESIZER_BG_HOVER: string;
157
+ T_FORM_ITEM_SPACING_VERTICAL: string;
157
158
  T_FRAME_LOGO_COLOR_BG_DEFAULT: string;
158
159
  T_FRAME_PRODUCTS_COLOR_TEXT_ICON: string;
159
160
  T_FRAME_SIDEBAR_COLOR_BG_ACTIVE: string;
@@ -188,6 +189,7 @@ declare const _default: {
188
189
  T_POPOVER_COLOR_LINE_DARK: string;
189
190
  T_POPOVER_COLOR_LINE_LIGHT: string;
190
191
  T_PROGRESS_COLOR_BG_DEFAULT: string;
192
+ T_RADIO_CARD_COLOR_BG_ACTIVE: string;
191
193
  T_SCROLLBAR_COLOR_BG_DEFAULT: string;
192
194
  T_SCROLLBAR_COLOR_BORDER_DEFAULT: string;
193
195
  T_SHADOW_BLOCK_BOTTOM_LG: string;
@@ -232,12 +234,17 @@ declare const _default: {
232
234
  T_SQUARE_LG: string;
233
235
  T_SQUARE_MD: string;
234
236
  T_SQUARE_SM: string;
237
+ T_SWITCH_COLOR_BG_DOT_DISABLED: string;
238
+ T_SWITCH_COLOR_BG_DOT_OFF: string;
239
+ T_SWITCH_COLOR_BG_DOT_ON: string;
235
240
  T_SWITCH_COLOR_BG_INNER_OFF: string;
236
241
  T_SWITCH_COLOR_BG_INNER_ON: string;
237
242
  T_SWITCH_COLOR_BG_OUTER: string;
238
243
  T_SWITCH_COLOR_LINE_INNER_ON: string;
239
244
  T_SWITCH_COLOR_TEXT_OFF: string;
240
245
  T_SWITCH_COLOR_TEXT_ON: string;
246
+ T_SWITCH_CORNER: string;
247
+ T_TABLE_HEADER_COLOR_BG_DEFAULT: string;
241
248
  T_TABLE_ROW_COLOR_BG_DEFAULT: string;
242
249
  T_TABLE_ROW_COLOR_BG_HOVER: string;
243
250
  T_TABS_DEFAULT_COLOR_BG_DEFAULT: string;
package/lib/components/ThemeProvider/designTokens.js CHANGED
@@ -5,7 +5,7 @@ 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 7/12/2022, 3:06:32 PM
8
+ // Generated with design-token-editor on 2023/8/1 11:19:16
9
9
  var _default = {
10
10
  // 按钮加载遮罩
11
11
  T_BUTTON_COMMON_COLOR_MASK: '#ffffff',
@@ -317,6 +317,8 @@ var _default = {
317
317
  T_DRAWER_RESIZER_BG_DEFAULT: 'rgba(0,0,0,0.3)',
318
318
  // 抽屉/操作/背景/悬停
319
319
  T_DRAWER_RESIZER_BG_HOVER: 'rgba(0,0,0,0.5)',
320
+ // 表单项/垂直间距
321
+ T_FORM_ITEM_SPACING_VERTICAL: '16px',
320
322
  // 顶部导航左侧LOGO背景色
321
323
  T_FRAME_LOGO_COLOR_BG_DEFAULT: '#3357df',
322
324
  // 全部产品列表/图标颜色
@@ -385,6 +387,8 @@ var _default = {
385
387
  T_POPOVER_COLOR_LINE_LIGHT: '#d2d6ea',
386
388
  // 进度条/背景色
387
389
  T_PROGRESS_COLOR_BG_DEFAULT: '#dfe0f1',
390
+ // 单选框/卡片标题/背景色/激活
391
+ T_RADIO_CARD_COLOR_BG_ACTIVE: '#fafafc',
388
392
  // 滚动条/背景色
389
393
  T_SCROLLBAR_COLOR_BG_DEFAULT: 'rgba(0,0,0,0.12)',
390
394
  // 滚动条/边框色
@@ -473,6 +477,12 @@ var _default = {
473
477
  T_SQUARE_MD: '28px',
474
478
  // 小正方形的宽度/高度
475
479
  T_SQUARE_SM: '24px',
480
+ // 开关/圆点/背景色/禁用
481
+ T_SWITCH_COLOR_BG_DOT_DISABLED: '#cccccc',
482
+ // 开关/圆点/背景色/关
483
+ T_SWITCH_COLOR_BG_DOT_OFF: '#f44336',
484
+ // 开关/圆点/背景色/开
485
+ T_SWITCH_COLOR_BG_DOT_ON: '#15AD31',
476
486
  // 开关/内圈/背景色/关
477
487
  T_SWITCH_COLOR_BG_INNER_OFF: '#f6f6fb',
478
488
  // 开关/内圈/背景色/开
@@ -485,6 +495,10 @@ var _default = {
485
495
  T_SWITCH_COLOR_TEXT_OFF: '#526075',
486
496
  // 开关/文本色/开
487
497
  T_SWITCH_COLOR_TEXT_ON: '#ffffff',
498
+ // 开关/圆角
499
+ T_SWITCH_CORNER: '2px',
500
+ // 表格/标题/背景色
501
+ T_TABLE_HEADER_COLOR_BG_DEFAULT: '#ffffff',
488
502
  // 表格/行/背景色
489
503
  T_TABLE_ROW_COLOR_BG_DEFAULT: '#f6f6fb',
490
504
  // 表格/行/背景色/hover
package/lib/components/ThemeProvider/designTokensDark.d.ts CHANGED
@@ -154,6 +154,7 @@ declare const _default: {
154
154
  T_CORNER_ZERO: string;
155
155
  T_DRAWER_RESIZER_BG_DEFAULT: string;
156
156
  T_DRAWER_RESIZER_BG_HOVER: string;
157
+ T_FORM_ITEM_SPACING_VERTICAL: string;
157
158
  T_FRAME_LOGO_COLOR_BG_DEFAULT: string;
158
159
  T_FRAME_PRODUCTS_COLOR_TEXT_ICON: string;
159
160
  T_FRAME_SIDEBAR_COLOR_BG_ACTIVE: string;
@@ -188,6 +189,8 @@ declare const _default: {
188
189
  T_POPOVER_COLOR_LINE_DARK: string;
189
190
  T_POPOVER_COLOR_LINE_LIGHT: string;
190
191
  T_PROGRESS_COLOR_BG_DEFAULT: string;
192
+ T_RADIO_CARD_COLOR_BG_ACTIVE: string;
193
+ T_RADIO_HEADER_COLOR_BG_ACTIVE: string;
191
194
  T_SCROLLBAR_COLOR_BG_DEFAULT: string;
192
195
  T_SCROLLBAR_COLOR_BORDER_DEFAULT: string;
193
196
  T_SHADOW_BLOCK_BOTTOM_LG: string;
@@ -232,12 +235,17 @@ declare const _default: {
232
235
  T_SQUARE_LG: string;
233
236
  T_SQUARE_MD: string;
234
237
  T_SQUARE_SM: string;
238
+ T_SWITCH_COLOR_BG_DOT_DISABLED: string;
239
+ T_SWITCH_COLOR_BG_DOT_OFF: string;
240
+ T_SWITCH_COLOR_BG_DOT_ON: string;
235
241
  T_SWITCH_COLOR_BG_INNER_OFF: string;
236
242
  T_SWITCH_COLOR_BG_INNER_ON: string;
237
243
  T_SWITCH_COLOR_BG_OUTER: string;
238
244
  T_SWITCH_COLOR_LINE_INNER_ON: string;
239
245
  T_SWITCH_COLOR_TEXT_OFF: string;
240
246
  T_SWITCH_COLOR_TEXT_ON: string;
247
+ T_SWITCH_CORNER: string;
248
+ T_TABLE_HEADER_COLOR_BG_DEFAULT: string;
241
249
  T_TABLE_ROW_COLOR_BG_DEFAULT: string;
242
250
  T_TABLE_ROW_COLOR_BG_HOVER: string;
243
251
  T_TABS_DEFAULT_COLOR_BG_DEFAULT: string;
package/lib/components/ThemeProvider/designTokensDark.js CHANGED
@@ -5,7 +5,7 @@ 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 7/12/2022, 3:06:24 PM
8
+ // Generated with design-token-editor on 2023/8/1 11:19:16
9
9
  var _default = {
10
10
  // 按钮加载遮罩
11
11
  T_BUTTON_COMMON_COLOR_MASK: '#141A2B',
@@ -317,6 +317,8 @@ var _default = {
317
317
  T_DRAWER_RESIZER_BG_DEFAULT: 'rgba(0,0,0,0.5)',
318
318
  // 抽屉/操作/背景/悬停
319
319
  T_DRAWER_RESIZER_BG_HOVER: 'rgba(0,0,0,0.5)',
320
+ // 表单项/垂直间距
321
+ T_FORM_ITEM_SPACING_VERTICAL: '16px',
320
322
  // 顶部导航左侧LOGO背景色
321
323
  T_FRAME_LOGO_COLOR_BG_DEFAULT: '#5A76FF',
322
324
  // 全部产品列表/图标颜色
@@ -385,6 +387,10 @@ var _default = {
385
387
  T_POPOVER_COLOR_LINE_LIGHT: 'rgba(0,0,0,0)',
386
388
  // 进度条/背景色
387
389
  T_PROGRESS_COLOR_BG_DEFAULT: '#192036',
390
+ // 单选框/卡片标题/背景色/激活
391
+ T_RADIO_CARD_COLOR_BG_ACTIVE: '#0B1224',
392
+ // 单选框/卡片标题/背景色/激活
393
+ T_RADIO_HEADER_COLOR_BG_ACTIVE: '#0B1224',
388
394
  // 滚动条/背景色
389
395
  T_SCROLLBAR_COLOR_BG_DEFAULT: 'rgba(255,255,255,0.25)',
390
396
  // 滚动条/边框色
@@ -473,6 +479,12 @@ var _default = {
473
479
  T_SQUARE_MD: '28px',
474
480
  // 小正方形的宽度/高度
475
481
  T_SQUARE_SM: '24px',
482
+ // 开关/圆点/背景色/禁用
483
+ T_SWITCH_COLOR_BG_DOT_DISABLED: '#535763',
484
+ // 开关/圆点/背景色/关
485
+ T_SWITCH_COLOR_BG_DOT_OFF: '#db3f3f',
486
+ // 开关/圆点/背景色/开
487
+ T_SWITCH_COLOR_BG_DOT_ON: '#2b9f56',
476
488
  // 开关/内圈/背景色/关
477
489
  T_SWITCH_COLOR_BG_INNER_OFF: '#2B3555',
478
490
  // 开关/内圈/背景色/开
@@ -485,6 +497,10 @@ var _default = {
485
497
  T_SWITCH_COLOR_TEXT_OFF: '#F7F9FF',
486
498
  // 开关/文本色/开
487
499
  T_SWITCH_COLOR_TEXT_ON: '#ffffff',
500
+ // 开关/圆角
501
+ T_SWITCH_CORNER: '2px',
502
+ // 表格/标题/背景色
503
+ T_TABLE_HEADER_COLOR_BG_DEFAULT: '#141A2B',
488
504
  // 表格/行/背景色
489
505
  T_TABLE_ROW_COLOR_BG_DEFAULT: '#1F2538',
490
506
  // 表格/行/背景色/hover
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ucloud-fe/react-components",
3
- "version": "1.5.20",
3
+ "version": "1.7.0",
4
4
  "title": "UCloud react components",
5
5
  "description": "UCloud react components",
6
6
  "keywords": [
@@ -73,6 +73,7 @@
73
73
  "rc-animate": "2",
74
74
  "rc-dialog": "7.7.0",
75
75
  "rc-form": "2.4.12",
76
+ "rc-progress": "^3.4.2",
76
77
  "rc-slider": "8.6.13",
77
78
  "rc-util": "4.21.1",
78
79
  "react-lifecycles-compat": "^3.0.4",