upp-platform-core 1.0.24 → 1.0.26

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 (6) hide show
  1. package/README.md +14 -5
  2. package/lib/index.css +233 -180
  3. package/lib/index.js +1 -1
  4. package/lib/store.js +1 -1
  5. package/package.json +1 -1
  6. /package/lib/{settingColorHelper-744051ce.js → settingColorHelper-462acd7b.js} +0 -0
package/README.md CHANGED
@@ -1,10 +1,10 @@
1
- # 2023-05-19 v1.0.23
1
+ # 2023-05-23 v1.0.26
2
2
 
3
- 1. tab 没有记录最新的 query 参数问题
3
+ 暗黑模式细节优化
4
4
 
5
- 2. 暗色状态样式修改，刷新后保持亮暗色状态与菜单布局状态
5
+ # 2023-05-22 v1.0.25
6
6
 
7
- 3. 切换租户后刷新浏览器
7
+ 暗黑模式细节优化
8
8
 
9
9
  # 2023-05-19 v1.0.24
10
10
 
@@ -12,4 +12,13 @@
12
12
 
13
13
  1. 修正平台页签上，在子应用登出重新同一账号登录后，回到平台页签不提示刷新的问题
14
14
 
15
- 2. 修正 token 过期，这个 token 跟本地存储的 token 一致时，仍旧不跳到登录页的问题
15
+ 2. 修正 token 过期，这个 token 跟本地存储的 token 一致时，仍旧不跳到登录页的问题
16
+
17
+
18
+ # 2023-05-19 v1.0.23
19
+
20
+ 1. tab 没有记录最新的 query 参数问题
21
+
22
+ 2. 暗色状态样式修改，刷新后保持亮暗色状态与菜单布局状态
23
+
24
+ 3. 切换租户后刷新浏览器
package/lib/index.css CHANGED
@@ -1,176 +1,3 @@
1
- .project__unshow-type .t-menu__logo {
2
- display: flex;
3
- justify-content: center;
4
- background-color: #263455;
5
- }
6
- .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
7
- width: 20%;
8
- }
9
- .project__unshow-type .t-menu__logo span {
10
- color: #FFFFFF !important;
11
- font-size: 16px;
12
- }
13
- .project__unshow-type .t-default-menu__inner {
14
- height: 100%;
15
- }
16
- .project__unshow-type .header-logo-container {
17
- width: 216px;
18
- margin-left: 16px;
19
- }
20
- .project__unshow-type .t-menu {
21
- padding: 0;
22
- }
23
- .project__unshow-type .t-menu .t-head-menu__inner {
24
- background-color: #FFFFFF !important;
25
- border: none;
26
- }
27
- .project__unshow-type .t-menu--scroll {
28
- background-color: #17233D;
29
- }
30
- .project__unshow-type .t-menu__content,
31
- .project__unshow-type .svg-icon,
32
- .project__unshow-type .t-fake-arrow {
33
- color: #A9AEB7;
34
- }
35
- .project__unshow-type .operations-container .t-button {
36
- background-color: #FFFFFF;
37
- border: 1px solid #C9C9C9;
38
- }
39
- .project__unshow-type .operations-container .t-button:hover {
40
- background-color: #C9C9C9;
41
- color: #FFFFFF !important;
42
- }
43
- .project__unshow-type .operations-container .svg-icon,
44
- .project__unshow-type .operations-container .t-icon,
45
- .project__unshow-type .operations-container .header-user-account,
46
- .project__unshow-type .operations-container span {
47
- color: #000000 !important;
48
- }
49
- .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
50
- .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
51
- color: #8B919E !important;
52
- }
53
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
54
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
55
- color: #FFFFFF !important;
56
- }
57
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
58
- margin-left: 20px;
59
- padding-left: 38px;
60
- border-radius: 0;
61
- border-top-left-radius: 4px;
62
- border-bottom-left-radius: 4px;
63
- }
64
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
65
- content: "";
66
- position: absolute;
67
- left: -20px;
68
- width: 5px;
69
- height: 100%;
70
- background-color: #296DF1;
71
- border-top-right-radius: 4px;
72
- border-bottom-right-radius: 4px;
73
- }
74
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
75
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
76
- font-weight: 700;
77
- color: #17233D !important;
78
- }
79
- .project__unshow-type .el-pagination__total {
80
- position: absolute;
81
- left: 0;
82
- }
83
- .project__unshow-type .el-table__header-wrapper th,
84
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
85
- padding: 0;
86
- }
87
- .project__unshow-type .el-table__header-wrapper th .cell,
88
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
89
- background-color: #E9F3FF;
90
- color: #3172F1;
91
- padding: 2px 10px;
92
- }
93
- .project__unshow-type .el-icon-check::before {
94
- color: var(--primary-btn);
95
- }
96
- .project__unshow-type .el-icon-check::before:hover {
97
- background-color: #84CAFD !important;
98
- }
99
- .project__unshow-type .el-button.common-btn:not(:hover),
100
- .project__unshow-type .el-button--primary.is-plain {
101
- color: var(--primary-btn) !important;
102
- border-color: var(--primary-btn) !important;
103
- background-color: #FFFFFF;
104
- }
105
- .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
106
- .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
107
- color: #FFFFFF !important;
108
- background-color: var(--light-blue-color) !important;
109
- border-color: var(--light-blue-color) !important;
110
- }
111
- .project__unshow-type .el-button--primary:not(.is-plain) {
112
- color: #FFFFFF !important;
113
- background-color: var(--primary-btn) !important;
114
- }
115
- .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
116
- color: #FFFFFF;
117
- }
118
- .project__unshow-type .el-button--primary:not(.is-plain):hover {
119
- background-color: var(--light-blue-color) !important;
120
- border-color: var(--light-blue-color) !important;
121
- }
122
- .project__unshow-type .el-button--warning {
123
- color: #F7BF17 !important;
124
- background-color: #FFFFFF !important;
125
- }
126
- .project__unshow-type .el-button--warning:hover {
127
- color: #FFFFFF !important;
128
- background-color: #F7BF17 !important;
129
- border-color: #F7BF17 !important;
130
- }
131
- .project__unshow-type .el-button--danger {
132
- color: #F56C6C !important;
133
- background-color: #FFFFFF !important;
134
- }
135
- .project__unshow-type .el-button--danger:hover {
136
- color: #FFFFFF !important;
137
- background-color: #F56C6C !important;
138
- border-color: #F56C6C !important;
139
- }
140
- .project__unshow-type .el-button--success {
141
- color: #67C23A !important;
142
- background-color: #FFFFFF !important;
143
- }
144
- .project__unshow-type .el-button--success:hover {
145
- color: #FFFFFF !important;
146
- background-color: #67C23A !important;
147
- border-color: #67C23A !important;
148
- }
149
- .project__unshow-type .el-tag {
150
- border-color: var(--light-blue-color);
151
- }
152
- .project__unshow-type .el-tag.el-tag--danger {
153
- border-color: #F56C6C;
154
- }
155
- .project__unshow-type .user-info > .el-card__header {
156
- background-color: #17233D !important;
157
- }
158
- .project__unshow-type .login-container-normal .login-form-normal.login-form {
159
- width: 562px;
160
- }
161
- :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
162
- background-color: #17233d !important;
163
- }
164
- :root[theme-mode="dark"] .project__unshow-type .svg-icon,
165
- :root[theme-mode="dark"] .project__unshow-type .t-icon,
166
- :root[theme-mode="dark"] .project__unshow-type .header-user-account,
167
- :root[theme-mode="dark"] .project__unshow-type span {
168
- color: #FFFFFF !important;
169
- }
170
- :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
171
- background-color: transparent;
172
- }
173
-
174
1
  .is-in-iframe .tdesign-starter-content-layout,
175
2
  .is-in-full-screen .tdesign-starter-content-layout {
176
3
  padding: 0 !important;
@@ -475,6 +302,179 @@
475
302
  margin-left: 10px;
476
303
  }
477
304
 
305
+ .project__unshow-type .t-menu__logo {
306
+ display: flex;
307
+ justify-content: center;
308
+ background-color: #263455;
309
+ }
310
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
311
+ width: 20%;
312
+ }
313
+ .project__unshow-type .t-menu__logo span {
314
+ color: #FFFFFF !important;
315
+ font-size: 16px;
316
+ }
317
+ .project__unshow-type .t-default-menu__inner {
318
+ height: 100%;
319
+ }
320
+ .project__unshow-type .header-logo-container {
321
+ width: 216px;
322
+ margin-left: 16px;
323
+ }
324
+ .project__unshow-type .t-menu {
325
+ padding: 0;
326
+ }
327
+ .project__unshow-type .t-menu .t-head-menu__inner {
328
+ background-color: #FFFFFF !important;
329
+ border: none;
330
+ }
331
+ .project__unshow-type .t-menu--scroll {
332
+ background-color: #17233D;
333
+ }
334
+ .project__unshow-type .t-menu__content,
335
+ .project__unshow-type .svg-icon,
336
+ .project__unshow-type .t-fake-arrow {
337
+ color: #A9AEB7;
338
+ }
339
+ .project__unshow-type .operations-container .t-button {
340
+ background-color: #FFFFFF;
341
+ border: 1px solid #C9C9C9;
342
+ }
343
+ .project__unshow-type .operations-container .t-button:hover {
344
+ background-color: #C9C9C9;
345
+ color: #FFFFFF !important;
346
+ }
347
+ .project__unshow-type .operations-container .svg-icon,
348
+ .project__unshow-type .operations-container .t-icon,
349
+ .project__unshow-type .operations-container .header-user-account,
350
+ .project__unshow-type .operations-container span {
351
+ color: #000000 !important;
352
+ }
353
+ .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
354
+ .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
355
+ color: #8B919E !important;
356
+ }
357
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
358
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
359
+ color: #FFFFFF !important;
360
+ }
361
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
362
+ margin-left: 20px;
363
+ padding-left: 38px;
364
+ border-radius: 0;
365
+ border-top-left-radius: 4px;
366
+ border-bottom-left-radius: 4px;
367
+ }
368
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
369
+ content: "";
370
+ position: absolute;
371
+ left: -20px;
372
+ width: 5px;
373
+ height: 100%;
374
+ background-color: #296DF1;
375
+ border-top-right-radius: 4px;
376
+ border-bottom-right-radius: 4px;
377
+ }
378
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
379
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
380
+ font-weight: 700;
381
+ color: #17233D !important;
382
+ }
383
+ .project__unshow-type .el-pagination__total {
384
+ position: absolute;
385
+ left: 0;
386
+ }
387
+ .project__unshow-type .el-table__header-wrapper th,
388
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
389
+ padding: 0;
390
+ }
391
+ .project__unshow-type .el-table__header-wrapper th .cell,
392
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
393
+ background-color: #E9F3FF;
394
+ color: #3172F1;
395
+ padding: 2px 10px;
396
+ }
397
+ .project__unshow-type .el-icon-check::before {
398
+ color: var(--primary-btn);
399
+ }
400
+ .project__unshow-type .el-icon-check::before:hover {
401
+ background-color: #84CAFD !important;
402
+ }
403
+ .project__unshow-type .el-button.common-btn:not(:hover),
404
+ .project__unshow-type .el-button--primary.is-plain {
405
+ color: var(--primary-btn) !important;
406
+ border-color: var(--primary-btn) !important;
407
+ background-color: #FFFFFF;
408
+ }
409
+ .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
410
+ .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
411
+ color: #FFFFFF !important;
412
+ background-color: var(--light-blue-color) !important;
413
+ border-color: var(--light-blue-color) !important;
414
+ }
415
+ .project__unshow-type .el-button--primary:not(.is-plain) {
416
+ color: #FFFFFF !important;
417
+ background-color: var(--primary-btn) !important;
418
+ }
419
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
420
+ color: #FFFFFF;
421
+ }
422
+ .project__unshow-type .el-button--primary:not(.is-plain):hover {
423
+ background-color: var(--light-blue-color) !important;
424
+ border-color: var(--light-blue-color) !important;
425
+ }
426
+ .project__unshow-type .el-button--warning {
427
+ color: #F7BF17 !important;
428
+ background-color: #FFFFFF !important;
429
+ }
430
+ .project__unshow-type .el-button--warning:hover {
431
+ color: #FFFFFF !important;
432
+ background-color: #F7BF17 !important;
433
+ border-color: #F7BF17 !important;
434
+ }
435
+ .project__unshow-type .el-button--danger {
436
+ color: #F56C6C !important;
437
+ background-color: #FFFFFF !important;
438
+ }
439
+ .project__unshow-type .el-button--danger:hover {
440
+ color: #FFFFFF !important;
441
+ background-color: #F56C6C !important;
442
+ border-color: #F56C6C !important;
443
+ }
444
+ .project__unshow-type .el-button--success {
445
+ color: #67C23A !important;
446
+ background-color: #FFFFFF !important;
447
+ }
448
+ .project__unshow-type .el-button--success:hover {
449
+ color: #FFFFFF !important;
450
+ background-color: #67C23A !important;
451
+ border-color: #67C23A !important;
452
+ }
453
+ .project__unshow-type .el-tag {
454
+ border-color: var(--light-blue-color);
455
+ }
456
+ .project__unshow-type .el-tag.el-tag--danger {
457
+ border-color: #F56C6C;
458
+ }
459
+ .project__unshow-type .user-info > .el-card__header {
460
+ background-color: #17233D !important;
461
+ }
462
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
463
+ width: 562px;
464
+ }
465
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
466
+ background-color: #17233d !important;
467
+ }
468
+ :root[theme-mode="dark"] .project__unshow-type .svg-icon,
469
+ :root[theme-mode="dark"] .project__unshow-type .t-icon,
470
+ :root[theme-mode="dark"] .project__unshow-type .header-user-account,
471
+ :root[theme-mode="dark"] .project__unshow-type span {
472
+ color: #FFFFFF !important;
473
+ }
474
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
475
+ background-color: transparent;
476
+ }
477
+
478
478
  :root,
479
479
  :root[theme-mode="light"] {
480
480
  --td-brand-color-1: #E0EBFF;
@@ -972,7 +972,7 @@
972
972
  --white-opacity-7: rgba(255, 255, 255, 0.7);
973
973
  }
974
974
  :root[theme-mode="dark"] .el-select .el-input {
975
- background: var(--opacity-blue-bg);
975
+ background: transparent;
976
976
  }
977
977
  :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
978
978
  background-color: transparent;
@@ -1032,6 +1032,18 @@
1032
1032
  background: var(--opacity-blue-bg) !important;
1033
1033
  font-size: 14px;
1034
1034
  }
1035
+ :root[theme-mode="dark"] .common-btn:hover {
1036
+ background: var(--opacity-blue-bg);
1037
+ border: 1px solid var(--light-blue-color);
1038
+ color: #409EFF;
1039
+ }
1040
+ :root[theme-mode="dark"] .el-button.el-button--text.el-button--small {
1041
+ background: transparent!important;
1042
+ border: none !important;
1043
+ }
1044
+ :root[theme-mode="dark"] .el-button.el-button--text.el-button--small:hover {
1045
+ border: none;
1046
+ }
1035
1047
  :root[theme-mode="dark"] .cancel-btn {
1036
1048
  border: 1px solid #ffffff;
1037
1049
  border-radius: var(--button-radius);
@@ -1069,6 +1081,7 @@
1069
1081
  :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger {
1070
1082
  background-color: var(--opacity-blue-bg) !important;
1071
1083
  border: 1px solid var(--light-blue-color);
1084
+ color: #df3a3a;
1072
1085
  }
1073
1086
  :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
1074
1087
  :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
@@ -1076,6 +1089,9 @@
1076
1089
  border: 1px solid var(--light-blue-color);
1077
1090
  color: #409EFF;
1078
1091
  }
1092
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger:hover {
1093
+ color: red;
1094
+ }
1079
1095
  :root[theme-mode="dark"] .el-form-item__content .el-button--default {
1080
1096
  border: 1px solid var(--light-blue-color);
1081
1097
  border-radius: var(--button-radius);
@@ -1101,6 +1117,12 @@
1101
1117
  border: 1px solid var(--light-blue-color) !important;
1102
1118
  color: var(--primary-btn) !important;
1103
1119
  }
1120
+ :root[theme-mode="dark"] .home-btn .el-button--default {
1121
+ background: var(--opacity-blue-bg) !important;
1122
+ color: var(--light-blue-color);
1123
+ border: 1px solid var(--light-blue-color);
1124
+ border-radius: var(--button-radius);
1125
+ }
1104
1126
  :root[theme-mode="dark"] .el-range-editor.el-input__inner {
1105
1127
  background: var(--opacity-blue-bg-2);
1106
1128
  }
@@ -1212,12 +1234,24 @@
1212
1234
  :root[theme-mode="dark"] .el-table__fixed-right th > .cell {
1213
1235
  background: var(--el-dialog-color);
1214
1236
  color: #FFFFFF;
1237
+ border-bottom: none;
1215
1238
  }
1216
- :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-right-patch {
1239
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-header-wrapper tr > th {
1240
+ border-bottom: 1px solid transparent !important;
1241
+ }
1242
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-body-wrapper .el-table__row td {
1243
+ background-color: #031527;
1244
+ }
1245
+ :root[theme-mode="dark"] ::-webkit-scrollbar-corner {
1246
+ background: transparent;
1247
+ }
1248
+ :root[theme-mode="dark"] .el-table__fixed-right-patch {
1217
1249
  width: 0 !important;
1250
+ border-bottom: none !important;
1251
+ background: transparent !important;
1218
1252
  }
1219
1253
  :root[theme-mode="dark"] .el-table__body tr.hover-row > td.el-table__cell {
1220
- background: var(--opacity-blue-bg) !important;
1254
+ background: #023D4F !important;
1221
1255
  }
1222
1256
  :root[theme-mode="dark"] .el-table::before {
1223
1257
  display: none;
@@ -1275,9 +1309,31 @@
1275
1309
  :root[theme-mode="dark"] .t-menu__item.t-is-active .svg-icon {
1276
1310
  color: #FFFFFF !important;
1277
1311
  }
1312
+ :root[theme-mode="dark"] .el-card__body .el-button {
1313
+ background: var(--opacity-blue-bg) !important;
1314
+ color: var(--light-blue-color);
1315
+ border: 1px solid var(--light-blue-color);
1316
+ border-radius: var(--button-radius);
1317
+ }
1318
+ :root[theme-mode="dark"] .el-card__body .el-button:hover {
1319
+ background: var(--opacity-blue-bg);
1320
+ border: 1px solid var(--light-blue-color);
1321
+ color: #409EFF !important;
1322
+ }
1323
+ :root[theme-mode="dark"] .login-container-normal .t-is-active {
1324
+ color: #FFFFFF !important;
1325
+ }
1326
+ :root[theme-mode="dark"] .login-container-normal .login-code .el-button {
1327
+ background: var(--opacity-blue-bg) !important;
1328
+ color: var(--light-blue-color);
1329
+ border: 1px solid var(--light-blue-color);
1330
+ border-radius: var(--button-radius);
1331
+ }
1332
+ :root[theme-mode="dark"] .login-container-normal .login__app-info {
1333
+ background: #031527;
1334
+ }
1278
1335
  :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active {
1279
1336
  color: var(--white-color);
1280
- background: rgba(6, 81, 66, 0.8);
1281
1337
  }
1282
1338
  :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active svg {
1283
1339
  color: red;
@@ -2018,9 +2074,6 @@
2018
2074
  .route-tabs-dropdown .t-icon {
2019
2075
  margin-right: 8px;
2020
2076
  }
2021
- .t-menu--dark .t-menu__operations .t-icon {
2022
- color: rgba(255, 255, 255, 0.55);
2023
- }
2024
2077
  .t-menu--dark .t-menu__operations .t-icon:hover {
2025
2078
  cursor: pointer;
2026
2079
  }