cloud-business 0.1.114-1 → 0.1.114

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 (5) hide show
  1. package/cloud-business.css +489 -1613
  2. package/cloud-business.js +2 -2
  3. package/cloud-business.min.css +1 -1
  4. package/cloud-business.min.js +1 -1
  5. package/package.json +1 -1
package/cloud-business.css CHANGED
@@ -195,81 +195,50 @@ li {
195
195
  background: #d9d9d9;
196
196
  font-size: 18px;
197
197
  color: #ffffff;
198
- overflow: hidden;
199
198
  }
200
- .newCloud-avatar i {
201
- font-size: 16px;
202
- position: relative;
203
- color: rgba(0, 0, 0, 0.25);
199
+ .newCloud-avatar .newCloud-avatar-icon {
200
+ font-size: 18px;
204
201
  }
205
- .newCloud-avatar.newCloud-avatar-16 {
206
- font-size: 14px;
202
+ .newCloud-avatar.newCloud-avatar-16 .newCloud-avatar-icon {
203
+ font-size: 12px;
204
+ transform: scale(0.75);
207
205
  }
208
- .newCloud-avatar.newCloud-avatar-16 i {
209
- top: 3px;
206
+ .newCloud-avatar.newCloud-avatar-24 .newCloud-avatar-icon {
210
207
  font-size: 12px;
211
208
  }
212
- .newCloud-avatar.newCloud-avatar-24 {
209
+ .newCloud-avatar.newCloud-avatar-32 .newCloud-avatar-icon {
213
210
  font-size: 16px;
214
211
  }
215
- .newCloud-avatar.newCloud-avatar-24 i {
216
- top: 4px;
217
- font-size: 20px;
218
- }
219
- .newCloud-avatar.newCloud-avatar-32 {
220
- font-size: 20px;
221
- }
222
- .newCloud-avatar.newCloud-avatar-32 i {
223
- top: 4px;
224
- font-size: 28px;
225
- }
226
- .newCloud-avatar.newCloud-avatar-40 {
227
- font-size: 22px;
228
- }
229
- .newCloud-avatar.newCloud-avatar-40 i {
230
- top: 4px;
231
- font-size: 36px;
232
- }
233
- .newCloud-avatar.newCloud-avatar-48 {
234
- font-size: 26px;
235
- }
236
- .newCloud-avatar.newCloud-avatar-48 i {
237
- top: 5px;
238
- font-size: 44px;
212
+ .newCloud-avatar.newCloud-avatar-40 .newCloud-avatar-icon {
213
+ font-size: 18px;
239
214
  }
240
- .newCloud-avatar.newCloud-avatar-60 {
241
- font-size: 32px;
215
+ .newCloud-avatar.newCloud-avatar-48 .newCloud-avatar-icon {
216
+ font-size: 24px;
242
217
  }
243
- .newCloud-avatar.newCloud-avatar-60 i {
244
- top: 6px;
245
- font-size: 56px;
218
+ .newCloud-avatar.newCloud-avatar-60 .newCloud-avatar-icon {
219
+ font-size: 30px;
246
220
  }
247
221
  .newCloud-avatar.newCloud-avatar-default {
248
222
  width: 24px;
249
223
  height: 24px;
250
- font-size: 16px;
251
224
  }
252
225
  .newCloud-avatar.newCloud-avatar-default .newCloud-avatar-icon {
253
- top: 3px;
254
- font-size: 20px;
226
+ font-size: 12px;
255
227
  }
256
228
  .newCloud-avatar.newCloud-avatar-small {
257
229
  width: 16px;
258
230
  height: 16px;
259
- font-size: 14px;
260
231
  }
261
232
  .newCloud-avatar.newCloud-avatar-small .newCloud-avatar-icon {
262
- top: 2px;
263
- font-size: 16px;
233
+ font-size: 12px;
234
+ transform: scale(0.75);
264
235
  }
265
236
  .newCloud-avatar.newCloud-avatar-large {
266
237
  width: 40px;
267
238
  height: 40px;
268
- font-size: 22px;
269
239
  }
270
240
  .newCloud-avatar.newCloud-avatar-large .newCloud-avatar-icon {
271
- top: 4px;
272
- font-size: 36px;
241
+ font-size: 18px;
273
242
  }
274
243
  .newCloud-avatar.newCloud-avatar-circle,
275
244
  .newCloud-avatar.newCloud-avatar-circle img {
@@ -622,44 +591,35 @@ li {
622
591
  right: -3px;
623
592
  display: block;
624
593
  content: '';
625
- width: 6px;
626
- height: 6px;
594
+ width: 8px;
595
+ height: 8px;
627
596
  border-radius: 100%;
628
597
  }
629
598
  .newCloud-badge.newCloud-badge-number .number-container {
630
599
  display: inline-block;
600
+ height: 8px;
631
601
  min-width: 8px;
632
- height: 20px;
633
- line-height: 20px;
634
- padding: 0 6px;
602
+ padding: 4px;
635
603
  width: -moz-fit-content;
636
604
  width: fit-content;
637
- border-radius: 10px;
605
+ line-height: 8px;
606
+ border-radius: 8px;
638
607
  color: #fff;
639
608
  text-align: center;
640
609
  font-size: 12px;
610
+ box-sizing: content-box;
641
611
  }
642
- .newCloud-badge.newCloud-badge-number .number-container.square {
643
- border-radius: 3px;
644
- }
645
- .newCloud-badge.newCloud-badge-dot,
646
- .newCloud-badge.newCloud-badge-custom-dot {
612
+ .newCloud-badge.newCloud-badge-dot {
647
613
  cursor: auto;
648
614
  }
649
- .newCloud-badge.newCloud-badge-dot .text,
650
- .newCloud-badge.newCloud-badge-custom-dot .text,
651
- .newCloud-badge.newCloud-badge-dot .custom-dot-text,
652
- .newCloud-badge.newCloud-badge-custom-dot .custom-dot-text {
653
- display: flex;
654
- align-items: center;
615
+ .newCloud-badge.newCloud-badge-dot .text {
655
616
  font-size: 14px;
656
617
  }
657
- .newCloud-badge.newCloud-badge-dot .text:before,
658
- .newCloud-badge.newCloud-badge-custom-dot .text:before,
659
- .newCloud-badge.newCloud-badge-dot .custom-dot,
660
- .newCloud-badge.newCloud-badge-custom-dot .custom-dot {
618
+ .newCloud-badge.newCloud-badge-dot .text:before {
661
619
  content: '';
662
620
  display: inline-block;
621
+ position: relative;
622
+ top: -1px;
663
623
  width: 6px;
664
624
  height: 6px;
665
625
  border-radius: 50%;
@@ -750,7 +710,7 @@ li {
750
710
  display: inline-flex;
751
711
  justify-content: center;
752
712
  align-items: center;
753
- border-radius: 3px;
713
+ border-radius: 2px;
754
714
  box-sizing: border-box;
755
715
  outline: none;
756
716
  line-height: 20px;
@@ -769,12 +729,12 @@ li {
769
729
  margin-left: -1px;
770
730
  }
771
731
  .newCloud-button-group .newCloud-button:first-child {
772
- border-top-left-radius: 3px;
773
- border-bottom-left-radius: 3px;
732
+ border-top-left-radius: 2px;
733
+ border-bottom-left-radius: 2px;
774
734
  }
775
735
  .newCloud-button-group .newCloud-button:last-child {
776
- border-top-right-radius: 3px;
777
- border-bottom-right-radius: 3px;
736
+ border-top-right-radius: 2px;
737
+ border-bottom-right-radius: 2px;
778
738
  }
779
739
  .newCloud-button-group .newCloud-button.text:not(:last-child) {
780
740
  margin-right: 8px;
@@ -790,57 +750,60 @@ li {
790
750
  opacity: 0.1;
791
751
  height: 104%;
792
752
  }
793
- .newCloud-button-group .newCloud-button:not([disabled]):hover {
753
+ .newCloud-button-group .newCloud-button:hover {
794
754
  z-index: 2;
795
755
  }
796
756
  .newCloud-button.normal {
757
+ border: 1px solid var(--shuyunBlue2);
797
758
  color: var(--shuyunBlue4);
798
- border: 1px solid var(--shuyunBlue4);
799
759
  background: #fff;
800
760
  }
801
761
  .newCloud-button.normal.tips {
802
- color: #fd830a;
803
762
  border: 1px solid #fdd198;
763
+ color: #fd830a;
804
764
  }
805
765
  .newCloud-button.normal.danger {
806
- color: #e74949;
807
766
  border: 1px solid #fac8c8;
767
+ color: #e74949;
808
768
  }
809
769
  .newCloud-button.normal.success {
810
- color: #21ba45;
811
770
  border: 1px solid #abe6b2;
771
+ color: #21ba45;
812
772
  }
813
773
  .newCloud-button.normal:hover {
814
- color: var(--shuyunBlue5);
815
- border: 1px solid var(--shuyunBlue5);
774
+ background: var(--shuyunBlue1);
816
775
  }
817
776
  .newCloud-button.normal:hover.tips {
818
- color: #d66a04;
819
- border: 1px solid #d66a04;
777
+ border: 1px solid #fdd198;
778
+ background: #fff5e6;
820
779
  }
821
780
  .newCloud-button.normal:hover.danger {
822
- color: #bd3535;
823
- border: 1px solid #bd3535;
781
+ border: 1px solid #fac8c8;
782
+ background: #ffeded;
824
783
  }
825
784
  .newCloud-button.normal:hover.success {
826
- color: #008f21;
827
- border: 1px solid #008f21;
785
+ border: 1px solid #abe6b2;
786
+ background: #e5f9e7;
828
787
  }
829
788
  .newCloud-button.normal:active {
830
- color: var(--shuyunBlue6);
831
- border: 1px solid var(--shuyunBlue6);
789
+ color: var(--shuyunBlue5);
790
+ border: 1px solid var(--shuyunBlue3);
791
+ background: var(--shuyunBlue2);
832
792
  }
833
793
  .newCloud-button.normal:active.tips {
834
- color: #b05302;
835
- border: 1px solid #b05302;
794
+ border: 1px solid #fda33d;
795
+ color: #d66a04;
796
+ background: #fdd198;
836
797
  }
837
798
  .newCloud-button.normal:active.danger {
838
- color: #962424;
839
- border: 1px solid #962424;
799
+ border: 1px solid #f07878;
800
+ color: #bd3535;
801
+ background: #fac8c8;
840
802
  }
841
803
  .newCloud-button.normal:active.success {
842
- color: #00701e;
843
- border: 1px solid #00701e;
804
+ border: 1px solid #59cc74;
805
+ color: #008f21;
806
+ background: #abe6b2;
844
807
  }
845
808
  .newCloud-button.primary {
846
809
  border: 1px solid var(--shuyunBlue4);
@@ -892,41 +855,56 @@ li {
892
855
  background: #00701e;
893
856
  }
894
857
  .newCloud-button.secondary {
895
- border: 1px solid #e8e8e8;
896
- color: rgba(0, 0, 0, 0.85);
897
- background: none;
858
+ border: 1px solid var(--shuyunBlue1);
859
+ color: var(--shuyunBlue4);
860
+ background: var(--shuyunBlue1);
861
+ }
862
+ .newCloud-button.secondary.tips {
863
+ border: 1px solid #fff5e6;
864
+ background: #fff5e6;
865
+ color: #fd830a;
866
+ }
867
+ .newCloud-button.secondary.danger {
868
+ border: 1px solid #ffeded;
869
+ background: #ffeded;
870
+ color: #e74949;
871
+ }
872
+ .newCloud-button.secondary.success {
873
+ border: 1px solid #e5f9e7;
874
+ background: #e5f9e7;
875
+ color: #21ba45;
898
876
  }
899
877
  .newCloud-button.secondary:hover {
900
- color: var(--shuyunBlue4);
901
- border: 1px solid var(--shuyunBlue4);
878
+ border: 1px solid var(--shuyunBlue2);
879
+ background: var(--shuyunBlue2);
902
880
  }
903
881
  .newCloud-button.secondary:hover.tips {
904
- border: 1px solid #fd830a;
905
- color: #fd830a;
882
+ border: 1px solid #fdd198;
883
+ background: #fdd198;
906
884
  }
907
885
  .newCloud-button.secondary:hover.danger {
908
- border: 1px solid #e74949;
909
- color: #e74949;
886
+ border: 1px solid #fac8c8;
887
+ background: #fac8c8;
910
888
  }
911
889
  .newCloud-button.secondary:hover.success {
912
- border: 1px solid #21ba45;
913
- color: #21ba45;
890
+ border: 1px solid #abe6b2;
891
+ background: #abe6b2;
914
892
  }
915
893
  .newCloud-button.secondary:active {
916
- color: var(--shuyunBlue5);
917
- border: 1px solid var(--shuyunBlue5);
894
+ border: 1px solid var(--shuyunBlue3);
895
+ background: var(--shuyunBlue3);
918
896
  }
919
897
  .newCloud-button.secondary:active.tips {
920
- border: 1px solid #d66a04;
921
- color: #d66a04;
898
+ border: 1px solid #fda33d;
899
+ background: #fda33d;
922
900
  }
923
901
  .newCloud-button.secondary:active.danger {
924
- border: 1px solid #bd3535;
925
- color: #bd3535;
902
+ border: 1px solid #f07878;
903
+ background: #f07878;
926
904
  }
927
905
  .newCloud-button.secondary:active.success {
928
- border: 1px solid #008f21;
929
- color: #008f21;
906
+ border: 1px solid #59cc74;
907
+ background: #59cc74;
930
908
  }
931
909
  .newCloud-button.dashed {
932
910
  border: 1px dashed rgba(0, 0, 0, 0.25);
@@ -934,7 +912,7 @@ li {
934
912
  background: transparent;
935
913
  }
936
914
  .newCloud-button.dashed:hover {
937
- border-color: var(--shuyunBlue4);
915
+ border-color: var(--shuyunBlue2);
938
916
  color: var(--shuyunBlue4);
939
917
  }
940
918
  .newCloud-button.dashed:hover.tips {
@@ -950,7 +928,7 @@ li {
950
928
  color: #21ba45;
951
929
  }
952
930
  .newCloud-button.dashed:active {
953
- border-color: var(--shuyunBlue5);
931
+ border-color: var(--shuyunBlue3);
954
932
  color: var(--shuyunBlue5);
955
933
  }
956
934
  .newCloud-button.dashed:active.tips {
@@ -981,30 +959,22 @@ li {
981
959
  color: #21ba45;
982
960
  }
983
961
  .newCloud-button.link:hover {
984
- color: var(--shuyunBlue5);
962
+ border-color: #fafafa;
985
963
  background: #fafafa;
986
964
  }
987
- .newCloud-button.link:hover.tips {
988
- color: #d66a04;
989
- }
990
- .newCloud-button.link:hover.danger {
991
- color: #bd3535;
992
- }
993
- .newCloud-button.link:hover.success {
994
- color: #008f21;
995
- }
996
965
  .newCloud-button.link:active {
997
- color: var(--shuyunBlue6);
966
+ color: var(--shuyunBlue5);
967
+ border-color: #fafafa;
998
968
  background: #fafafa;
999
969
  }
1000
970
  .newCloud-button.link:active.tips {
1001
- color: #b05302;
971
+ color: #d66a04;
1002
972
  }
1003
973
  .newCloud-button.link:active.danger {
1004
- color: #962424;
974
+ color: #bd3535;
1005
975
  }
1006
976
  .newCloud-button.link:active.success {
1007
- color: #00701e;
977
+ color: #008f21;
1008
978
  }
1009
979
  .newCloud-button.text {
1010
980
  border: none;
@@ -1021,77 +991,64 @@ li {
1021
991
  .newCloud-button.text.success {
1022
992
  color: #21ba45;
1023
993
  }
1024
- .newCloud-button.text:hover {
1025
- color: var(--shuyunBlue5);
1026
- }
1027
- .newCloud-button.text:hover.tips {
1028
- color: #d66a04;
1029
- }
1030
- .newCloud-button.text:hover.danger {
1031
- color: #bd3535;
1032
- }
1033
- .newCloud-button.text:hover.success {
1034
- color: #008f21;
1035
- }
1036
994
  .newCloud-button.text:active {
1037
- color: var(--shuyunBlue6);
995
+ color: var(--shuyunBlue5);
1038
996
  }
1039
997
  .newCloud-button.text:active.tips {
1040
- color: #b05302;
998
+ color: #d66a04;
1041
999
  }
1042
1000
  .newCloud-button.text:active.danger {
1043
- color: #962424;
1001
+ color: #bd3535;
1044
1002
  }
1045
1003
  .newCloud-button.text:active.success {
1046
- color: #00701e;
1004
+ color: #008f21;
1047
1005
  }
1048
1006
  .newCloud-button.large {
1049
1007
  padding: 7px 15px;
1050
1008
  font-size: 14px;
1051
- /* 按钮形状： 正方形 */
1052
1009
  }
1053
1010
  .newCloud-button.large.text {
1054
1011
  padding: 0;
1055
1012
  }
1056
- .newCloud-button.large.shape-square {
1057
- padding: 12px;
1058
- }
1059
1013
  .newCloud-button.default {
1060
1014
  padding: 5px 11px;
1061
1015
  font-size: 14px;
1062
- /* 按钮形状： 正方形 */
1063
1016
  }
1064
1017
  .newCloud-button.default.text {
1065
1018
  padding: 0;
1066
1019
  }
1067
- .newCloud-button.default.shape-square {
1068
- padding: 9px;
1069
- }
1070
1020
  .newCloud-button.small {
1071
- padding: 1px 7px;
1021
+ padding: 3px 11px;
1072
1022
  font-size: 14px;
1073
- /* 按钮形状： 正方形 */
1074
1023
  }
1075
1024
  .newCloud-button.small.text {
1076
1025
  padding: 0;
1077
1026
  }
1078
- .newCloud-button.small.shape-square {
1079
- padding: 6px;
1080
- }
1081
1027
  .newCloud-button.block {
1082
1028
  width: 100%;
1083
1029
  }
1084
1030
  .newCloud-button[disabled].primary,
1085
- .newCloud-button[disabled].normal,
1086
- .newCloud-button[disabled].secondary,
1087
1031
  .newCloud-button[disabled].primary:hover,
1032
+ .newCloud-button[disabled].primary:active {
1033
+ color: #fff;
1034
+ border: 1px solid #d9d9d9;
1035
+ background: #d9d9d9;
1036
+ background-clip: padding-box;
1037
+ cursor: not-allowed;
1038
+ }
1039
+ .newCloud-button[disabled].normal,
1088
1040
  .newCloud-button[disabled].normal:hover,
1041
+ .newCloud-button[disabled].normal:active {
1042
+ color: rgba(0, 0, 0, 0.25);
1043
+ border: 1px solid #e8e8e8;
1044
+ background-color: #f5f5f5;
1045
+ cursor: not-allowed;
1046
+ }
1047
+ .newCloud-button[disabled].secondary,
1089
1048
  .newCloud-button[disabled].secondary:hover,
1090
- .newCloud-button[disabled].primary:active,
1091
- .newCloud-button[disabled].normal:active,
1092
1049
  .newCloud-button[disabled].secondary:active {
1093
1050
  color: rgba(0, 0, 0, 0.25);
1094
- border: 1px solid #e8e8e8;
1051
+ border: 1px solid #f5f5f5;
1095
1052
  background-color: #f5f5f5;
1096
1053
  cursor: not-allowed;
1097
1054
  }
@@ -1119,8 +1076,8 @@ li {
1119
1076
  }
1120
1077
  .newCloud-button-loading-spin {
1121
1078
  display: inline-block;
1122
- width: 12px;
1123
- height: 12px;
1079
+ width: 14px;
1080
+ height: 14px;
1124
1081
  border-radius: 50%;
1125
1082
  animation: load 1.5s infinite linear;
1126
1083
  margin-right: 8px;
@@ -1301,15 +1258,6 @@ li {
1301
1258
  font-size: 16px;
1302
1259
  margin-right: 6px;
1303
1260
  }
1304
- .newCloud-button.border-radius-medium {
1305
- border-radius: 6px;
1306
- }
1307
- .newCloud-button.border-radius-large {
1308
- border-radius: 12px;
1309
- }
1310
- .newCloud-button.border-radius-circle {
1311
- border-radius: 50%;
1312
- }
1313
1261
 
1314
1262
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
1315
1263
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -1515,7 +1463,7 @@ input::-webkit-search-cancel-button {
1515
1463
  border-color: var(--shuyunBlue4);
1516
1464
  }
1517
1465
  .newCloud-ccascader-selection-item {
1518
- color: rgba(0, 0, 0, 0.85);
1466
+ color: rgba(0, 0, 0, 0.65);
1519
1467
  overflow: hidden;
1520
1468
  white-space: nowrap;
1521
1469
  text-overflow: ellipsis;
@@ -1579,12 +1527,6 @@ input::-webkit-search-cancel-button {
1579
1527
  .newCloud-ccascader-dropdown ::-webkit-scrollbar-track {
1580
1528
  background-color: transparent;
1581
1529
  }
1582
- .newCloud-ccascader-dropdown.small {
1583
- border-radius: 3px;
1584
- }
1585
- .newCloud-ccascader-dropdown.large {
1586
- border-radius: 12px;
1587
- }
1588
1530
  .newCloud-ccascader-checkbox {
1589
1531
  top: 0;
1590
1532
  margin-right: 8px;
@@ -1849,7 +1791,7 @@ input::-webkit-search-cancel-button {
1849
1791
  color: rgba(0, 0, 0, 0.45);
1850
1792
  }
1851
1793
  .newCloud-ccascader-menu-item-keyword {
1852
- color: var(--shuyunBlue4);
1794
+ color: var(--shuyunBlue3);
1853
1795
  }
1854
1796
  .newCloud-ccascader-disabled,
1855
1797
  .newCloud-ccascader-disabled input {
@@ -2295,7 +2237,7 @@ input::-webkit-search-cancel-button {
2295
2237
  gap: 8px;
2296
2238
  cursor: pointer;
2297
2239
  font-size: 14px;
2298
- font-family: PingFangSC-Regular, PingFang SC;
2240
+ font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2299
2241
  font-weight: 400;
2300
2242
  line-height: 20px;
2301
2243
  width: -moz-fit-content;
@@ -2304,13 +2246,6 @@ input::-webkit-search-cancel-button {
2304
2246
  min-width: fit-content !important;
2305
2247
  z-index: 100;
2306
2248
  }
2307
- .newCloud-dropdowns-menu-area {
2308
- box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
2309
- border-radius: 6px;
2310
- background: #fff;
2311
- width: -moz-fit-content;
2312
- width: fit-content;
2313
- }
2314
2249
  .newCloud-dropdowns:hover,
2315
2250
  .newCloud-dropdowns:focus,
2316
2251
  .newCloud-dropdowns:active {
@@ -2373,7 +2308,7 @@ input::-webkit-search-cancel-button {
2373
2308
  }
2374
2309
  .newCloud-dropdowns-menu .newCloud-dropdowns-menu-item {
2375
2310
  font-size: 14px;
2376
- font-family: PingFangSC-Regular, PingFang SC;
2311
+ font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2377
2312
  font-weight: 400;
2378
2313
  color: rgba(0, 0, 0, 0.85);
2379
2314
  line-height: 20px;
@@ -2448,19 +2383,15 @@ input::-webkit-search-cancel-button {
2448
2383
  min-height: 26px;
2449
2384
  max-width: 320px;
2450
2385
  min-width: 72px;
2451
- line-height: 18px;
2386
+ line-height: 1.5;
2452
2387
  padding: 8px 12px;
2453
- border-radius: 3px;
2388
+ border-radius: 2px;
2454
2389
  box-sizing: border-box;
2455
2390
  z-index: 1030;
2456
2391
  word-break: break-all;
2457
2392
  top: 0;
2458
2393
  left: 0;
2459
2394
  opacity: 0;
2460
- transition: opacity 0.25s ease-in;
2461
- }
2462
- .newCloud-tooltip.no-arrow:after {
2463
- display: none !important;
2464
2395
  }
2465
2396
  .newCloud-tooltip.show {
2466
2397
  opacity: 1;
@@ -2483,7 +2414,7 @@ input::-webkit-search-cancel-button {
2483
2414
  .newCloud-tooltip.is-light {
2484
2415
  background-color: #fff;
2485
2416
  color: rgba(0, 0, 0, 0.85);
2486
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2417
+ box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
2487
2418
  }
2488
2419
  .newCloud-tooltip.is-light:after {
2489
2420
  border-top-color: #fff;
@@ -2491,7 +2422,6 @@ input::-webkit-search-cancel-button {
2491
2422
  .newCloud-tooltip.is-error {
2492
2423
  background-color: #ff867c;
2493
2424
  color: #f8f8f8;
2494
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2495
2425
  }
2496
2426
  .newCloud-tooltip.is-error:after {
2497
2427
  border-top-color: #ff867c;
@@ -3222,8 +3152,9 @@ input::-webkit-search-cancel-button {
3222
3152
  padding: 2px 8px;
3223
3153
  margin-right: 8px;
3224
3154
  cursor: default;
3225
- background: #f5f5f5;
3226
- border-radius: 3px;
3155
+ background: #fff;
3156
+ border: 1px solid #e8e8e8;
3157
+ border-radius: 2px;
3227
3158
  white-space: nowrap;
3228
3159
  overflow: hidden;
3229
3160
  text-overflow: ellipsis;
@@ -3238,9 +3169,6 @@ input::-webkit-search-cancel-button {
3238
3169
  .newCloud-tag.closable {
3239
3170
  padding-right: 24px;
3240
3171
  }
3241
- .newCloud-tag.closable.checkable {
3242
- padding-right: 24px;
3243
- }
3244
3172
  .newCloud-tag.closable .tag-close-wrapper {
3245
3173
  display: flex;
3246
3174
  align-items: center;
@@ -3250,71 +3178,42 @@ input::-webkit-search-cancel-button {
3250
3178
  top: 0;
3251
3179
  }
3252
3180
  .newCloud-tag.closable .tag-close-icon {
3253
- font-size: 12px;
3254
- cursor: pointer;
3255
3181
  color: rgba(0, 0, 0, 0.25);
3182
+ font-size: 7px;
3183
+ cursor: pointer;
3256
3184
  }
3257
- .newCloud-tag.closable .tag-close-icon:hover {
3258
- color: rgba(0, 0, 0, 0.45);
3259
- }
3260
- .newCloud-tag.closable .tag-close-icon:active {
3261
- color: rgba(0, 0, 0, 0.65);
3262
- }
3263
- .newCloud-tag.icon {
3264
- padding-left: 24px;
3265
- }
3266
- .newCloud-tag.icon.checkable {
3267
- padding-left: 24px;
3185
+ .newCloud-tag.icon {
3186
+ padding-left: 24px;
3268
3187
  }
3269
3188
  .newCloud-tag.icon .tag-icon {
3270
3189
  position: absolute;
3271
3190
  left: 8px;
3272
- top: 50%;
3273
- transform: translate(0, -50%);
3274
- font-size: 12px;
3275
- line-height: 12px;
3276
- }
3277
- .newCloud-tag.large {
3278
- line-height: 22px;
3279
- }
3280
- .newCloud-tag.large.closable {
3281
- padding-right: 24px;
3282
- }
3283
- .newCloud-tag.large.closable.checkable {
3284
- padding-right: 24px;
3285
- }
3286
- .newCloud-tag.large.closable .tag-close-wrapper {
3287
- right: 8px;
3191
+ font-size: 8px;
3288
3192
  }
3289
3193
  .newCloud-tag.small {
3290
3194
  padding: 1px 4px;
3291
- line-height: 16px;
3195
+ line-height: 18px;
3292
3196
  }
3293
3197
  .newCloud-tag.small.closable {
3294
3198
  padding-right: 20px;
3295
3199
  }
3296
- .newCloud-tag.small.closable.checkable {
3297
- padding-right: 20px;
3298
- }
3299
3200
  .newCloud-tag.small.closable .tag-close-wrapper {
3300
3201
  right: 4px;
3301
3202
  }
3302
3203
  .newCloud-tag.small.icon {
3303
3204
  padding-left: 20px;
3304
3205
  }
3206
+ .newCloud-tag.small.icon .tag-icon {
3207
+ left: 4px;
3208
+ }
3305
3209
  .newCloud-tag.small .rounded {
3306
3210
  border-radius: 12px;
3307
3211
  }
3308
3212
  .newCloud-tag.checkable {
3309
3213
  cursor: pointer;
3310
- background-color: #fff;
3311
- border: 1px solid #e8e8e8;
3312
- padding: 1px 7px;
3313
3214
  }
3314
3215
  .newCloud-tag.checkable:hover {
3315
3216
  color: var(--shuyunBlue4);
3316
- border-color: var(--shuyunBlue4);
3317
- background: var(--shuyunBlue1);
3318
3217
  }
3319
3218
  .newCloud-tag.checkable.checked {
3320
3219
  background: var(--shuyunBlue4);
@@ -3324,28 +3223,12 @@ input::-webkit-search-cancel-button {
3324
3223
  .newCloud-tag.checkable.checked .tag-close-icon {
3325
3224
  color: #fff;
3326
3225
  }
3327
- .newCloud-tag.checkable.disabled {
3328
- cursor: not-allowed;
3329
- }
3330
- .newCloud-tag.checkable.disabled:hover {
3331
- border: 1px solid #E8E8E8;
3332
- }
3333
3226
  .newCloud-tag.disabled {
3334
- color: rgba(0, 0, 0, 0.25);
3335
- background: #f5f5f5;
3336
- cursor: not-allowed !important;
3337
- border: 1px solid #E8E8E8;
3338
- }
3339
- .newCloud-tag.disabled:hover {
3340
- color: rgba(0, 0, 0, 0.25);
3227
+ color: rgba(0, 0, 0, 0.45);
3341
3228
  background: #f5f5f5;
3342
- }
3343
- .newCloud-tag.disabled.defaultTag,
3344
- .newCloud-tag.disabled.link {
3345
- padding: 1px 7px;
3229
+ border: 1px solid #f5f5f5;
3346
3230
  }
3347
3231
  .newCloud-tag.disabled.checked {
3348
- color: white;
3349
3232
  background: var(--shuyunBlue2);
3350
3233
  border-color: var(--shuyunBlue2);
3351
3234
  }
@@ -3353,18 +3236,17 @@ input::-webkit-search-cancel-button {
3353
3236
  .newCloud-tag.green {
3354
3237
  color: #008f21;
3355
3238
  background-color: #e5f9e7;
3356
- border: none;
3239
+ border-color: #e5f9e7;
3357
3240
  }
3358
3241
  .newCloud-tag.success:hover,
3359
3242
  .newCloud-tag.green:hover {
3360
3243
  color: #008f21;
3361
- background-color: #e5f9e7;
3362
- border-color: #e5f9e7;
3363
3244
  cursor: default;
3364
3245
  }
3365
3246
  .newCloud-tag.success.disabled,
3366
3247
  .newCloud-tag.green.disabled {
3367
3248
  color: #59cc74;
3249
+ border-color: #e5f9e7;
3368
3250
  }
3369
3251
  .newCloud-tag.success.disabled:hover,
3370
3252
  .newCloud-tag.green.disabled:hover {
@@ -3386,18 +3268,17 @@ input::-webkit-search-cancel-button {
3386
3268
  .newCloud-tag.orange {
3387
3269
  color: #d66a04;
3388
3270
  background-color: #fff5e6;
3389
- border: none;
3271
+ border-color: #fff5e6;
3390
3272
  }
3391
3273
  .newCloud-tag.warning:hover,
3392
3274
  .newCloud-tag.orange:hover {
3393
3275
  color: #d66a04;
3394
- background-color: #fff5e6;
3395
- border-color: #fff5e6;
3396
3276
  cursor: default;
3397
3277
  }
3398
3278
  .newCloud-tag.warning.disabled,
3399
3279
  .newCloud-tag.orange.disabled {
3400
3280
  color: #fda33d;
3281
+ border-color: #fff5e6;
3401
3282
  }
3402
3283
  .newCloud-tag.warning.disabled:hover,
3403
3284
  .newCloud-tag.orange.disabled:hover {
@@ -3415,25 +3296,30 @@ input::-webkit-search-cancel-button {
3415
3296
  .newCloud-tag.orange .tag-close-icon:active {
3416
3297
  color: #b05302;
3417
3298
  }
3418
- .newCloud-tag.default .tag-icon {
3419
- color: rgba(0, 0, 0, 0.25);
3299
+ .newCloud-tag.default {
3300
+ color: rgba(0, 0, 0, 0.45);
3301
+ background: #f5f5f5;
3302
+ border: 1px solid #f5f5f5;
3303
+ }
3304
+ .newCloud-tag.default.checked {
3305
+ background: var(--shuyunBlue2);
3306
+ border-color: var(--shuyunBlue2);
3420
3307
  }
3421
3308
  .newCloud-tag.danger,
3422
3309
  .newCloud-tag.red {
3423
3310
  color: #bd3535;
3424
3311
  background-color: #ffeded;
3425
- border: none;
3312
+ border-color: #ffeded;
3426
3313
  }
3427
3314
  .newCloud-tag.danger:hover,
3428
3315
  .newCloud-tag.red:hover {
3429
3316
  color: #bd3535;
3430
- background-color: #ffeded;
3431
- border-color: #ffeded;
3432
3317
  cursor: default;
3433
3318
  }
3434
3319
  .newCloud-tag.danger.disabled,
3435
3320
  .newCloud-tag.red.disabled {
3436
3321
  color: #f07878;
3322
+ border-color: #ffeded;
3437
3323
  }
3438
3324
  .newCloud-tag.danger.disabled:hover,
3439
3325
  .newCloud-tag.red.disabled:hover {
@@ -3455,18 +3341,17 @@ input::-webkit-search-cancel-button {
3455
3341
  .newCloud-tag.blue {
3456
3342
  color: var(--shuyunBlue5);
3457
3343
  background-color: var(--shuyunBlue1);
3458
- border: none;
3344
+ border-color: var(--shuyunBlue1);
3459
3345
  }
3460
3346
  .newCloud-tag.primary:hover,
3461
3347
  .newCloud-tag.blue:hover {
3462
3348
  color: var(--shuyunBlue5);
3463
- background-color: var(--shuyunBlue1);
3464
- border-color: var(--shuyunBlue1);
3465
3349
  cursor: default;
3466
3350
  }
3467
3351
  .newCloud-tag.primary.disabled,
3468
3352
  .newCloud-tag.blue.disabled {
3469
3353
  color: var(--shuyunBlue3);
3354
+ border-color: var(--shuyunBlue1);
3470
3355
  }
3471
3356
  .newCloud-tag.primary.disabled:hover,
3472
3357
  .newCloud-tag.blue.disabled:hover {
@@ -3487,16 +3372,15 @@ input::-webkit-search-cancel-button {
3487
3372
  .newCloud-tag.yellow {
3488
3373
  color: #d99800;
3489
3374
  background-color: #fff9db;
3490
- border: none;
3375
+ border-color: #fff9db;
3491
3376
  }
3492
3377
  .newCloud-tag.yellow:hover {
3493
3378
  color: #d99800;
3494
- background-color: #fff9db;
3495
- border-color: #fff9db;
3496
3379
  cursor: default;
3497
3380
  }
3498
3381
  .newCloud-tag.yellow.disabled {
3499
3382
  color: #ffcf33;
3383
+ border-color: #fff9db;
3500
3384
  }
3501
3385
  .newCloud-tag.yellow.disabled:hover {
3502
3386
  background: #fff9db;
@@ -3513,16 +3397,15 @@ input::-webkit-search-cancel-button {
3513
3397
  .newCloud-tag.gray {
3514
3398
  color: rgba(0, 0, 0, 0.65);
3515
3399
  background-color: #f5f5f5;
3516
- border: none;
3400
+ border-color: #f5f5f5;
3517
3401
  }
3518
3402
  .newCloud-tag.gray:hover {
3519
3403
  color: rgba(0, 0, 0, 0.65);
3520
- background-color: #f5f5f5;
3521
- border-color: #f5f5f5;
3522
3404
  cursor: default;
3523
3405
  }
3524
3406
  .newCloud-tag.gray.disabled {
3525
3407
  color: rgba(0, 0, 0, 0.45);
3408
+ border-color: #f5f5f5;
3526
3409
  }
3527
3410
  .newCloud-tag.gray.disabled:hover {
3528
3411
  background: #f5f5f5;
@@ -3536,122 +3419,10 @@ input::-webkit-search-cancel-button {
3536
3419
  .newCloud-tag.gray .tag-close-icon:active {
3537
3420
  color: rgba(0, 0, 0, 0.65);
3538
3421
  }
3539
- .newCloud-tag.link {
3540
- cursor: pointer;
3541
- color: rgba(0, 0, 0, 0.85);
3542
- background-color: #f5f5f5;
3543
- border: none;
3544
- }
3545
- .newCloud-tag.link:hover {
3546
- color: rgba(0, 0, 0, 0.85);
3547
- background-color: #f5f5f5;
3548
- border-color: #f5f5f5;
3549
- cursor: default;
3550
- }
3551
- .newCloud-tag.link:hover {
3552
- cursor: pointer;
3553
- color: var(--shuyunBlue4);
3554
- background: #E8E8E8;
3555
- }
3556
- .newCloud-tag.link:active {
3557
- color: var(--shuyunBlue5);
3558
- }
3559
- .newCloud-tag.link.disabled {
3560
- color: rgba(0, 0, 0, 0.25);
3561
- background: #f5f5f5;
3562
- cursor: not-allowed !important;
3563
- border: 1px solid #E8E8E8;
3564
- padding: 1px 7px;
3565
- }
3566
- .newCloud-tag.link.disabled:hover {
3567
- color: rgba(0, 0, 0, 0.25);
3568
- background: #f5f5f5;
3569
- }
3570
- .newCloud-tag.link.disabled.defaultTag,
3571
- .newCloud-tag.link.disabled.link {
3572
- padding: 1px 7px;
3573
- }
3574
- .newCloud-tag.link.disabled.checked {
3575
- color: white;
3576
- background: var(--shuyunBlue2);
3577
- border-color: var(--shuyunBlue2);
3578
- }
3579
- .newCloud-tag.stroke {
3580
- color: rgba(0, 0, 0, 0.85);
3581
- background-color: #fff;
3582
- border: 1px solid #E8E8E8;
3583
- line-height: 18px;
3584
- }
3585
- .newCloud-tag.stroke.disabled {
3586
- color: rgba(0, 0, 0, 0.25);
3587
- background: #f5f5f5;
3588
- cursor: not-allowed !important;
3589
- border: 1px solid #E8E8E8;
3590
- padding: 2px 8px;
3591
- }
3592
- .newCloud-tag.stroke.disabled:hover {
3593
- color: rgba(0, 0, 0, 0.25);
3594
- background: #f5f5f5;
3595
- }
3596
- .newCloud-tag.stroke.disabled.defaultTag,
3597
- .newCloud-tag.stroke.disabled.link {
3598
- padding: 1px 7px;
3599
- }
3600
- .newCloud-tag.stroke.disabled.checked {
3601
- color: white;
3602
- background: var(--shuyunBlue2);
3603
- border-color: var(--shuyunBlue2);
3604
- }
3605
- .newCloud-tag.stroke .tag-close-icon {
3606
- color: var(--shuyunBlue3);
3607
- }
3608
- .newCloud-tag.stroke .tag-close-icon:hover {
3609
- color: var(--shuyunBlue5);
3610
- }
3611
- .newCloud-tag.stroke .tag-close-icon:active {
3612
- color: var(--shuyunBlue6);
3613
- }
3614
- .newCloud-tag.fill-stroke {
3615
- color: rgba(0, 0, 0, 0.85);
3616
- background-color: #f5f5f5;
3617
- border: 1px solid #E8E8E8;
3618
- line-height: 18px;
3619
- }
3620
- .newCloud-tag.fill-stroke.disabled {
3621
- color: rgba(0, 0, 0, 0.25);
3622
- background: #f5f5f5;
3623
- cursor: not-allowed !important;
3624
- border: 1px solid #E8E8E8;
3625
- padding: 2px 8px;
3626
- }
3627
- .newCloud-tag.fill-stroke.disabled:hover {
3628
- color: rgba(0, 0, 0, 0.25);
3629
- background: #f5f5f5;
3630
- }
3631
- .newCloud-tag.fill-stroke.disabled.defaultTag,
3632
- .newCloud-tag.fill-stroke.disabled.link {
3633
- padding: 1px 7px;
3634
- }
3635
- .newCloud-tag.fill-stroke.disabled.checked {
3636
- color: white;
3637
- background: var(--shuyunBlue2);
3638
- border-color: var(--shuyunBlue2);
3639
- }
3640
- .newCloud-tag.fill-stroke .tag-close-icon {
3641
- color: var(--shuyunBlue3);
3642
- }
3643
- .newCloud-tag.fill-stroke .tag-close-icon:hover {
3644
- color: var(--shuyunBlue5);
3645
- }
3646
- .newCloud-tag.fill-stroke .tag-close-icon:active {
3647
- color: var(--shuyunBlue6);
3648
- }
3649
3422
 
3650
3423
  .newCloud-picker {
3651
- display: inline-flex;
3652
3424
  height: 32px;
3653
3425
  background: #ffffff;
3654
- border-radius: 3px;
3655
3426
  border: 1px solid #e8e8e8;
3656
3427
  box-sizing: border-box;
3657
3428
  margin: 0;
@@ -3663,14 +3434,14 @@ input::-webkit-search-cancel-button {
3663
3434
  list-style: none;
3664
3435
  padding: 6px 12px;
3665
3436
  position: relative;
3437
+ display: inline-flex;
3666
3438
  align-items: center;
3439
+ background: #fff;
3440
+ border-radius: 2px;
3667
3441
  transition: border 0.3s, box-shadow 0.3s;
3668
3442
  }
3669
3443
  .newCloud-picker:hover {
3670
- border-color: var(--shuyunBlue4);
3671
- }
3672
- .newCloud-picker:hover .newCloud-picker-suffix {
3673
- border-color: var(--shuyunBlue4);
3444
+ border-color: rgba(0, 0, 0, 0.25);
3674
3445
  }
3675
3446
  .newCloud-picker-focused,
3676
3447
  .newCloud-picker-focused:hover {
@@ -3685,9 +3456,6 @@ input::-webkit-search-cancel-button {
3685
3456
  .newCloud-picker-disabled:hover {
3686
3457
  border-color: #e8e8e8;
3687
3458
  }
3688
- .newCloud-picker-disabled:hover .newCloud-picker-suffix {
3689
- border-color: #e8e8e8;
3690
- }
3691
3459
  .newCloud-picker-disabled,
3692
3460
  .newCloud-picker-disabled input {
3693
3461
  cursor: not-allowed;
@@ -3828,8 +3596,8 @@ input::-webkit-search-cancel-button {
3828
3596
  overflow: hidden;
3829
3597
  vertical-align: top;
3830
3598
  background: #fff;
3831
- border-radius: 6px;
3832
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
3599
+ border-radius: 2px;
3600
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
3833
3601
  transition: margin 0.3s;
3834
3602
  }
3835
3603
  .newCloud-picker-panel-container .newCloud-picker-panel {
@@ -4182,6 +3950,10 @@ input::-webkit-search-cancel-button {
4182
3950
  border-radius: 2px;
4183
3951
  transition: background-color 0.3s, border 0.3s;
4184
3952
  }
3953
+ .newCloud-picker-cell:hover:not(.newCloud-picker-cell-in-view):not(.newCloud-picker-cell-week) .newCloud-picker-cell-inner,
3954
+ .newCloud-picker-cell:hover:not(.newCloud-picker-cell-selected):not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-range-hover-start):not(.newCloud-picker-cell-range-hover-end) .newCloud-picker-cell-inner {
3955
+ background-color: var(--shuyunBlue1);
3956
+ }
4185
3957
  .newCloud-picker-cell-selected:not(.newCloud-picker-cell-in-range).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4186
3958
  .newCloud-picker-cell-range-start.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4187
3959
  .newCloud-picker-cell-range-end.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
@@ -4218,12 +3990,7 @@ input::-webkit-search-cancel-button {
4218
3990
  .newCloud-picker-year-panel .newCloud-picker-content {
4219
3991
  height: 200px;
4220
3992
  }
4221
- .newCloud-picker-week-panel-row:not(.newCloud-picker-week-panel-row-range-start):not(.newCloud-picker-week-panel-row-range-end):hover .newCloud-picker-cell:not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-disabled) .newCloud-picker-cell-inner {
4222
- color: rgba(0, 0, 0, 0.65) !important;
4223
- }
4224
- .newCloud-picker-week-panel-row:not(.newCloud-picker-week-panel-row-range-start):not(.newCloud-picker-week-panel-row-range-end):hover .newCloud-picker-cell:not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-disabled)::before {
4225
- background: #F5F5F5;
4226
- }
3993
+ .newCloud-picker-week-panel-row:hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4227
3994
  .newCloud-picker-week-panel-row-range-hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
4228
3995
  background: var(--shuyunBlue1);
4229
3996
  }
@@ -4268,21 +4035,37 @@ input::-webkit-search-cancel-button {
4268
4035
  border-top-left-radius: 0;
4269
4036
  border-bottom-left-radius: 0;
4270
4037
  }
4271
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4272
- .newCloud-picker-week-panel-row-range-start:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4273
- .newCloud-picker-week-panel-row-range-end:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4274
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-range-start-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4275
- .newCloud-picker-week-panel-row-range-start:not(.newCloud-picker-week-panel-row-range-start-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4276
- .newCloud-picker-week-panel-row-range-end:not(.newCloud-picker-week-panel-row-range-start-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4277
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-range-end-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4278
- .newCloud-picker-week-panel-row-range-start:not(.newCloud-picker-week-panel-row-range-end-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4279
- .newCloud-picker-week-panel-row-range-end:not(.newCloud-picker-week-panel-row-range-end-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week) {
4280
- color: #ffffff;
4038
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4039
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4040
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4041
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4042
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4043
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
4044
+ background: var(--shuyunBlue4) !important;
4281
4045
  }
4282
4046
  .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4283
4047
  .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4284
4048
  .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
4285
- background: var(--shuyunBlue4);
4049
+ background: var(--shuyunBlue2);
4050
+ }
4051
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4052
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4053
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4054
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
4055
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
4056
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner {
4057
+ color: #fff;
4058
+ background: var(--shuyunBlue4) !important;
4059
+ }
4060
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
4061
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
4062
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before {
4063
+ left: 8px;
4064
+ }
4065
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
4066
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
4067
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before {
4068
+ right: 8px;
4286
4069
  }
4287
4070
  .newCloud-picker-month-panel .newCloud-picker-cell::before,
4288
4071
  .newCloud-picker-year-panel .newCloud-picker-cell::before,
@@ -4302,22 +4085,12 @@ input::-webkit-search-cancel-button {
4302
4085
  .newCloud-picker-quarter-panel .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
4303
4086
  color: #fff;
4304
4087
  }
4305
- .newCloud-picker-month-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-in-view) .newCloud-picker-cell-inner,
4306
- .newCloud-picker-year-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-in-view) .newCloud-picker-cell-inner,
4307
- .newCloud-picker-quarter-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-in-view) .newCloud-picker-cell-inner {
4088
+ .newCloud-picker-month-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
4089
+ .newCloud-picker-year-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
4090
+ .newCloud-picker-quarter-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner {
4308
4091
  color: rgba(0, 0, 0, 0.85);
4309
4092
  background: unset;
4310
4093
  }
4311
- .newCloud-picker .icon-close-fill-1 {
4312
- color: rgba(0, 0, 0, 0.25);
4313
- }
4314
- .newCloud-picker .icon-close-fill-1:hover {
4315
- color: rgba(0, 0, 0, 0.45);
4316
- }
4317
- .newCloud-picker-content tr:not(.newCloud-picker-week-panel-row) .newCloud-picker-cell:hover:not(.newCloud-picker-cell-in-view):not(.newCloud-picker-cell-week) .newCloud-picker-cell-inner,
4318
- .newCloud-picker-content tr:not(.newCloud-picker-week-panel-row) .newCloud-picker-cell:hover:not(.newCloud-picker-cell-selected):not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-range-hover-start):not(.newCloud-picker-cell-range-hover-end) .newCloud-picker-cell-inner {
4319
- background-color: #F5F5F5;
4320
- }
4321
4094
  .newCloud-picker-range {
4322
4095
  display: inline-flex;
4323
4096
  align-items: stretch;
@@ -4360,10 +4133,10 @@ input::-webkit-search-cancel-button {
4360
4133
  .has-error .newCloud-picker-range .newCloud-picker-suffix {
4361
4134
  border-color: #e74949 !important;
4362
4135
  }
4363
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-input,
4364
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-range-separator,
4365
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-suffix {
4366
- border-color: var(--shuyunBlue4);
4136
+ .newCloud-picker-range:hover .newCloud-picker-input,
4137
+ .newCloud-picker-range:hover .newCloud-picker-range-separator,
4138
+ .newCloud-picker-range:hover .newCloud-picker-suffix {
4139
+ border-color: #bfbfbf;
4367
4140
  }
4368
4141
  .newCloud-picker-range.newCloud-picker-focused .newCloud-picker-input-active {
4369
4142
  border-color: var(--shuyunBlue4) !important;
@@ -4382,7 +4155,7 @@ input::-webkit-search-cancel-button {
4382
4155
  transition: border-color 0.3s;
4383
4156
  }
4384
4157
  .newCloud-picker-range .newCloud-picker-range-separator .newCloud-picker-separator {
4385
- color: rgba(0, 0, 0, 0.65);
4158
+ color: rgba(0, 0, 0, 0.25);
4386
4159
  padding: 0 4px;
4387
4160
  }
4388
4161
  .newCloud-picker-range .newCloud-picker-suffix {
@@ -4463,16 +4236,16 @@ input::-webkit-search-cancel-button {
4463
4236
  .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
4464
4237
  right: 8px;
4465
4238
  }
4466
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
4467
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
4468
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
4469
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before {
4239
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4240
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4241
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4242
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before {
4470
4243
  left: 18px;
4471
4244
  }
4472
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
4473
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
4474
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
4475
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
4245
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4246
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4247
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4248
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before {
4476
4249
  right: 18px;
4477
4250
  }
4478
4251
  .newCloud-picker-range-wrapper .newCloud-picker-panel-container {
@@ -4577,32 +4350,12 @@ input::-webkit-search-cancel-button {
4577
4350
  transition: border 0.3s, color 0.3s;
4578
4351
  box-sizing: border-box;
4579
4352
  vertical-align: middle;
4580
- border-radius: 3px;
4581
- }
4582
- .newCloud-input-loading-spin {
4583
- display: inline-block;
4584
- width: 14px;
4585
- height: 14px;
4586
- border-radius: 50%;
4587
- animation: load 1.5s infinite linear;
4588
- border: 1px solid var(--shuyunBlue4);
4589
- border-right: 1px solid transparent;
4590
- }
4591
- @keyframes load {
4592
- from {
4593
- transform: rotate(0deg);
4594
- }
4595
- to {
4596
- transform: rotate(360deg);
4597
- }
4598
- }
4599
- .newCloud-input-group:not(.newCloud-input-disabled) .icon-search:hover {
4600
- cursor: pointer;
4353
+ border-radius: 2px;
4601
4354
  }
4602
4355
  .newCloud-input,
4603
4356
  .newCloud-input-textarea {
4604
4357
  border: 1px solid #e8e8e8;
4605
- border-radius: 3px;
4358
+ border-radius: 2px;
4606
4359
  outline: none;
4607
4360
  width: 250px;
4608
4361
  vertical-align: top;
@@ -4687,26 +4440,17 @@ input::-webkit-search-cancel-button {
4687
4440
  color: rgba(0, 0, 0, 0.85);
4688
4441
  }
4689
4442
  .newCloud-input-affix:hover {
4690
- border-color: var(--shuyunBlue4);
4691
- }
4692
- .newCloud-input-affix .icon-search {
4693
- color: rgba(0, 0, 0, 0.25);
4694
- cursor: pointer;
4695
- font-size: 16px;
4696
- }
4697
- .newCloud-input-affix .icon-search:hover {
4698
- color: var(--shuyunBlue4);
4443
+ border-color: rgba(0, 0, 0, 0.25);
4699
4444
  }
4700
4445
  .newCloud-input-counter {
4701
- font-size: 14px;
4702
- line-height: 20px;
4703
- color: rgba(0, 0, 0, 0.25);
4446
+ font-size: 12px;
4447
+ color: #c9c9c9;
4704
4448
  word-break: keep-all;
4705
4449
  }
4706
4450
  .newCloud-input-addon {
4707
4451
  position: relative;
4708
4452
  padding: 0 8px;
4709
- color: rgba(0, 0, 0, 0.65);
4453
+ color: #666;
4710
4454
  font-size: 14px;
4711
4455
  line-height: 1;
4712
4456
  text-align: center;
@@ -4774,7 +4518,7 @@ input::-webkit-search-cancel-button {
4774
4518
  }
4775
4519
  .newCloud-input-textarea:hover,
4776
4520
  .newCloud-input:hover {
4777
- border-color: var(--shuyunBlue4);
4521
+ border-color: rgba(0, 0, 0, 0.25);
4778
4522
  }
4779
4523
  .newCloud-input-focus.newCloud-input-affix,
4780
4524
  .newCloud-input-focus .newCloud-input-affix,
@@ -4782,12 +4526,6 @@ input::-webkit-search-cancel-button {
4782
4526
  .newCloud-input:focus {
4783
4527
  border-color: var(--shuyunBlue4);
4784
4528
  }
4785
- .newCloud-input-focus.newCloud-input-affix .icon-search,
4786
- .newCloud-input-focus .newCloud-input-affix .icon-search,
4787
- .newCloud-input-textarea:focus .icon-search,
4788
- .newCloud-input:focus .icon-search {
4789
- color: var(--shuyunBlue4);
4790
- }
4791
4529
  .newCloud-input-disabled.newCloud-input-affix,
4792
4530
  .newCloud-input-disabled .newCloud-input-affix,
4793
4531
  .newCloud-input-textarea:disabled,
@@ -4802,18 +4540,6 @@ input::-webkit-search-cancel-button {
4802
4540
  .newCloud-input:disabled:hover {
4803
4541
  border-color: #e8e8e8;
4804
4542
  }
4805
- .newCloud-input-disabled.newCloud-input-affix .icon-search,
4806
- .newCloud-input-disabled .newCloud-input-affix .icon-search,
4807
- .newCloud-input-textarea:disabled .icon-search,
4808
- .newCloud-input:disabled .icon-search {
4809
- cursor: not-allowed;
4810
- }
4811
- .newCloud-input-disabled.newCloud-input-affix .icon-search:hover,
4812
- .newCloud-input-disabled .newCloud-input-affix .icon-search:hover,
4813
- .newCloud-input-textarea:disabled .icon-search:hover,
4814
- .newCloud-input:disabled .icon-search:hover {
4815
- color: rgba(0, 0, 0, 0.25);
4816
- }
4817
4543
  .newCloud-input-textarea-wrapper {
4818
4544
  position: relative;
4819
4545
  }
@@ -4822,11 +4548,12 @@ input::-webkit-search-cancel-button {
4822
4548
  height: 100%;
4823
4549
  border: 1px solid #e8e8e8;
4824
4550
  background: #ffffff;
4825
- border-radius: 3px;
4551
+ border-radius: 2px;
4826
4552
  }
4827
4553
  .newCloud-input-textarea {
4828
4554
  font-family: inherit;
4829
4555
  width: 100%;
4556
+ resize: none;
4830
4557
  border: none;
4831
4558
  }
4832
4559
  .newCloud-input-textarea.has-counter {
@@ -4857,7 +4584,7 @@ input::-webkit-search-cancel-button {
4857
4584
  box-sizing: border-box;
4858
4585
  }
4859
4586
  .newCloud-select:hover .newCloud-select-selected {
4860
- border: 1px solid var(--shuyunBlue4);
4587
+ border: 1px solid rgba(0, 0, 0, 0.25);
4861
4588
  }
4862
4589
  .newCloud-select:hover .newCloud-select-selected .newCloud-select-select-icon {
4863
4590
  color: rgba(0, 0, 0, 0.25);
@@ -4882,40 +4609,33 @@ input::-webkit-search-cancel-button {
4882
4609
  height: 36px;
4883
4610
  }
4884
4611
  .newCloud-select .newCloud-select-wrapper:hover {
4885
- border: 1px solid var(--shuyunBlue4);
4612
+ border: 1px solid rgba(0, 0, 0, 0.25);
4886
4613
  }
4887
4614
  .newCloud-select .newCloud-select-wrapper:hover .newCloud-select-select-icon {
4888
4615
  color: rgba(0, 0, 0, 0.25);
4889
4616
  }
4890
4617
  .newCloud-select .newCloud-select-wrapper.disabled {
4891
- border: 1px solid #e8e8e8;
4892
- background: #f5f5f5;
4618
+ border: 1px solid #d9d9d9;
4619
+ background: #eee;
4893
4620
  cursor: not-allowed;
4894
4621
  }
4895
4622
  .newCloud-select .newCloud-select-wrapper.disabled:hover {
4896
- border-color: 1px solid #e8e8e8;
4623
+ border-color: 1px solid #d9d9d9;
4897
4624
  }
4898
4625
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-selected {
4899
- color: rgba(0, 0, 0, 0.45);
4900
- background: #f5f5f5;
4626
+ color: rgba(0, 0, 0, 0.25);
4627
+ background: #eee;
4901
4628
  cursor: not-allowed;
4902
4629
  }
4903
4630
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-select-icon {
4904
4631
  color: rgba(0, 0, 0, 0.25);
4905
4632
  }
4906
- .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-single-select-selected,
4907
- .newCloud-select .newCloud-select-wrapper.disabled.search-in-box .newCloud-select-single-search-selected {
4633
+ .newCloud-select .newCloud-select-wrapper.empty .newCloud-select-selected {
4908
4634
  color: rgba(0, 0, 0, 0.45);
4909
4635
  }
4910
- .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-select-icon:hover {
4911
- color: rgba(0, 0, 0, 0.25);
4912
- }
4913
- .newCloud-select .newCloud-select-wrapper.empty .newCloud-select-selected {
4914
- color: rgba(0, 0, 0, 0.25);
4915
- }
4916
- .newCloud-select .newCloud-select-wrapper.hidden {
4917
- background: transparent;
4918
- border: none;
4636
+ .newCloud-select .newCloud-select-wrapper.hidden {
4637
+ background: transparent;
4638
+ border: none;
4919
4639
  }
4920
4640
  .newCloud-select .newCloud-select-wrapper.hidden:hover {
4921
4641
  border: none;
@@ -4923,131 +4643,6 @@ input::-webkit-search-cancel-button {
4923
4643
  .newCloud-select .newCloud-select-wrapper.hidden .newCloud-select-selected {
4924
4644
  background: transparent;
4925
4645
  }
4926
- .newCloud-select .newCloud-select-wrapper.search-in-box {
4927
- padding: 6px 0 6px 12px;
4928
- }
4929
- .newCloud-select .newCloud-select-wrapper.search-in-box .newCloud-select-single-select-container {
4930
- display: flex;
4931
- align-items: center;
4932
- flex: 1;
4933
- width: calc(100% - 40px);
4934
- }
4935
- .newCloud-select .newCloud-select-wrapper.search-in-box .newCloud-select-single-search-selected {
4936
- width: 100%;
4937
- font-size: 14px;
4938
- color: #3d3d3d;
4939
- white-space: nowrap;
4940
- overflow: hidden;
4941
- text-overflow: ellipsis;
4942
- }
4943
- .newCloud-select .newCloud-select-wrapper.search-in-box .newCloud-select-search {
4944
- width: 0;
4945
- flex: 1;
4946
- }
4947
- .newCloud-select .newCloud-select-wrapper.search-in-box .newCloud-select-search .newCloud-select-search-input {
4948
- width: 100%;
4949
- height: 30px;
4950
- border: none;
4951
- padding: 0;
4952
- outline: none;
4953
- z-index: 1;
4954
- background: transparent;
4955
- white-space: nowrap;
4956
- overflow: hidden;
4957
- text-overflow: ellipsis;
4958
- }
4959
- .newCloud-select .newCloud-select-wrapper.search-in-box .newCloud-select-search .newCloud-select-search-icon {
4960
- color: rgba(0, 0, 0, 0.25);
4961
- right: 18px;
4962
- top: 10px;
4963
- display: block;
4964
- }
4965
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box {
4966
- height: auto;
4967
- min-height: 32px;
4968
- flex-wrap: wrap;
4969
- justify-content: flex-start;
4970
- gap: 4px;
4971
- padding: 4px 0 4px 8px;
4972
- font-size: 14px;
4973
- color: #3d3d3d;
4974
- }
4975
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-container {
4976
- display: flex;
4977
- align-items: center;
4978
- flex: 1;
4979
- flex-wrap: wrap;
4980
- gap: 4px;
4981
- width: calc(100% - 30px);
4982
- }
4983
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.empty {
4984
- padding: 4px 0 4px 12px;
4985
- }
4986
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.large {
4987
- min-height: 36px;
4988
- }
4989
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.large .newCloud-select-multiple-search-item {
4990
- height: 26px;
4991
- }
4992
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.small {
4993
- min-height: 28px;
4994
- }
4995
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.small .newCloud-select-multiple-search-item {
4996
- height: 20px;
4997
- }
4998
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search {
4999
- position: relative;
5000
- width: 4px;
5001
- }
5002
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search .newCloud-select-search-input {
5003
- width: 100%;
5004
- height: 20px;
5005
- border: none;
5006
- padding: 0;
5007
- outline: none;
5008
- z-index: 1;
5009
- background: transparent;
5010
- white-space: nowrap;
5011
- overflow: hidden;
5012
- text-overflow: ellipsis;
5013
- }
5014
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search .newCloud-select-search-icon {
5015
- color: rgba(0, 0, 0, 0.25);
5016
- }
5017
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder {
5018
- position: absolute;
5019
- color: rgba(0, 0, 0, 0.25);
5020
- }
5021
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder .multi-unlimited {
5022
- color: rgba(0, 0, 0, 0.85);
5023
- }
5024
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item {
5025
- height: 22px;
5026
- line-height: 22px;
5027
- display: inline-flex;
5028
- align-items: center;
5029
- gap: 4px;
5030
- background: #F5F5F5;
5031
- border: 1px solid #f5f5f5;
5032
- border-radius: 2px;
5033
- color: rgba(0, 0, 0, 0.85);
5034
- padding: 0 6px;
5035
- max-width: 100%;
5036
- font-size: 12px;
5037
- }
5038
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item-text {
5039
- white-space: nowrap;
5040
- overflow: hidden;
5041
- text-overflow: ellipsis;
5042
- }
5043
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item i {
5044
- font-size: 12px;
5045
- color: #D8D8D8;
5046
- }
5047
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item.disabled {
5048
- color: rgba(0, 0, 0, 0.45);
5049
- border: 1px solid #E8E8E8;
5050
- }
5051
4646
  .newCloud-select .newCloud-select-wrapper .newCloud-select-selected {
5052
4647
  flex: 1 0;
5053
4648
  padding: 6px 12px;
@@ -5060,7 +4655,7 @@ input::-webkit-search-cancel-button {
5060
4655
  cursor: pointer;
5061
4656
  }
5062
4657
  .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon {
5063
- font-size: 16px;
4658
+ font-size: 14px;
5064
4659
  color: rgba(0, 0, 0, 0.25);
5065
4660
  margin-right: 10px;
5066
4661
  transition: transform 0.3s;
@@ -5074,28 +4669,12 @@ input::-webkit-search-cancel-button {
5074
4669
  .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.hidden {
5075
4670
  display: none;
5076
4671
  }
5077
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon:hover {
5078
- color: rgba(0, 0, 0, 0.45);
5079
- }
5080
4672
  .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon {
5081
4673
  display: none;
5082
4674
  }
5083
4675
  .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon.show {
5084
4676
  display: block;
5085
4677
  }
5086
- .newCloud-select .newCloud-select-wrapper .newCloud-select-search-icon {
5087
- display: none;
5088
- background: white;
5089
- z-index: 1;
5090
- margin-right: 1px;
5091
- width: 25px;
5092
- font-size: 16px;
5093
- color: rgba(0, 0, 0, 0.25);
5094
- transition: transform 0.3s;
5095
- }
5096
- .newCloud-select .newCloud-select-wrapper .newCloud-select-search-icon.show {
5097
- display: block;
5098
- }
5099
4678
  .newCloud-select-open .newCloud-select-wrapper {
5100
4679
  border: 1px solid var(--shuyunBlue4) !important;
5101
4680
  }
@@ -5105,11 +4684,7 @@ input::-webkit-search-cancel-button {
5105
4684
  .newCloud-select-open .newCloud-select-wrapper .newCloud-select-select-icon {
5106
4685
  color: rgba(0, 0, 0, 0.25);
5107
4686
  }
5108
- .newCloud-select-open.newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder .multi-unlimited {
5109
- color: rgba(0, 0, 0, 0.25);
5110
- }
5111
4687
  .newCloud-select-option-container {
5112
- opacity: 0;
5113
4688
  z-index: 1020;
5114
4689
  width: 100%;
5115
4690
  position: absolute;
@@ -5117,10 +4692,6 @@ input::-webkit-search-cancel-button {
5117
4692
  border-radius: 2px;
5118
4693
  padding: 8px 0;
5119
4694
  background: #fff;
5120
- transition: opacity 0.2s;
5121
- }
5122
- .newCloud-select-option-container.show {
5123
- opacity: 1;
5124
4695
  }
5125
4696
  .newCloud-select-option-container .divider {
5126
4697
  height: 1px;
@@ -5132,8 +4703,10 @@ input::-webkit-search-cancel-button {
5132
4703
  color: rgba(0, 0, 0, 0.45);
5133
4704
  font-size: 12px;
5134
4705
  margin-left: 12px;
5135
- height: 32px;
5136
- line-height: 32px;
4706
+ margin-bottom: 8px;
4707
+ }
4708
+ .newCloud-select-group-select-options .groupName:not(:first-child) {
4709
+ margin-top: 8px;
5137
4710
  }
5138
4711
  .newCloud-select-select-options {
5139
4712
  box-sizing: border-box;
@@ -5187,9 +4760,6 @@ input::-webkit-search-cancel-button {
5187
4760
  overflow: hidden;
5188
4761
  text-overflow: ellipsis;
5189
4762
  }
5190
- .newCloud-select-select-options .newCloud-select-option.newCloud-select-option-select-all {
5191
- height: auto;
5192
- }
5193
4763
  .newCloud-select-select-options .newCloud-select-option:hover {
5194
4764
  background: var(--shuyunBlue1);
5195
4765
  }
@@ -5197,7 +4767,7 @@ input::-webkit-search-cancel-button {
5197
4767
  cursor: not-allowed;
5198
4768
  }
5199
4769
  .newCloud-select-select-options .newCloud-select-option.disabled span {
5200
- color: rgba(0, 0, 0, 0.45);
4770
+ color: rgba(0, 0, 0, 0.25);
5201
4771
  }
5202
4772
  .newCloud-select-select-options .newCloud-select-option.selected {
5203
4773
  background: var(--shuyunBlue2);
@@ -5216,11 +4786,6 @@ input::-webkit-search-cancel-button {
5216
4786
  display: flex;
5217
4787
  align-items: center;
5218
4788
  }
5219
- .newCloud-select-select-options .newCloud-select-multi-option > span > span {
5220
- white-space: nowrap;
5221
- overflow: hidden;
5222
- text-overflow: ellipsis;
5223
- }
5224
4789
  .newCloud-select-select-options .newCloud-select-single-selected-icon {
5225
4790
  color: var(--shuyunBlue4);
5226
4791
  }
@@ -5231,11 +4796,11 @@ input::-webkit-search-cancel-button {
5231
4796
  align-items: center;
5232
4797
  justify-content: center;
5233
4798
  flex-direction: column;
5234
- font-size: 12px;
5235
- color: rgba(0, 0, 0, 0.25);
4799
+ font-size: 14px;
4800
+ color: rgba(0, 0, 0, 0.45);
5236
4801
  }
5237
4802
  .newCloud-select-select-options .newCloud-select-empty-options > img {
5238
- width: 104px;
4803
+ width: 70%;
5239
4804
  height: auto;
5240
4805
  margin-bottom: 8px;
5241
4806
  }
@@ -5268,11 +4833,6 @@ input::-webkit-search-cancel-button {
5268
4833
  .newCloud-select-select-options .newCloud-select-operate-btn .btn:not(:last-child) {
5269
4834
  margin-right: 10px;
5270
4835
  }
5271
- .newCloud-select-select-options .newCloud-select-desc {
5272
- color: rgba(0, 0, 0, 0.45);
5273
- margin-left: 8px;
5274
- font-size: 12px;
5275
- }
5276
4836
 
5277
4837
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
5278
4838
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -5345,19 +4905,13 @@ input::-webkit-search-cancel-button {
5345
4905
  display: inline-flex;
5346
4906
  align-items: center;
5347
4907
  height: 20px;
5348
- font-size: 14px;
5349
- line-height: 20px;
5350
4908
  }
5351
4909
  .newCloud-checkbox:not(.newCloud-checkbox-disabled):hover {
5352
4910
  cursor: pointer;
5353
4911
  }
5354
- .newCloud-checkbox:not(.newCloud-checkbox-disabled) .newCloud-checkbox-wrapper:hover .newCloud-checkbox-inner {
5355
- border-color: var(--shuyunBlue4);
5356
- }
5357
4912
  .newCloud-checkbox-group {
5358
4913
  display: inline-flex;
5359
4914
  flex-wrap: wrap;
5360
- gap: 8px 20px;
5361
4915
  }
5362
4916
  .newCloud-checkbox-group.vertical {
5363
4917
  flex-direction: column;
@@ -5365,6 +4919,9 @@ input::-webkit-search-cancel-button {
5365
4919
  .newCloud-checkbox-group.horizontal {
5366
4920
  flex-direction: row;
5367
4921
  }
4922
+ .newCloud-checkbox-group.horizontal > *:not(:last-child) {
4923
+ margin-right: 16px;
4924
+ }
5368
4925
  .newCloud-checkbox-wrapper {
5369
4926
  position: relative;
5370
4927
  flex-shrink: 0;
@@ -5413,13 +4970,10 @@ input::-webkit-search-cancel-button {
5413
4970
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner {
5414
4971
  background: #f5f5f5;
5415
4972
  }
5416
- .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner:hover {
5417
- border-color: #d9d9d9;
5418
- }
5419
4973
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-checked .newCloud-checkbox-inner,
5420
4974
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-indeterminate .newCloud-checkbox-inner {
5421
- border-color: #d9d9d9;
5422
- background: #d9d9d9;
4975
+ border-color: var(--shuyunBlue2);
4976
+ background: var(--shuyunBlue2);
5423
4977
  }
5424
4978
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-text {
5425
4979
  color: rgba(0, 0, 0, 0.25);
@@ -5441,7 +4995,7 @@ input::-webkit-search-cancel-button {
5441
4995
  color: #d66a04;
5442
4996
  }
5443
4997
  .newCloud-popover-icon {
5444
- color: #fd830a;
4998
+ color: #FD830A;
5445
4999
  margin-right: 8px;
5446
5000
  font-size: 16px;
5447
5001
  line-height: 20px;
@@ -5454,7 +5008,6 @@ input::-webkit-search-cancel-button {
5454
5008
  .newCloud-popover-title {
5455
5009
  font-size: 14px;
5456
5010
  color: rgba(0, 0, 0, 0.85);
5457
- font-weight: bold;
5458
5011
  margin-bottom: 4px;
5459
5012
  }
5460
5013
  .newCloud-popover-desc {
@@ -5618,9 +5171,6 @@ input::-webkit-search-cancel-button {
5618
5171
  width: 106px;
5619
5172
  min-width: 106px;
5620
5173
  }
5621
- .newCloud-pagination .change-size .icon-down {
5622
- font-size: 16px;
5623
- }
5624
5174
  .newCloud-pagination.newCloud-pagination-simple ul li,
5625
5175
  .newCloud-pagination.newCloud-pagination-small ul li,
5626
5176
  .newCloud-pagination.newCloud-pagination-mini-page ul li,
@@ -6172,7 +5722,6 @@ input::-webkit-search-cancel-button {
6172
5722
  display: flex;
6173
5723
  align-items: center;
6174
5724
  justify-content: space-between;
6175
- font-size: 14px;
6176
5725
  }
6177
5726
  .newCloud-table-footer-statistics {
6178
5727
  display: flex;
@@ -6707,6 +6256,7 @@ input::-webkit-search-cancel-button {
6707
6256
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
6708
6257
  .root-cloud-radio-position,
6709
6258
  .newCloud-radio-input.checked + .newCloud-radio-inner::after,
6259
+ .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after,
6710
6260
  .newCloud-radio-inner {
6711
6261
  position: absolute;
6712
6262
  top: 0;
@@ -6715,33 +6265,21 @@ input::-webkit-search-cancel-button {
6715
6265
  bottom: 0;
6716
6266
  }
6717
6267
  .newCloud-radio {
6718
- height: 20px;
6719
6268
  display: inline-flex;
6720
6269
  align-items: center;
6721
- margin-right: 20px;
6270
+ margin-right: 24px;
6722
6271
  cursor: pointer;
6723
6272
  color: #d9d9d9;
6724
- font-size: 14px;
6725
6273
  }
6726
6274
  .newCloud-radio-group {
6727
6275
  display: inline-flex;
6728
6276
  }
6729
- .newCloud-radio-group.vertical .newCloud-radio,
6730
- .newCloud-radio-group.horizontal .newCloud-radio {
6731
- margin-right: 0;
6732
- margin-bottom: 0;
6733
- }
6734
6277
  .newCloud-radio-group.vertical {
6735
6278
  flex-direction: column;
6736
6279
  gap: 16px;
6737
6280
  }
6738
6281
  .newCloud-radio-group.horizontal {
6739
6282
  flex-direction: row;
6740
- gap: 16px 20px;
6741
- }
6742
- .newCloud-radio-container {
6743
- display: inline-flex;
6744
- align-items: center;
6745
6283
  }
6746
6284
  .newCloud-radio-container-text {
6747
6285
  color: rgba(0, 0, 0, 0.45);
@@ -6755,7 +6293,7 @@ input::-webkit-search-cancel-button {
6755
6293
  margin-right: 8px;
6756
6294
  }
6757
6295
  .newCloud-radio-wrapper:hover {
6758
- color: var(--shuyunBlue4);
6296
+ color: rgba(0, 0, 0, 0.25);
6759
6297
  }
6760
6298
  .newCloud-radio-input {
6761
6299
  position: absolute;
@@ -6786,10 +6324,11 @@ input::-webkit-search-cancel-button {
6786
6324
  background-color: #f5f5f5;
6787
6325
  }
6788
6326
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner {
6789
- color: #d9d9d9;
6327
+ color: var(--shuyunBlue2);
6790
6328
  }
6791
6329
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after {
6792
- background-color: #d9d9d9;
6330
+ background-color: var(--shuyunBlue2);
6331
+ box-shadow: 0 0 5px var(--shuyunBlue2);
6793
6332
  }
6794
6333
  .newCloud-radio-inner {
6795
6334
  z-index: 1;
@@ -6800,6 +6339,7 @@ input::-webkit-search-cancel-button {
6800
6339
  .newCloud-radio-text {
6801
6340
  display: inline-flex;
6802
6341
  align-items: center;
6342
+ line-height: 30px;
6803
6343
  color: rgba(0, 0, 0, 0.85);
6804
6344
  }
6805
6345
  .newCloud-radio .disabled {
@@ -7138,52 +6678,14 @@ input::-webkit-search-cancel-button {
7138
6678
  height: 24px;
7139
6679
  width: 24px;
7140
6680
  margin-right: 8px;
7141
- border-radius: 3px;
7142
- }
7143
- .newCloud-complex img[alt='header'] .newCloud-checkbox-wrapper {
7144
- top: 0px;
7145
- }
7146
- .newCloud-complex-has-content .newCloud-checkbox-wrapper {
7147
- top: 3px;
7148
6681
  }
7149
6682
  .newCloud-complex-title {
7150
6683
  color: rgba(0, 0, 0, 0.85);
6684
+ margin-bottom: 4px;
7151
6685
  }
7152
6686
  .newCloud-complex-content {
7153
6687
  color: rgba(0, 0, 0, 0.45);
7154
6688
  line-height: 20px;
7155
- margin-top: 4px;
7156
- }
7157
- .newCloud-complex-card {
7158
- background: #fff;
7159
- padding: 16px;
7160
- border-radius: 6px;
7161
- border: 1px solid #e8e8e8;
7162
- min-width: 120px;
7163
- }
7164
- .newCloud-complex-card:hover {
7165
- border: 1px solid var(--shuyunBlue4);
7166
- }
7167
- .newCloud-complex-card.newCloud-checkbox-checked {
7168
- background-color: var(--shuyunBlue1);
7169
- border: 1px solid var(--shuyunBlue4);
7170
- }
7171
- .newCloud-complex-card.newCloud-checkbox-checked:hover {
7172
- background: var(--shuyunBlue1);
7173
- }
7174
- .newCloud-complex-card-disabled {
7175
- background: #fff;
7176
- }
7177
- .newCloud-complex-card-disabled.newCloud-checkbox-checked {
7178
- background: #f5f5f5 !important;
7179
- border: 1px solid #e8e8e8;
7180
- }
7181
- .newCloud-complex-card-disabled:hover {
7182
- background: #fff;
7183
- border: 1px solid #e8e8e8;
7184
- }
7185
- .newCloud-complex-card-disabled:hover .newCloud-checkbox-inner {
7186
- border-color: #d9d9d9;
7187
6689
  }
7188
6690
  .newCloud-complex.newCloud-complex-overflow-ellipsis .newCloud-complex-content {
7189
6691
  white-space: nowrap;
@@ -7217,8 +6719,7 @@ input::-webkit-search-cancel-button {
7217
6719
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
7218
6720
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
7219
6721
  .newCloud-complex-radio {
7220
- line-height: 20px;
7221
- height: 20px;
6722
+ height: 24px;
7222
6723
  }
7223
6724
  .newCloud-complex-radio img[alt='header'] {
7224
6725
  height: 24px;
@@ -7232,40 +6733,31 @@ input::-webkit-search-cancel-button {
7232
6733
  min-width: 177px;
7233
6734
  }
7234
6735
  .newCloud-complex-radio-content {
7235
- margin-top: 4px;
7236
6736
  color: rgba(0, 0, 0, 0.45);
7237
- line-height: 20px;
6737
+ line-height: 16px;
7238
6738
  font-size: 14px;
7239
6739
  }
7240
6740
  .newCloud-complex-radio-card {
7241
6741
  background: #fff;
7242
- padding: 16px;
7243
- border-radius: 6px;
7244
- border: 1px solid #e8e8e8;
6742
+ padding: 18px;
6743
+ border-radius: 2px;
7245
6744
  }
7246
6745
  .newCloud-complex-radio-card:hover {
7247
- border: 1px solid var(--shuyunBlue4);
6746
+ background: #fafafa;
7248
6747
  }
7249
6748
  .newCloud-complex-radio-card-checked {
7250
- background-color: var(--shuyunBlue1);
7251
- border: 1px solid var(--shuyunBlue4);
6749
+ background-color: #f5f8ff;
6750
+ border: 1px solid #5280ff;
7252
6751
  }
7253
6752
  .newCloud-complex-radio-card-checked:hover {
7254
- background: var(--shuyunBlue1);
6753
+ background: #f5f8ff;
7255
6754
  }
7256
6755
  .newCloud-complex-radio-card-disabled {
7257
- background: #f5f5f5;
7258
- border: 1px solid #e8e8e8;
6756
+ background: #fff !important;
6757
+ border: none !important;
7259
6758
  }
7260
6759
  .newCloud-complex-radio-card-disabled:hover {
7261
- border: 1px solid #e8e8e8;
7262
- background: #f5f5f5;
7263
- }
7264
- .newCloud-complex-radio-radius-small {
7265
- border-radius: 3px;
7266
- }
7267
- .newCloud-complex-radio-radius-large {
7268
- border-radius: 12px;
6760
+ background: #fff !important;
7269
6761
  }
7270
6762
  .newCloud-complex-radio.newCloud-complex-radio-overflow-ellipsis .newCloud-complex-radio-content {
7271
6763
  white-space: nowrap;
@@ -7278,7 +6770,7 @@ input::-webkit-search-cancel-button {
7278
6770
  .newCloud-complex-radio.newCloud-complex-radio-img img[alt='header'] {
7279
6771
  height: 48px;
7280
6772
  width: 48px;
7281
- border-radius: 3px;
6773
+ border-radius: 2px;
7282
6774
  }
7283
6775
  .newCloud-complex-radio.newCloud-complex-radio-title-content {
7284
6776
  height: auto;
@@ -7287,6 +6779,7 @@ input::-webkit-search-cancel-button {
7287
6779
  flex-direction: column;
7288
6780
  align-items: flex-start;
7289
6781
  font-size: 14px;
6782
+ line-height: 20px;
7290
6783
  }
7291
6784
  .newCloud-complex-radio.newCloud-complex-radio-title-content .newCloud-radio-wrapper {
7292
6785
  align-self: flex-start;
@@ -7698,7 +7191,7 @@ input::-webkit-search-cancel-button {
7698
7191
  }
7699
7192
  .newCloud-form-item {
7700
7193
  display: flex;
7701
- margin-bottom: 20px;
7194
+ margin-bottom: 24px;
7702
7195
  /* layout */
7703
7196
  /* align */
7704
7197
  /* others */
@@ -7727,12 +7220,12 @@ input::-webkit-search-cancel-button {
7727
7220
  .newCloud-form-item.large .newCloud-form-item-label,
7728
7221
  .newCloud-form-item.large .newCloud-form-item-wrapper {
7729
7222
  min-height: 36px;
7730
- line-height: 35px;
7223
+ line-height: 36px;
7731
7224
  }
7732
7225
  .newCloud-form-item.large .newCloud-form-item-label.has-colon::after,
7733
7226
  .newCloud-form-item.large .newCloud-form-item-wrapper.has-colon::after {
7734
7227
  height: 36px;
7735
- line-height: 35px;
7228
+ line-height: 36px;
7736
7229
  }
7737
7230
  .newCloud-form-item.vertical {
7738
7231
  flex-direction: column;
@@ -7778,17 +7271,10 @@ input::-webkit-search-cancel-button {
7778
7271
  top: -0.5px;
7779
7272
  margin: 0 8px 0 2px;
7780
7273
  }
7781
- .newCloud-form-item.fixedError .has-error + .newCloud-form-item-explain {
7782
- position: relative;
7783
- top: 20px;
7784
- }
7785
- .newCloud-form-item.fixedError .newCloud-form-item-explain {
7786
- position: absolute;
7787
- }
7788
7274
  .newCloud-form-item-explain {
7789
- margin-top: 0;
7790
- line-height: 20px;
7275
+ margin-top: 4px;
7791
7276
  font-size: 12px;
7277
+ line-height: 12px;
7792
7278
  color: #666;
7793
7279
  }
7794
7280
  .newCloud-form-item-explain.error {
@@ -7805,33 +7291,53 @@ input::-webkit-search-cancel-button {
7805
7291
  height: 24px;
7806
7292
  }
7807
7293
  .newCloud-form-item.large .newCloud-radio-text {
7808
- line-height: 35px;
7294
+ line-height: 36px;
7809
7295
  }
7810
7296
  .newCloud-form-item.large .newCloud-picker,
7811
7297
  .newCloud-form-item.large .newCloud-picker-range {
7812
7298
  height: 36px;
7813
7299
  }
7814
- .newCloud-form-item .has-error,
7300
+ .newCloud-form-item .has-error > .newCloud-select-wrapper,
7815
7301
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper,
7816
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-open .newCloud-select-wrapper,
7817
- .newCloud-form-item .has-error > .newCloud-input-number:not(.newCloud-input-number-disabled),
7818
- .newCloud-form-item .has-error > .newCloud-input-textarea-wrapper > textarea,
7819
- .newCloud-form-item .has-error > .newCloud-tree-select .newCloud-tree-select-wrapper,
7302
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper,
7303
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper,
7304
+ .newCloud-form-item .has-error > .newCloud-input-number,
7305
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number,
7306
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number,
7307
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number,
7308
+ .newCloud-form-item .has-error > .newCloud-input-textarea,
7309
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea,
7310
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea,
7311
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea,
7820
7312
  .newCloud-form-item .has-error > .newCloud-input,
7313
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input,
7314
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input,
7315
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input,
7821
7316
  .newCloud-form-item .has-error > .newCloud-input-affix,
7822
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block,
7823
- .newCloud-form-item .has-error .newCloud-datepicker-container,
7824
- .newCloud-form-item .has-error:hover,
7317
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix,
7318
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix,
7319
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix,
7320
+ .newCloud-form-item .has-error > .newCloud-select-wrapper:hover,
7825
7321
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper:hover,
7826
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-open .newCloud-select-wrapper:hover,
7827
- .newCloud-form-item .has-error > .newCloud-input-number:not(.newCloud-input-number-disabled):hover,
7828
- .newCloud-form-item .has-error > .newCloud-input-textarea-wrapper > textarea:hover,
7829
- .newCloud-form-item .has-error > .newCloud-tree-select .newCloud-tree-select-wrapper:hover,
7322
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper:hover,
7323
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper:hover,
7324
+ .newCloud-form-item .has-error > .newCloud-input-number:hover,
7325
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number:hover,
7326
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number:hover,
7327
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number:hover,
7328
+ .newCloud-form-item .has-error > .newCloud-input-textarea:hover,
7329
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea:hover,
7330
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea:hover,
7331
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea:hover,
7830
7332
  .newCloud-form-item .has-error > .newCloud-input:hover,
7333
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input:hover,
7334
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input:hover,
7335
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input:hover,
7831
7336
  .newCloud-form-item .has-error > .newCloud-input-affix:hover,
7832
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block:hover,
7833
- .newCloud-form-item .has-error .newCloud-datepicker-container:hover {
7834
- border-color: #e74949 !important;
7337
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix:hover,
7338
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix:hover,
7339
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix:hover {
7340
+ border-color: #e74949;
7835
7341
  }
7836
7342
  .newCloud-form .col-1 {
7837
7343
  width: 4.166666666666667%;
@@ -7988,7 +7494,7 @@ input::-webkit-search-cancel-button {
7988
7494
  width: 150px;
7989
7495
  color: rgba(0, 0, 0, 0.85);
7990
7496
  border: 1px solid #e8e8e8;
7991
- border-radius: 3px;
7497
+ border-radius: 2px;
7992
7498
  background-color: #fff;
7993
7499
  transition: border-color 0.3s;
7994
7500
  }
@@ -7996,7 +7502,7 @@ input::-webkit-search-cancel-button {
7996
7502
  box-sizing: border-box;
7997
7503
  }
7998
7504
  .newCloud-input-number:not(.newCloud-input-number-focused):not(.newCloud-input-number-disabled):hover {
7999
- border-color: var(--shuyunBlue4);
7505
+ border-color: rgba(0, 0, 0, 0.25);
8000
7506
  }
8001
7507
  .newCloud-input-number-focused {
8002
7508
  border-color: var(--shuyunBlue4);
@@ -8055,10 +7561,6 @@ input::-webkit-search-cancel-button {
8055
7561
  .newCloud-input-number-handler-sub-icon:hover {
8056
7562
  color: var(--shuyunBlue4);
8057
7563
  }
8058
- .newCloud-input-number-handler-plus-icon:active,
8059
- .newCloud-input-number-handler-sub-icon:active {
8060
- color: rgba(0, 0, 0, 0.45);
8061
- }
8062
7564
  .newCloud-input-number.large {
8063
7565
  height: 36px;
8064
7566
  line-height: 36px;
@@ -8075,9 +7577,6 @@ input::-webkit-search-cancel-button {
8075
7577
  .newCloud-input-number.large .newCloud-input-number-handle {
8076
7578
  width: calc(36px - 2px);
8077
7579
  }
8078
- .newCloud-input-number.large .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8079
- width: calc(100% - 34px);
8080
- }
8081
7580
  .newCloud-input-number.default {
8082
7581
  height: 32px;
8083
7582
  line-height: 32px;
@@ -8094,9 +7593,6 @@ input::-webkit-search-cancel-button {
8094
7593
  .newCloud-input-number.default .newCloud-input-number-handle {
8095
7594
  width: calc(32px - 2px);
8096
7595
  }
8097
- .newCloud-input-number.default .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8098
- width: calc(100% - 30px);
8099
- }
8100
7596
  .newCloud-input-number.small {
8101
7597
  height: 28px;
8102
7598
  line-height: 28px;
@@ -8117,14 +7613,11 @@ input::-webkit-search-cancel-button {
8117
7613
  .newCloud-input-number.small .newCloud-input-number-handle {
8118
7614
  width: calc(28px - 2px);
8119
7615
  }
8120
- .newCloud-input-number.small .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8121
- width: calc(100% - 26px);
8122
- }
8123
7616
  .newCloud-input-number-handler-wrap {
8124
7617
  position: absolute;
8125
7618
  top: 0;
8126
7619
  right: 0;
8127
- width: 30px;
7620
+ width: 22px;
8128
7621
  height: 100%;
8129
7622
  background: #fff;
8130
7623
  border-left: 1px solid #e8e8e8;
@@ -8146,6 +7639,7 @@ input::-webkit-search-cancel-button {
8146
7639
  align-items: center;
8147
7640
  overflow: hidden;
8148
7641
  color: rgba(0, 0, 0, 0.25);
7642
+ font-weight: bold;
8149
7643
  transition: all 0.1s linear;
8150
7644
  }
8151
7645
  .newCloud-input-number-handler-down {
@@ -8157,18 +7651,25 @@ input::-webkit-search-cancel-button {
8157
7651
  cursor: pointer;
8158
7652
  color: var(--shuyunBlue4);
8159
7653
  }
8160
- .newCloud-input-number-handler-up:active,
8161
- .newCloud-input-number-handler-down:active {
8162
- color: rgba(0, 0, 0, 0.45);
8163
- }
8164
7654
  .newCloud-input-number-handler-disabled,
8165
7655
  .newCloud-input-number-handler-disabled:hover {
8166
7656
  color: rgba(0, 0, 0, 0.25);
8167
7657
  cursor: not-allowed;
8168
7658
  }
7659
+ .newCloud-input-number-handler-down-icon,
7660
+ .newCloud-input-number-handler-up-icon {
7661
+ font-size: 12px;
7662
+ transform: scale(0.7);
7663
+ }
8169
7664
  .newCloud-input-number-handler-input {
8170
7665
  height: 100%;
8171
7666
  }
7667
+ .newCloud-input-number-handler-input-left-right {
7668
+ height: 100%;
7669
+ position: absolute;
7670
+ left: 30px;
7671
+ display: inline-block;
7672
+ }
8172
7673
  .newCloud-input-number .newCloud-input-number-input {
8173
7674
  font-size: inherit;
8174
7675
  width: 100%;
@@ -8192,55 +7693,6 @@ input::-webkit-search-cancel-button {
8192
7693
  .newCloud-input-number .newCloud-input-number-input::placeholder {
8193
7694
  color: rgba(0, 0, 0, 0.25);
8194
7695
  }
8195
- .newCloud-input-number-handler-input-left-right {
8196
- height: 100%;
8197
- position: absolute;
8198
- left: 30px;
8199
- display: inline-block;
8200
- }
8201
- .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8202
- text-align: center;
8203
- }
8204
- .newCloud-input-number-add-on-container {
8205
- display: flex;
8206
- align-items: center;
8207
- }
8208
- .newCloud-input-number-add-on-container .add-on {
8209
- padding: 0 12px;
8210
- color: rgba(0, 0, 0, 0.65);
8211
- font-size: 14px;
8212
- text-align: center;
8213
- background-color: #fafafa;
8214
- border: 1px solid #e8e8e8;
8215
- height: 32px;
8216
- line-height: 30px;
8217
- box-sizing: border-box;
8218
- }
8219
- .newCloud-input-number-add-on-container .newCloud-input-number {
8220
- width: 100%;
8221
- }
8222
- .newCloud-input-number-add-on-container.newCloud-input-number-add-before .add-on {
8223
- border-right: none;
8224
- border-radius: 3px 0 0 3px;
8225
- }
8226
- .newCloud-input-number-add-on-container.newCloud-input-number-add-before .newCloud-input-number {
8227
- border-radius: 0 3px 3px 0;
8228
- }
8229
- .newCloud-input-number-add-on-container.newCloud-input-number-add-after .add-on {
8230
- border-left: none;
8231
- border-radius: 0 3px 3px 0;
8232
- }
8233
- .newCloud-input-number-add-on-container.newCloud-input-number-add-after .newCloud-input-number {
8234
- border-radius: 3px 0 0 3px;
8235
- }
8236
- .newCloud-input-number-add-on-container.small .add-on {
8237
- height: 28px;
8238
- line-height: 26px;
8239
- }
8240
- .newCloud-input-number-add-on-container.large .add-on {
8241
- height: 36px;
8242
- line-height: 34px;
8243
- }
8244
7696
 
8245
7697
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8246
7698
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -8293,8 +7745,8 @@ input::-webkit-search-cancel-button {
8293
7745
  opacity: 0.6;
8294
7746
  }
8295
7747
  .newCloud-message-success {
8296
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8297
- border-radius: 6px;
7748
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7749
+ border-radius: 2px;
8298
7750
  background: #fff;
8299
7751
  }
8300
7752
  .newCloud-message-success .msg-text {
@@ -8312,7 +7764,7 @@ input::-webkit-search-cancel-button {
8312
7764
  color: #3352cc;
8313
7765
  }
8314
7766
  .newCloud-message-success .close-icon {
8315
- color: rgba(0, 0, 0, 0.45);
7767
+ color: rgba(0, 0, 0, 0.25);
8316
7768
  margin-top: 1px;
8317
7769
  }
8318
7770
  .newCloud-message-success .close-icon:hover {
@@ -8322,15 +7774,9 @@ input::-webkit-search-cancel-button {
8322
7774
  color: #21ba45;
8323
7775
  margin-top: 1px;
8324
7776
  }
8325
- .newCloud-message-success.newCloud-message-small-radius {
8326
- border-radius: 3px;
8327
- }
8328
- .newCloud-message-success.newCloud-message-large-radius {
8329
- border-radius: 12px;
8330
- }
8331
7777
  .newCloud-message-error {
8332
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8333
- border-radius: 6px;
7778
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7779
+ border-radius: 2px;
8334
7780
  background: #fff;
8335
7781
  }
8336
7782
  .newCloud-message-error .msg-text {
@@ -8348,7 +7794,7 @@ input::-webkit-search-cancel-button {
8348
7794
  color: #3352cc;
8349
7795
  }
8350
7796
  .newCloud-message-error .close-icon {
8351
- color: rgba(0, 0, 0, 0.45);
7797
+ color: rgba(0, 0, 0, 0.25);
8352
7798
  margin-top: 1px;
8353
7799
  }
8354
7800
  .newCloud-message-error .close-icon:hover {
@@ -8358,15 +7804,9 @@ input::-webkit-search-cancel-button {
8358
7804
  color: #e74949;
8359
7805
  margin-top: 1px;
8360
7806
  }
8361
- .newCloud-message-error.newCloud-message-small-radius {
8362
- border-radius: 3px;
8363
- }
8364
- .newCloud-message-error.newCloud-message-large-radius {
8365
- border-radius: 12px;
8366
- }
8367
7807
  .newCloud-message-info {
8368
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8369
- border-radius: 6px;
7808
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7809
+ border-radius: 2px;
8370
7810
  background: #fff;
8371
7811
  }
8372
7812
  .newCloud-message-info .msg-text {
@@ -8384,7 +7824,7 @@ input::-webkit-search-cancel-button {
8384
7824
  color: #3352cc;
8385
7825
  }
8386
7826
  .newCloud-message-info .close-icon {
8387
- color: rgba(0, 0, 0, 0.45);
7827
+ color: rgba(0, 0, 0, 0.25);
8388
7828
  margin-top: 1px;
8389
7829
  }
8390
7830
  .newCloud-message-info .close-icon:hover {
@@ -8394,15 +7834,9 @@ input::-webkit-search-cancel-button {
8394
7834
  color: var(--shuyunBlue4);
8395
7835
  margin-top: 1px;
8396
7836
  }
8397
- .newCloud-message-info.newCloud-message-small-radius {
8398
- border-radius: 3px;
8399
- }
8400
- .newCloud-message-info.newCloud-message-large-radius {
8401
- border-radius: 12px;
8402
- }
8403
7837
  .newCloud-message-warn {
8404
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8405
- border-radius: 6px;
7838
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7839
+ border-radius: 2px;
8406
7840
  background: #fff;
8407
7841
  }
8408
7842
  .newCloud-message-warn .msg-text {
@@ -8420,7 +7854,7 @@ input::-webkit-search-cancel-button {
8420
7854
  color: #3352cc;
8421
7855
  }
8422
7856
  .newCloud-message-warn .close-icon {
8423
- color: rgba(0, 0, 0, 0.45);
7857
+ color: rgba(0, 0, 0, 0.25);
8424
7858
  margin-top: 1px;
8425
7859
  }
8426
7860
  .newCloud-message-warn .close-icon:hover {
@@ -8430,15 +7864,9 @@ input::-webkit-search-cancel-button {
8430
7864
  color: #fd830a;
8431
7865
  margin-top: 1px;
8432
7866
  }
8433
- .newCloud-message-warn.newCloud-message-small-radius {
8434
- border-radius: 3px;
8435
- }
8436
- .newCloud-message-warn.newCloud-message-large-radius {
8437
- border-radius: 12px;
8438
- }
8439
7867
  .newCloud-message-deepen.newCloud-message-success {
8440
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8441
- border-radius: 6px;
7868
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7869
+ border-radius: 2px;
8442
7870
  background: #21ba45;
8443
7871
  }
8444
7872
  .newCloud-message-deepen.newCloud-message-success .msg-text {
@@ -8456,7 +7884,7 @@ input::-webkit-search-cancel-button {
8456
7884
  color: #3352cc;
8457
7885
  }
8458
7886
  .newCloud-message-deepen.newCloud-message-success .close-icon {
8459
- color: rgba(0, 0, 0, 0.45);
7887
+ color: rgba(0, 0, 0, 0.25);
8460
7888
  margin-top: 1px;
8461
7889
  }
8462
7890
  .newCloud-message-deepen.newCloud-message-success .close-icon:hover {
@@ -8466,15 +7894,9 @@ input::-webkit-search-cancel-button {
8466
7894
  color: #fff;
8467
7895
  margin-top: 1px;
8468
7896
  }
8469
- .newCloud-message-deepen.newCloud-message-success.newCloud-message-small-radius {
8470
- border-radius: 3px;
8471
- }
8472
- .newCloud-message-deepen.newCloud-message-success.newCloud-message-large-radius {
8473
- border-radius: 12px;
8474
- }
8475
7897
  .newCloud-message-deepen.newCloud-message-error {
8476
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8477
- border-radius: 6px;
7898
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7899
+ border-radius: 2px;
8478
7900
  background: #e74949;
8479
7901
  }
8480
7902
  .newCloud-message-deepen.newCloud-message-error .msg-text {
@@ -8492,7 +7914,7 @@ input::-webkit-search-cancel-button {
8492
7914
  color: #3352cc;
8493
7915
  }
8494
7916
  .newCloud-message-deepen.newCloud-message-error .close-icon {
8495
- color: rgba(0, 0, 0, 0.45);
7917
+ color: rgba(0, 0, 0, 0.25);
8496
7918
  margin-top: 1px;
8497
7919
  }
8498
7920
  .newCloud-message-deepen.newCloud-message-error .close-icon:hover {
@@ -8502,15 +7924,9 @@ input::-webkit-search-cancel-button {
8502
7924
  color: #fff;
8503
7925
  margin-top: 1px;
8504
7926
  }
8505
- .newCloud-message-deepen.newCloud-message-error.newCloud-message-small-radius {
8506
- border-radius: 3px;
8507
- }
8508
- .newCloud-message-deepen.newCloud-message-error.newCloud-message-large-radius {
8509
- border-radius: 12px;
8510
- }
8511
7927
  .newCloud-message-deepen.newCloud-message-info {
8512
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8513
- border-radius: 6px;
7928
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7929
+ border-radius: 2px;
8514
7930
  background: var(--shuyunBlue4);
8515
7931
  }
8516
7932
  .newCloud-message-deepen.newCloud-message-info .msg-text {
@@ -8528,7 +7944,7 @@ input::-webkit-search-cancel-button {
8528
7944
  color: #3352cc;
8529
7945
  }
8530
7946
  .newCloud-message-deepen.newCloud-message-info .close-icon {
8531
- color: rgba(0, 0, 0, 0.45);
7947
+ color: rgba(0, 0, 0, 0.25);
8532
7948
  margin-top: 1px;
8533
7949
  }
8534
7950
  .newCloud-message-deepen.newCloud-message-info .close-icon:hover {
@@ -8538,15 +7954,9 @@ input::-webkit-search-cancel-button {
8538
7954
  color: #fff;
8539
7955
  margin-top: 1px;
8540
7956
  }
8541
- .newCloud-message-deepen.newCloud-message-info.newCloud-message-small-radius {
8542
- border-radius: 3px;
8543
- }
8544
- .newCloud-message-deepen.newCloud-message-info.newCloud-message-large-radius {
8545
- border-radius: 12px;
8546
- }
8547
7957
  .newCloud-message-deepen.newCloud-message-warn {
8548
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8549
- border-radius: 6px;
7958
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7959
+ border-radius: 2px;
8550
7960
  background: #fd830a;
8551
7961
  }
8552
7962
  .newCloud-message-deepen.newCloud-message-warn .msg-text {
@@ -8564,7 +7974,7 @@ input::-webkit-search-cancel-button {
8564
7974
  color: #3352cc;
8565
7975
  }
8566
7976
  .newCloud-message-deepen.newCloud-message-warn .close-icon {
8567
- color: rgba(0, 0, 0, 0.45);
7977
+ color: rgba(0, 0, 0, 0.25);
8568
7978
  margin-top: 1px;
8569
7979
  }
8570
7980
  .newCloud-message-deepen.newCloud-message-warn .close-icon:hover {
@@ -8574,12 +7984,6 @@ input::-webkit-search-cancel-button {
8574
7984
  color: #fff;
8575
7985
  margin-top: 1px;
8576
7986
  }
8577
- .newCloud-message-deepen.newCloud-message-warn.newCloud-message-small-radius {
8578
- border-radius: 3px;
8579
- }
8580
- .newCloud-message-deepen.newCloud-message-warn.newCloud-message-large-radius {
8581
- border-radius: 12px;
8582
- }
8583
7987
 
8584
7988
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8585
7989
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -8782,6 +8186,7 @@ input::-webkit-search-cancel-button {
8782
8186
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8783
8187
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
8784
8188
  .newCloud-modal {
8189
+ font-family: Tahoma, 'Microsoft Yahei', sans-serif;
8785
8190
  position: fixed;
8786
8191
  top: 0;
8787
8192
  right: 0;
@@ -8820,7 +8225,7 @@ input::-webkit-search-cancel-button {
8820
8225
  position: relative;
8821
8226
  top: 20%;
8822
8227
  background: #fff;
8823
- border-radius: 12px;
8228
+ border-radius: 4px;
8824
8229
  white-space: normal;
8825
8230
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
8826
8231
  }
@@ -8849,7 +8254,7 @@ input::-webkit-search-cancel-button {
8849
8254
  align-items: center;
8850
8255
  justify-content: space-between;
8851
8256
  height: 56px;
8852
- border-radius: 12px 12px 0 0;
8257
+ border-radius: 4px 4px 0 0;
8853
8258
  padding: 0 16px;
8854
8259
  color: #000;
8855
8260
  font-size: 16px;
@@ -8858,7 +8263,7 @@ input::-webkit-search-cancel-button {
8858
8263
  line-height: 24px;
8859
8264
  border-bottom: 1px solid #f5f5f5;
8860
8265
  }
8861
- .newCloud-modal-header.newCloud-modal-header-drag:active {
8266
+ .newCloud-modal-header:active {
8862
8267
  cursor: move;
8863
8268
  }
8864
8269
  .newCloud-modal-header .close-icon {
@@ -8879,10 +8284,12 @@ input::-webkit-search-cancel-button {
8879
8284
  max-height: calc(100vh - 200px);
8880
8285
  color: #3d3d3d;
8881
8286
  background-color: white;
8882
- padding: 20px;
8287
+ padding: 16px;
8883
8288
  overflow: auto;
8884
8289
  box-sizing: border-box;
8885
8290
  font-size: 14px;
8291
+ scrollbar-width: thin;
8292
+ scrollbar-color: #d9d9d9 #f5f5f5;
8886
8293
  }
8887
8294
  .newCloud-modal-body::-webkit-scrollbar {
8888
8295
  width: 8px;
@@ -8891,7 +8298,7 @@ input::-webkit-search-cancel-button {
8891
8298
  .newCloud-modal-body::-webkit-scrollbar-thumb {
8892
8299
  /*滚动条里面小方块*/
8893
8300
  background: #d9d9d9;
8894
- border-radius: 12px;
8301
+ border-radius: 4px;
8895
8302
  }
8896
8303
  .newCloud-modal-body::-webkit-scrollbar-thumb:hover {
8897
8304
  background: rgba(0, 0, 0, 0.45);
@@ -8906,11 +8313,11 @@ input::-webkit-search-cancel-button {
8906
8313
  background: #f5f5f5;
8907
8314
  }
8908
8315
  .newCloud-modal-no-footer {
8909
- border-radius: 0 0 12px 12px;
8316
+ border-radius: 0 0 4px 4px;
8910
8317
  }
8911
8318
  .newCloud-modal-confirm-size {
8912
8319
  min-height: 40px;
8913
- border-radius: 12px;
8320
+ border-radius: 4px;
8914
8321
  }
8915
8322
  .newCloud-modal-size {
8916
8323
  min-height: 202px;
@@ -8919,7 +8326,7 @@ input::-webkit-search-cancel-button {
8919
8326
  padding: 12px 16px;
8920
8327
  background: #fff;
8921
8328
  text-align: right;
8922
- border-radius: 0 0 12px 12px;
8329
+ border-radius: 0 0 4px 4px;
8923
8330
  border-top: 1px solid #f5f5f5;
8924
8331
  }
8925
8332
  .newCloud-modal-footer-default {
@@ -8933,30 +8340,6 @@ input::-webkit-search-cancel-button {
8933
8340
  padding: 16px 24px 24px 24px;
8934
8341
  border-top: none;
8935
8342
  }
8936
- .newCloud-modal.newCloud-modal-small .newCloud-modal-header {
8937
- border-radius: 4px 4px 0 0;
8938
- }
8939
- .newCloud-modal.newCloud-modal-small .newCloud-modal-body::-webkit-scrollbar-thumb {
8940
- border-radius: 4px;
8941
- }
8942
- .newCloud-modal.newCloud-modal-small .newCloud-modal-footer {
8943
- border-radius: 0 0 4px 4px;
8944
- }
8945
- .newCloud-modal.newCloud-modal-small .newCloud-modal-confirm-size {
8946
- border-radius: 4px;
8947
- }
8948
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-header {
8949
- border-radius: 8px 8px 0 0;
8950
- }
8951
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-body::-webkit-scrollbar-thumb {
8952
- border-radius: 8px;
8953
- }
8954
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-footer {
8955
- border-radius: 0 0 8px 8px;
8956
- }
8957
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-confirm-size {
8958
- border-radius: 8px;
8959
- }
8960
8343
  .info-area {
8961
8344
  display: flex;
8962
8345
  justify-content: flex-start;
@@ -8988,9 +8371,10 @@ input::-webkit-search-cancel-button {
8988
8371
  }
8989
8372
  .info-area .icon-style {
8990
8373
  font-size: 24px;
8991
- line-height: 24px;
8992
8374
  vertical-align: text-top;
8993
8375
  margin-right: 8px;
8376
+ position: relative;
8377
+ top: -1px;
8994
8378
  }
8995
8379
  .info-area .confirm-style {
8996
8380
  color: #faad14;
@@ -9020,231 +8404,64 @@ input::-webkit-search-cancel-button {
9020
8404
 
9021
8405
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9022
8406
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
9023
- .newCloud-notification {
9024
- display: flex;
9025
- align-items: baseline;
9026
- gap: 9px;
9027
- padding: 20px;
9028
- background: #ffffff;
9029
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
9030
- border-radius: 12px;
9031
- }
9032
- .newCloud-notification.small {
9033
- border-radius: 3px;
9034
- }
9035
- .newCloud-notification.middle {
9036
- border-radius: 6px;
9037
- }
9038
- .newCloud-notification.light-theme {
9039
- color: white;
9040
- }
9041
- .newCloud-notification.light-theme .info-icon {
9042
- color: white !important;
9043
- }
9044
- .newCloud-notification.light-theme header,
9045
- .newCloud-notification.light-theme main,
9046
- .newCloud-notification.light-theme header i.close-icon {
9047
- color: rgba(0, 0, 0, 0.45);
9048
- }
9049
- .newCloud-notification-content {
9050
- flex: 1;
9051
- }
9052
- .newCloud-notification .info-icon {
9053
- position: relative;
9054
- top: 2px;
9055
- font-size: 20px;
9056
- }
9057
- .newCloud-notification .info-icon.info {
9058
- color: #496bf5;
9059
- }
9060
- .newCloud-notification .info-icon.success {
9061
- color: #21ba45;
9062
- }
9063
- .newCloud-notification .info-icon.fail {
9064
- color: #e74949;
9065
- }
9066
- .newCloud-notification .info-icon.warn {
9067
- color: #fd830a;
8407
+ .newCloud-breadcrumbs {
8408
+ margin-bottom: 8px;
9068
8409
  }
9069
- .newCloud-notification header {
9070
- display: flex;
9071
- align-items: center;
9072
- justify-content: space-between;
9073
- height: 24px;
9074
- line-height: 24px;
8410
+ .newCloud-page-header {
9075
8411
  font-size: 16px;
8412
+ font-family: PingFangSC-Medium, PingFang SC;
9076
8413
  font-weight: 500;
9077
8414
  color: rgba(0, 0, 0, 0.85);
9078
- margin-bottom: 8px;
9079
8415
  }
9080
- .newCloud-notification header i.close-icon {
8416
+ .newCloud-page-header.newCloud-page-header-large,
8417
+ .newCloud-page-header.newCloud-page-header-large .newCloud-page-header-icon {
8418
+ font-size: 20px;
8419
+ }
8420
+ .newCloud-page-header.newCloud-page-header-default,
8421
+ .newCloud-page-header.newCloud-page-header-default .newCloud-page-header-icon {
9081
8422
  font-size: 16px;
9082
- color: rgba(0, 0, 0, 0.45);
9083
- cursor: pointer;
9084
8423
  }
9085
- .newCloud-notification main {
9086
- line-height: 20px;
8424
+ .newCloud-page-header.newCloud-page-header-small,
8425
+ .newCloud-page-header.newCloud-page-header-small .newCloud-page-header-icon {
9087
8426
  font-size: 14px;
9088
- font-weight: 400;
9089
- color: rgba(0, 0, 0, 0.65);
9090
- overflow: hidden;
9091
- text-overflow: ellipsis;
9092
- display: -webkit-box;
9093
- -webkit-line-clamp: 3;
9094
- -webkit-box-orient: vertical;
9095
- }
9096
- .newCloud-notification footer {
9097
- display: flex;
9098
- align-items: center;
9099
- flex-direction: row-reverse;
9100
- gap: 16px;
9101
- margin-top: 20px;
9102
8427
  }
9103
- .newCloud-notification-img-area {
9104
- width: 320px;
9105
- height: 180px;
9106
- margin: 20px auto;
8428
+ .newCloud-page-header .newCloud-page-header-icon {
8429
+ cursor: pointer;
9107
8430
  }
9108
- .newCloud-notification-img-area img {
9109
- width: 100%;
9110
- height: 100%;
9111
- border-radius: 6px;
8431
+ .newCloud-page-header .newCloud-page-header-subtitle {
8432
+ color: rgba(0, 0, 0, 0.25);
8433
+ font-weight: normal;
9112
8434
  }
9113
8435
 
9114
8436
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9115
8437
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
9116
- .newCloud-notification-container {
9117
- z-index: 1100;
9118
- position: fixed;
9119
- }
9120
- .newCloud-notification-container .newCloud-notification-wrapper {
9121
- position: absolute;
9122
- width: 360px;
9123
- transition: all 300ms;
9124
- margin-bottom: 20px;
8438
+ .newCloud-plaintext {
8439
+ display: flex;
8440
+ gap: 10px;
8441
+ color: #666;
9125
8442
  }
9126
- .newCloud-notification-container .newCloud-notification-wrapper.fade-out {
9127
- opacity: 0;
8443
+ .newCloud-plaintext i {
8444
+ cursor: pointer;
8445
+ color: #0083ba;
9128
8446
  }
9129
- .newCloud-notification-container.top-left {
9130
- top: 20px;
8447
+
8448
+ /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8449
+ /* 不要在此引入animation.less及其他放置公用无需编译的css */
8450
+ .newCloud-progress-small .newCloud-progress-line-container {
8451
+ display: inline-flex;
8452
+ align-items: center;
9131
8453
  }
9132
- .newCloud-notification-container.top-left .newCloud-notification-wrapper {
9133
- left: -360px;
8454
+ .newCloud-progress-small .newCloud-progress-line-percent-container {
8455
+ width: 200px;
8456
+ height: 4px;
8457
+ border-radius: 2px;
8458
+ background: #e8e8e8;
9134
8459
  }
9135
- .newCloud-notification-container.top-left .newCloud-notification-wrapper.fade-in {
9136
- left: 20px;
9137
- }
9138
- .newCloud-notification-container.top-right {
9139
- top: 20px;
9140
- right: 0;
9141
- }
9142
- .newCloud-notification-container.top-right .newCloud-notification-wrapper {
9143
- right: -360px;
9144
- }
9145
- .newCloud-notification-container.top-right .newCloud-notification-wrapper.fade-in {
9146
- right: 20px;
9147
- }
9148
- .newCloud-notification-container.bottom-left {
9149
- bottom: 114px;
9150
- }
9151
- .newCloud-notification-container.bottom-left .newCloud-notification-wrapper {
9152
- left: -360px;
9153
- }
9154
- .newCloud-notification-container.bottom-left .newCloud-notification-wrapper.fade-in {
9155
- left: 20px;
9156
- }
9157
- .newCloud-notification-container.bottom-right {
9158
- bottom: 114px;
9159
- right: 20px;
9160
- }
9161
- .newCloud-notification-container.bottom-right .newCloud-notification-wrapper {
9162
- right: -360px;
9163
- }
9164
- .newCloud-notification-container.bottom-right .newCloud-notification-wrapper.fade-in {
9165
- right: 0;
9166
- }
9167
- .newCloud-notification-container.top {
9168
- top: 20px;
9169
- left: calc(50% - 360px / 2);
9170
- }
9171
- .newCloud-notification-container.top .newCloud-notification-wrapper {
9172
- top: -114px;
9173
- }
9174
- .newCloud-notification-container.top .newCloud-notification-wrapper.fade-in {
9175
- top: 0!important;
9176
- }
9177
- .newCloud-notification-container.bottom {
9178
- bottom: 0;
9179
- left: calc(50% - 360px / 2);
9180
- }
9181
- .newCloud-notification-container.bottom .newCloud-notification-wrapper {
9182
- bottom: -114px;
9183
- }
9184
- .newCloud-notification-container.bottom .newCloud-notification-wrapper.fade-in {
9185
- bottom: 0!important;
9186
- }
9187
-
9188
- /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9189
- /* 不要在此引入animation.less及其他放置公用无需编译的css */
9190
- .newCloud-breadcrumbs {
9191
- margin-bottom: 8px;
9192
- }
9193
- .newCloud-page-header {
9194
- font-size: 16px;
9195
- font-family: PingFangSC-Medium, PingFang SC;
9196
- font-weight: 500;
9197
- color: rgba(0, 0, 0, 0.85);
9198
- }
9199
- .newCloud-page-header.newCloud-page-header-large,
9200
- .newCloud-page-header.newCloud-page-header-large .newCloud-page-header-icon {
9201
- font-size: 20px;
9202
- }
9203
- .newCloud-page-header.newCloud-page-header-default,
9204
- .newCloud-page-header.newCloud-page-header-default .newCloud-page-header-icon {
9205
- font-size: 16px;
9206
- }
9207
- .newCloud-page-header.newCloud-page-header-small,
9208
- .newCloud-page-header.newCloud-page-header-small .newCloud-page-header-icon {
9209
- font-size: 14px;
9210
- }
9211
- .newCloud-page-header .newCloud-page-header-icon {
9212
- cursor: pointer;
9213
- }
9214
- .newCloud-page-header .newCloud-page-header-subtitle {
9215
- color: rgba(0, 0, 0, 0.25);
9216
- font-weight: normal;
9217
- }
9218
-
9219
- /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9220
- /* 不要在此引入animation.less及其他放置公用无需编译的css */
9221
- .newCloud-plaintext {
9222
- display: flex;
9223
- gap: 10px;
9224
- color: #666;
9225
- }
9226
- .newCloud-plaintext i {
9227
- cursor: pointer;
9228
- color: #0083ba;
9229
- }
9230
-
9231
- /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9232
- /* 不要在此引入animation.less及其他放置公用无需编译的css */
9233
- .newCloud-progress-small .newCloud-progress-line-container {
9234
- display: inline-flex;
9235
- align-items: center;
9236
- }
9237
- .newCloud-progress-small .newCloud-progress-line-percent-container {
9238
- width: 200px;
9239
- height: 4px;
9240
- border-radius: 2px;
9241
- background: #e8e8e8;
9242
- }
9243
- .newCloud-progress-small .newCloud-progress-line-percent {
9244
- height: 100%;
9245
- border-radius: 2px;
9246
- background: var(--shuyunBlue4);
9247
- transition: width 0.6s ease 0s;
8460
+ .newCloud-progress-small .newCloud-progress-line-percent {
8461
+ height: 100%;
8462
+ border-radius: 2px;
8463
+ background: var(--shuyunBlue4);
8464
+ transition: width 0.6s ease 0s;
9248
8465
  }
9249
8466
  .newCloud-progress-small .newCloud-progress-line-info {
9250
8467
  font-size: 12px;
@@ -10364,108 +9581,92 @@ input::-webkit-search-cancel-button {
10364
9581
  .newCloud-tips.normal {
10365
9582
  background: var(--shuyunBlue1);
10366
9583
  border: 1px solid var(--shuyunBlue2);
10367
- border-radius: 6px;
9584
+ border-radius: 2px;
10368
9585
  }
10369
9586
  .newCloud-tips.normal .close-icon {
10370
- color: rgba(0, 0, 0, 0.45);
10371
- }
10372
- .newCloud-tips.normal .close-icon:hover,
10373
- .newCloud-tips.normal .close-icon:active {
10374
- color: rgba(0, 0, 0, 0.45);
9587
+ color: var(--shuyunBlue3);
10375
9588
  }
10376
9589
  .newCloud-tips.normal .action-icon,
10377
9590
  .newCloud-tips.normal .tip-icon {
10378
9591
  color: var(--shuyunBlue4);
10379
9592
  }
9593
+ .newCloud-tips.normal .close-icon:hover,
10380
9594
  .newCloud-tips.normal .action-icon:hover {
10381
9595
  color: var(--shuyunBlue5);
10382
9596
  }
9597
+ .newCloud-tips.normal .close-icon:active,
10383
9598
  .newCloud-tips.normal .action-icon:active {
10384
9599
  color: var(--shuyunBlue6);
10385
9600
  }
10386
9601
  .newCloud-tips.major {
10387
9602
  background: #fff5e6;
10388
9603
  border: 1px solid #fdd198;
10389
- border-radius: 6px;
9604
+ border-radius: 2px;
10390
9605
  }
10391
9606
  .newCloud-tips.major .close-icon {
10392
- color: rgba(0, 0, 0, 0.45);
10393
- }
10394
- .newCloud-tips.major .close-icon:hover,
10395
- .newCloud-tips.major .close-icon:active {
10396
- color: rgba(0, 0, 0, 0.45);
9607
+ color: #fda33d;
10397
9608
  }
10398
9609
  .newCloud-tips.major .action-icon,
10399
9610
  .newCloud-tips.major .tip-icon {
10400
9611
  color: #fd830a;
10401
9612
  }
9613
+ .newCloud-tips.major .close-icon:hover,
10402
9614
  .newCloud-tips.major .action-icon:hover {
10403
9615
  color: #d66a04;
10404
9616
  }
9617
+ .newCloud-tips.major .close-icon:active,
10405
9618
  .newCloud-tips.major .action-icon:active {
10406
9619
  color: #b05302;
10407
9620
  }
10408
9621
  .newCloud-tips.warning {
10409
9622
  background: #ffeded;
10410
9623
  border: 1px solid #fac8c8;
10411
- border-radius: 6px;
9624
+ border-radius: 2px;
10412
9625
  }
10413
9626
  .newCloud-tips.warning .close-icon {
10414
- color: rgba(0, 0, 0, 0.45);
10415
- }
10416
- .newCloud-tips.warning .close-icon:hover,
10417
- .newCloud-tips.warning .close-icon:active {
10418
- color: rgba(0, 0, 0, 0.45);
9627
+ color: #f07878;
10419
9628
  }
10420
9629
  .newCloud-tips.warning .action-icon,
10421
9630
  .newCloud-tips.warning .tip-icon {
10422
9631
  color: #e74949;
10423
9632
  }
9633
+ .newCloud-tips.warning .close-icon:hover,
10424
9634
  .newCloud-tips.warning .action-icon:hover {
10425
9635
  color: #bd3535;
10426
9636
  }
9637
+ .newCloud-tips.warning .close-icon:active,
10427
9638
  .newCloud-tips.warning .action-icon:active {
10428
9639
  color: #962424;
10429
9640
  }
10430
9641
  .newCloud-tips.success {
10431
9642
  background: #e5f9e7;
10432
9643
  border: 1px solid #abe6b2;
10433
- border-radius: 6px;
9644
+ border-radius: 2px;
10434
9645
  }
10435
9646
  .newCloud-tips.success .close-icon {
10436
- color: rgba(0, 0, 0, 0.45);
10437
- }
10438
- .newCloud-tips.success .close-icon:hover,
10439
- .newCloud-tips.success .close-icon:active {
10440
- color: rgba(0, 0, 0, 0.45);
9647
+ color: #59cc74;
10441
9648
  }
10442
9649
  .newCloud-tips.success .action-icon,
10443
9650
  .newCloud-tips.success .tip-icon {
10444
9651
  color: #21ba45;
10445
9652
  }
9653
+ .newCloud-tips.success .close-icon:hover,
10446
9654
  .newCloud-tips.success .action-icon:hover {
10447
9655
  color: #008f21;
10448
9656
  }
9657
+ .newCloud-tips.success .close-icon:active,
10449
9658
  .newCloud-tips.success .action-icon:active {
10450
9659
  color: #00701e;
10451
9660
  }
10452
9661
  .newCloud-tips.banner {
10453
9662
  overflow: hidden;
10454
9663
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
10455
- border: none;
10456
- border-radius: 0;
10457
9664
  }
10458
9665
  .newCloud-tips.inline {
10459
9666
  display: inline-block;
10460
9667
  background: none;
10461
9668
  border: none;
10462
9669
  }
10463
- .newCloud-tips.small-radius {
10464
- border-radius: 3px;
10465
- }
10466
- .newCloud-tips.large-radius {
10467
- border-radius: 12px;
10468
- }
10469
9670
  .newCloud-tips-container {
10470
9671
  display: flex;
10471
9672
  gap: 8px;
@@ -10497,9 +9698,6 @@ input::-webkit-search-cancel-button {
10497
9698
  display: flex;
10498
9699
  gap: 8px;
10499
9700
  }
10500
- .newCloud-tips-container .msg.hasDesc {
10501
- font-weight: 500;
10502
- }
10503
9701
  .newCloud-tips-container .collapsible .msg,
10504
9702
  .newCloud-tips-container .collapsible .description {
10505
9703
  overflow: hidden;
@@ -10581,28 +9779,6 @@ input::-webkit-search-cancel-button {
10581
9779
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
10582
9780
  content: '';
10583
9781
  }
10584
- .newCloud-toggle-loading {
10585
- display: inline-block;
10586
- border: 1px solid var(--shuyunBlue4);
10587
- border-right-color: #fff;
10588
- border-radius: 50%;
10589
- width: 12px;
10590
- height: 12px;
10591
- position: absolute;
10592
- top: 3px;
10593
- left: 2px;
10594
- z-index: 1;
10595
- box-sizing: border-box;
10596
- animation: load 1.5s infinite linear;
10597
- }
10598
- @keyframes load {
10599
- from {
10600
- transform: rotate(0deg);
10601
- }
10602
- to {
10603
- transform: rotate(360deg);
10604
- }
10605
- }
10606
9782
  .newCloud-toggle-checked {
10607
9783
  background-color: var(--shuyunBlue4);
10608
9784
  }
@@ -10617,9 +9793,6 @@ input::-webkit-search-cancel-button {
10617
9793
  margin-left: -1px;
10618
9794
  transform: translateX(-100%);
10619
9795
  }
10620
- .newCloud-toggle-checked .newCloud-toggle-loading {
10621
- left: calc(100% - 16px);
10622
- }
10623
9796
  .newCloud-toggle-checked .newCloud-toggle-inner {
10624
9797
  padding-left: 0;
10625
9798
  padding-right: 16px;
@@ -10648,11 +9821,6 @@ input::-webkit-search-cancel-button {
10648
9821
  width: 12px;
10649
9822
  height: 12px;
10650
9823
  }
10651
- .newCloud-toggle.small .newCloud-toggle-loading {
10652
- width: 10px;
10653
- height: 10px;
10654
- top: 2px;
10655
- }
10656
9824
  .newCloud-toggle.small .newCloud-toggle-inner {
10657
9825
  padding-left: 12px;
10658
9826
  padding-right: 0;
@@ -10661,46 +9829,18 @@ input::-webkit-search-cancel-button {
10661
9829
  padding-left: 0;
10662
9830
  padding-right: 12px;
10663
9831
  }
10664
- .newCloud-toggle.small.newCloud-toggle-checked .newCloud-toggle-loading {
10665
- left: calc(100% - 12px);
10666
- }
10667
9832
 
10668
9833
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
10669
9834
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
10670
- .newCloud-transfer {
10671
- width: -moz-fit-content;
10672
- width: fit-content;
10673
- }
10674
- .newCloud-transfer.newCloud-transfer-simple {
10675
- border: 1px solid #e8e8e8;
10676
- }
10677
- .newCloud-transfer.newCloud-transfer-simple .newCloud-transfer-panel {
10678
- border: none;
10679
- }
10680
- .newCloud-transfer.newCloud-transfer-simple .newCloud-transfer-panel:first-child {
10681
- border-right: 1px solid #e8e8e8;
10682
- }
10683
- .newCloud-transfer.newCloud-transfer-disabled {
10684
- cursor: not-allowed !important;
10685
- color: rgba(0, 0, 0, 0.25);
10686
- }
10687
- .newCloud-transfer.newCloud-transfer-disabled .newCloud-transfer-button-text {
10688
- background: #f5f5f5;
10689
- }
10690
- .newCloud-transfer.newCloud-transfer-disabled .newCloud-transfer-single-item {
10691
- color: rgba(0, 0, 0, 0.25);
10692
- cursor: not-allowed;
10693
- }
10694
9835
  .newCloud-transfer-panel {
10695
9836
  display: inline-block;
10696
9837
  vertical-align: middle;
10697
9838
  width: 200px;
10698
9839
  height: 300px;
10699
9840
  border-radius: 2px;
10700
- border: 1px solid #e8e8e8;
9841
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
10701
9842
  }
10702
- .newCloud-transfer-panel .newCloud-checkbox-text,
10703
- .newCloud-transfer-panel-header-title {
9843
+ .newCloud-transfer-panel .newCloud-checkbox-text {
10704
9844
  font-size: 14px;
10705
9845
  }
10706
9846
  .newCloud-transfer-panel-header {
@@ -10710,16 +9850,12 @@ input::-webkit-search-cancel-button {
10710
9850
  border-bottom: 1px solid #f5f5f5;
10711
9851
  margin-bottom: 8px;
10712
9852
  padding: 0 12px;
10713
- justify-content: space-between;
10714
- display: flex;
10715
- align-items: center;
10716
9853
  }
10717
9854
  .newCloud-transfer-panel-header-checkbox {
10718
9855
  position: absolute;
10719
9856
  top: 9px;
10720
9857
  }
10721
- .newCloud-transfer-panel-header > span,
10722
- .newCloud-transfer-panel-header > button {
9858
+ .newCloud-transfer-panel-header > span {
10723
9859
  position: absolute;
10724
9860
  right: 12px;
10725
9861
  font-size: 12px;
@@ -10727,8 +9863,7 @@ input::-webkit-search-cancel-button {
10727
9863
  .newCloud-transfer-panel-header-page {
10728
9864
  color: rgba(0, 0, 0, 0.25);
10729
9865
  }
10730
- .newCloud-transfer-panel-header-clear,
10731
- .newCloud-transfer-panel-header-removeAll {
9866
+ .newCloud-transfer-panel-header-clear {
10732
9867
  color: var(--shuyunBlue4);
10733
9868
  cursor: pointer;
10734
9869
  }
@@ -10747,7 +9882,7 @@ input::-webkit-search-cancel-button {
10747
9882
  padding: 5px 12px;
10748
9883
  }
10749
9884
  .newCloud-transfer-panel-content label:hover {
10750
- background: #f5f5f5;
9885
+ background: var(--shuyunBlue1);
10751
9886
  }
10752
9887
  .newCloud-transfer-panel-content.filterable {
10753
9888
  height: calc(100% - 90px);
@@ -10755,19 +9890,6 @@ input::-webkit-search-cancel-button {
10755
9890
  .newCloud-transfer-panel-content .newCloud-checkbox-group {
10756
9891
  width: 100%;
10757
9892
  }
10758
- .newCloud-transfer-panel-content .newCloud-transfer-empty {
10759
- display: inline-block;
10760
- width: 100%;
10761
- height: 100%;
10762
- text-align: center;
10763
- padding-top: calc(50% - 10px);
10764
- box-sizing: border-box;
10765
- font-size: 14px;
10766
- line-height: 20px;
10767
- font-family: PingFangSC-Regular, PingFang SC;
10768
- font-weight: 400;
10769
- color: rgba(0, 0, 0, 0.25);
10770
- }
10771
9893
  .newCloud-transfer-button {
10772
9894
  display: inline-block;
10773
9895
  vertical-align: middle;
@@ -10801,25 +9923,6 @@ input::-webkit-search-cancel-button {
10801
9923
  color: #fff;
10802
9924
  border: 1px solid var(--shuyunBlue4);
10803
9925
  }
10804
- .newCloud-transfer-single-item {
10805
- font-size: 14px;
10806
- line-height: 20px;
10807
- font-weight: 400;
10808
- color: rgba(0, 0, 0, 0.85);
10809
- padding: 6px 12px;
10810
- display: flex;
10811
- justify-content: space-between;
10812
- cursor: pointer;
10813
- }
10814
- .newCloud-transfer-single-item:hover {
10815
- background: #f5f5f5;
10816
- }
10817
- .newCloud-transfer-single-item-remove {
10818
- color: rgba(0, 0, 0, 0.25);
10819
- }
10820
- .newCloud-transfer-single-item-remove:hover {
10821
- color: rgba(0, 0, 0, 0.45);
10822
- }
10823
9926
 
10824
9927
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
10825
9928
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -10837,6 +9940,8 @@ input::-webkit-search-cancel-button {
10837
9940
  }
10838
9941
  .newCloud-tree li {
10839
9942
  list-style: none;
9943
+ border-bottom: 1px solid transparent;
9944
+ border-top: 1px solid transparent;
10840
9945
  }
10841
9946
  .newCloud-tree .move-bottom-style {
10842
9947
  border-bottom: 1px solid #409eff;
@@ -10882,7 +9987,8 @@ input::-webkit-search-cancel-button {
10882
9987
  line-height: 25px;
10883
9988
  }
10884
9989
  .newCloud-tree-search .icon-search {
10885
- color: rgba(0, 0, 0, 0.25);
9990
+ color: #dbdbdb;
9991
+ font-size: 20px;
10886
9992
  cursor: pointer;
10887
9993
  }
10888
9994
  .newCloud-tree-list {
@@ -10920,29 +10026,6 @@ input::-webkit-search-cancel-button {
10920
10026
  .newCloud-tree-list-node-area .node-item-container:hover .edit-icon:hover {
10921
10027
  color: var(--shuyunBlue4);
10922
10028
  }
10923
- .newCloud-tree-list-node-area .node-item-container.support-checkbox .loading-spin {
10924
- top: 0;
10925
- }
10926
- .newCloud-tree-list-node-area .node-item-container .loading-spin {
10927
- position: relative;
10928
- top: 3px;
10929
- display: inline-block;
10930
- width: 12px;
10931
- height: 12px;
10932
- margin: 0 9px;
10933
- border-radius: 50%;
10934
- animation: load 1.5s infinite linear;
10935
- border: 1px solid var(--shuyunBlue4);
10936
- border-right: 1px solid transparent;
10937
- }
10938
- @keyframes load {
10939
- from {
10940
- transform: rotate(0deg);
10941
- }
10942
- to {
10943
- transform: rotate(360deg);
10944
- }
10945
- }
10946
10029
  .newCloud-tree-list-node-area .node-item-container .toggle-icon {
10947
10030
  cursor: pointer;
10948
10031
  font-size: 16px;
@@ -10951,6 +10034,9 @@ input::-webkit-search-cancel-button {
10951
10034
  margin: 0 8px;
10952
10035
  transition: all 0.1s;
10953
10036
  }
10037
+ .newCloud-tree-list-node-area .node-item-container .toggle-icon:hover {
10038
+ color: rgba(0, 0, 0, 0.25);
10039
+ }
10954
10040
  .newCloud-tree-list-node-area .node-item-container .drag-icon {
10955
10041
  display: none;
10956
10042
  width: 4px;
@@ -10977,18 +10063,15 @@ input::-webkit-search-cancel-button {
10977
10063
  text-align: center;
10978
10064
  font-weight: 700;
10979
10065
  }
10980
- .newCloud-tree-list-node-area .node-item-container:hover {
10981
- background: #F5F5F5;
10066
+ .newCloud-tree-list-node-area .node-item-container:not(.support-checkbox):hover {
10067
+ background: var(--shuyunBlue1);
10982
10068
  }
10983
10069
  .newCloud-tree-list-node-area .node-children {
10984
10070
  overflow: hidden;
10985
10071
  }
10986
10072
  .newCloud-tree-list-node-area .node-children-visible .node-item-container {
10987
- opacity: 1;
10988
10073
  height: 32px;
10989
- }
10990
- .newCloud-tree-list-node-area .node-children-visible .node-item-container.add {
10991
- height: auto;
10074
+ opacity: 1;
10992
10075
  }
10993
10076
  .newCloud-tree-list-node-area .node-children-hidden .node-item-container {
10994
10077
  height: 0;
@@ -11060,7 +10143,7 @@ input::-webkit-search-cancel-button {
11060
10143
  width: calc(100% - 25px);
11061
10144
  }
11062
10145
  .newCloud-tree-list-node-area .hot-text {
11063
- color: var(--shuyunBlue4);
10146
+ color: #00aaf1;
11064
10147
  }
11065
10148
  .newCloud-tree-list-node-area .is-add {
11066
10149
  padding-left: 47px;
@@ -11077,7 +10160,7 @@ input::-webkit-search-cancel-button {
11077
10160
  width: 28px;
11078
10161
  }
11079
10162
  .newCloud-tree-list-node-area .is-active:not(.support-checkbox) {
11080
- background: var(--shuyunBlue1) !important;
10163
+ background: #d4e1ff !important;
11081
10164
  }
11082
10165
  .newCloud-tree-list-node-area .break-checkbox .newCloud-checkbox {
11083
10166
  width: auto !important;
@@ -11095,49 +10178,6 @@ input::-webkit-search-cancel-button {
11095
10178
  .newCloud-tree-list .hide-node {
11096
10179
  display: none;
11097
10180
  }
11098
- .newCloud-tree-list .newCloud-tree-list-node-area {
11099
- position: relative;
11100
- }
11101
- .newCloud-tree-list .newCloud-tree-list-node-area .v-line {
11102
- position: absolute;
11103
- height: calc(100% + 17px);
11104
- border-left: 1px solid #E8E8E8;
11105
- z-index: 10;
11106
- }
11107
- .newCloud-tree-list .newCloud-tree-list-node-area .v-line.dashed {
11108
- border-left: 1px dashed #E8E8E8;
11109
- }
11110
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:last-child > .newCloud-tree-list-node-area > .v-line {
11111
- display: none;
11112
- }
11113
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:first-child > .newCloud-tree-list-node-area > .v-line {
11114
- display: block;
11115
- }
11116
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:first-child:last-child > .newCloud-tree-list-node-area > .v-line {
11117
- height: 17px!important;
11118
- }
11119
- .newCloud-tree-list .newCloud-tree-list-node-area .line {
11120
- position: absolute;
11121
- top: 28px;
11122
- left: 16px;
11123
- border-right: 1px solid #E8E8E8;
11124
- height: 5px;
11125
- z-index: 10;
11126
- }
11127
- .newCloud-tree-list .newCloud-tree-list-node-area .line.dashed {
11128
- border-left: 1px dashed #E8E8E8;
11129
- }
11130
- .newCloud-tree-list .newCloud-tree-list-node-area .h-line {
11131
- position: absolute;
11132
- top: 16px;
11133
- left: 16px;
11134
- border-bottom: 1px solid #E8E8E8;
11135
- width: 8px;
11136
- z-index: 10;
11137
- }
11138
- .newCloud-tree-list .newCloud-tree-list-node-area .h-line.dashed {
11139
- border-bottom: 1px dashed #E8E8E8;
11140
- }
11141
10181
  .newCloud-tree-menu {
11142
10182
  width: -moz-fit-content;
11143
10183
  width: fit-content;
@@ -11166,19 +10206,6 @@ input::-webkit-search-cancel-button {
11166
10206
  cursor: not-allowed;
11167
10207
  color: rgba(0, 0, 0, 0.25);
11168
10208
  }
11169
- .newCloud-tree-no-data {
11170
- display: flex;
11171
- flex-direction: column;
11172
- align-items: center;
11173
- font-weight: 400;
11174
- color: rgba(0, 0, 0, 0.25);
11175
- line-height: 20px;
11176
- font-size: 14px;
11177
- }
11178
- .newCloud-tree-no-data > img {
11179
- width: 130px;
11180
- height: 86px;
11181
- }
11182
10209
 
11183
10210
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
11184
10211
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -11195,49 +10222,51 @@ input::-webkit-search-cancel-button {
11195
10222
  box-sizing: border-box;
11196
10223
  }
11197
10224
  .newCloud-tree-select:hover .newCloud-tree-select-selected {
11198
- border: 1px solid var(--shuyunBlue4);
10225
+ border: 1px solid #aacbe1;
10226
+ }
10227
+ .newCloud-tree-select:hover .newCloud-tree-select-selected .newCloud-tree-select-select-icon {
10228
+ color: #aacbe1;
11199
10229
  }
11200
10230
  .newCloud-tree-select .newCloud-tree-select-wrapper {
11201
- height: 32px;
10231
+ height: 30px;
11202
10232
  line-height: 16px;
11203
10233
  background: #fff;
11204
- border: 1px solid #E8E8E8;
10234
+ border: 1px solid #d9d9d9;
11205
10235
  display: flex;
11206
10236
  align-items: center;
11207
10237
  justify-content: space-between;
11208
10238
  cursor: pointer;
11209
- border-radius: 3px;
11210
10239
  }
11211
10240
  .newCloud-tree-select .newCloud-tree-select-wrapper:hover {
11212
- border: 1px solid var(--shuyunBlue4);
10241
+ border: 1px solid #aacbe1;
10242
+ }
10243
+ .newCloud-tree-select .newCloud-tree-select-wrapper:hover .newCloud-tree-select-select-icon {
10244
+ color: #aacbe1;
11213
10245
  }
11214
10246
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled {
11215
- border: 1px solid #e8e8e8;
11216
- background: #f5f5f5;
10247
+ border: 1px solid #d9d9d9;
10248
+ background: #eee;
11217
10249
  cursor: not-allowed;
11218
10250
  }
11219
10251
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled:hover {
11220
- border: 1px solid #e8e8e8;
10252
+ border-color: 1px solid #d9d9d9;
11221
10253
  }
11222
10254
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-selected {
11223
- color: rgba(0, 0, 0, 0.45);
11224
- background: #f5f5f5;
10255
+ color: #c9c9c9;
10256
+ background: #eee;
11225
10257
  cursor: not-allowed;
11226
10258
  }
11227
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon:hover {
11228
- color: rgba(0, 0, 0, 0.25);
11229
- }
11230
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-single-select-selected,
11231
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled.search-in-box .newCloud-tree-select-single-select-selected {
11232
- color: rgba(0, 0, 0, 0.45);
10259
+ .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon {
10260
+ color: #c2c2c2;
11233
10261
  }
11234
10262
  .newCloud-tree-select .newCloud-tree-select-wrapper.empty .newCloud-tree-select-selected {
11235
- color: rgba(0, 0, 0, 0.25);
10263
+ color: #c9c9c9;
11236
10264
  }
11237
10265
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
11238
10266
  flex: 1 0;
11239
- padding: 7px 20px 7px 12px;
11240
- font-size: 14px;
10267
+ padding: 5px;
10268
+ padding-right: 20px;
10269
+ font-size: 12px;
11241
10270
  color: #3d3d3d;
11242
10271
  border: none;
11243
10272
  white-space: nowrap;
@@ -11246,16 +10275,11 @@ input::-webkit-search-cancel-button {
11246
10275
  cursor: pointer;
11247
10276
  }
11248
10277
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
11249
- position: absolute;
11250
- right: 0;
11251
- font-size: 14px;
11252
- color: rgba(0, 0, 0, 0.25);
10278
+ font-size: 12px;
10279
+ color: #c2c2c2;
11253
10280
  margin-right: 10px;
11254
10281
  transition: transform 0.3s;
11255
10282
  }
11256
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon:hover {
11257
- color: rgba(0, 0, 0, 0.45);
11258
- }
11259
10283
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon.open {
11260
10284
  transform: rotate(180deg);
11261
10285
  }
@@ -11271,150 +10295,18 @@ input::-webkit-search-cancel-button {
11271
10295
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-clear-icon.show {
11272
10296
  display: block;
11273
10297
  }
11274
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-search-icon {
11275
- color: rgba(0, 0, 0, 0.25);
11276
- position: absolute;
11277
- right: 10px;
11278
- display: none;
11279
- }
11280
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-search-icon.show {
11281
- display: block;
11282
- }
11283
- .newCloud-tree-select .newCloud-tree-select-wrapper.small {
11284
- height: 28px;
11285
- }
11286
- .newCloud-tree-select .newCloud-tree-select-wrapper.large {
11287
- height: 36px;
11288
- }
11289
- .newCloud-tree-select .newCloud-tree-select-wrapper.search-in-box {
11290
- padding: 6px 0 6px 12px;
11291
- }
11292
- .newCloud-tree-select .newCloud-tree-select-wrapper.search-in-box .newCloud-tree-select-single-search-container {
11293
- display: flex;
11294
- align-items: center;
11295
- width: calc(100% - 28px);
11296
- }
11297
- .newCloud-tree-select .newCloud-tree-select-wrapper.search-in-box .newCloud-tree-select-single-select-selected {
11298
- width: calc(100% - 42px);
11299
- font-size: 14px;
11300
- color: #3d3d3d;
11301
- white-space: nowrap;
11302
- overflow: hidden;
11303
- text-overflow: ellipsis;
11304
- }
11305
- .newCloud-tree-select .newCloud-tree-select-wrapper.search-in-box .newCloud-tree-select-search {
11306
- width: 0;
11307
- flex: 1;
11308
- }
11309
- .newCloud-tree-select .newCloud-tree-select-wrapper.search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-input {
11310
- width: 100%;
11311
- height: 30px;
11312
- border: none;
11313
- padding: 0;
11314
- outline: none;
11315
- z-index: 1;
11316
- background: transparent;
11317
- white-space: nowrap;
11318
- overflow: hidden;
11319
- text-overflow: ellipsis;
11320
- }
11321
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box {
11322
- height: auto;
11323
- min-height: 32px;
11324
- flex-wrap: wrap;
11325
- justify-content: flex-start;
11326
- gap: 4px;
11327
- padding: 4px 0 4px 8px;
11328
- font-size: 14px;
11329
- color: #3d3d3d;
11330
- }
11331
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multi-search-container {
11332
- display: flex;
11333
- align-items: center;
11334
- flex: 1;
11335
- flex-wrap: wrap;
11336
- gap: 4px;
11337
- width: calc(100% - 30px);
11338
- }
11339
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.empty {
11340
- padding: 4px 0 4px 12px;
11341
- }
11342
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.large {
11343
- min-height: 36px;
11344
- }
11345
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.large .newCloud-tree-select-multiple-search-item {
11346
- height: 26px;
11347
- }
11348
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.small {
11349
- min-height: 28px;
11350
- }
11351
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.small .newCloud-tree-select-multiple-search-item {
11352
- height: 20px;
11353
- }
11354
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search {
11355
- position: relative;
11356
- width: 4px;
11357
- }
11358
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-input {
11359
- width: 100%;
11360
- height: 20px;
11361
- border: none;
11362
- padding: 0;
11363
- outline: none;
11364
- z-index: 1;
11365
- background: transparent;
11366
- white-space: nowrap;
11367
- overflow: hidden;
11368
- text-overflow: ellipsis;
11369
- }
11370
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-icon {
11371
- color: rgba(0, 0, 0, 0.25);
11372
- }
11373
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multi-search-placeholder {
11374
- position: absolute;
11375
- color: rgba(0, 0, 0, 0.25);
11376
- }
11377
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item {
11378
- height: 22px;
11379
- line-height: 22px;
11380
- display: inline-flex;
11381
- align-items: center;
11382
- gap: 4px;
11383
- background: #F5F5F5;
11384
- border: 1px solid #f5f5f5;
11385
- border-radius: 2px;
11386
- color: rgba(0, 0, 0, 0.85);
11387
- padding: 0 6px;
11388
- max-width: 100%;
11389
- font-size: 12px;
11390
- }
11391
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item-text {
11392
- white-space: nowrap;
11393
- overflow: hidden;
11394
- text-overflow: ellipsis;
11395
- }
11396
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item i {
11397
- font-size: 12px;
11398
- color: #D8D8D8;
11399
- }
11400
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item.disabled {
11401
- color: rgba(0, 0, 0, 0.45);
11402
- border: 1px solid #E8E8E8;
11403
- }
11404
10298
  .newCloud-tree-select-container {
11405
- opacity: 0;
11406
10299
  z-index: 1020;
11407
10300
  position: absolute;
11408
- transition: opacity 0.2s;
11409
- }
11410
- .newCloud-tree-select-container.show {
11411
- opacity: 1;
11412
10301
  }
11413
10302
  .newCloud-tree-select .no-data {
11414
10303
  text-align: center;
11415
10304
  }
11416
10305
  .newCloud-tree-select-open .newCloud-tree-select-wrapper {
11417
- border: 1px solid var(--shuyunBlue4);
10306
+ border: 1px solid #aacbe1;
10307
+ }
10308
+ .newCloud-tree-select-open .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
10309
+ color: #aacbe1;
11418
10310
  }
11419
10311
  .newCloud-tree-select-options {
11420
10312
  box-sizing: border-box;
@@ -11424,26 +10316,24 @@ input::-webkit-search-cancel-button {
11424
10316
  max-width: 400px;
11425
10317
  min-width: 64px;
11426
10318
  width: 100%;
10319
+ border: 1px solid #d9d9d9;
11427
10320
  background: #fff;
11428
10321
  cursor: pointer;
11429
10322
  overflow: auto;
11430
- box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
11431
- border-radius: 6px;
11432
- padding: 8px 0;
11433
10323
  display: flex;
11434
10324
  flex-direction: column;
11435
10325
  }
11436
10326
  .newCloud-tree-select-options * {
11437
10327
  box-sizing: border-box;
11438
- font-size: 14px;
10328
+ font-size: 12px;
11439
10329
  color: #3d3d3d;
11440
10330
  }
11441
10331
  .newCloud-tree-select-options-confirm {
11442
- padding-bottom: 58px;
10332
+ padding-bottom: 45px;
11443
10333
  }
11444
10334
  .newCloud-tree-select-options .newCloud-tree-select-search {
11445
10335
  width: 100%;
11446
- padding: 0 5px 5px 5px;
10336
+ padding: 5px;
11447
10337
  position: relative;
11448
10338
  }
11449
10339
  .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input {
@@ -11458,12 +10348,22 @@ input::-webkit-search-cancel-button {
11458
10348
  overflow: hidden;
11459
10349
  text-overflow: ellipsis;
11460
10350
  }
10351
+ .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon {
10352
+ color: #dbdbdb;
10353
+ position: absolute;
10354
+ right: 10px;
10355
+ top: 10px;
10356
+ display: none;
10357
+ }
10358
+ .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon.show {
10359
+ display: block;
10360
+ }
11461
10361
  .newCloud-tree-select-options .newCloud-tree-select-empty-options {
11462
- height: 32px;
11463
- line-height: 32px;
10362
+ height: 30px;
10363
+ line-height: 30px;
11464
10364
  margin: 5px;
11465
10365
  text-align: center;
11466
- color: rgba(0, 0, 0, 0.25);
10366
+ color: #c9c9c9;
11467
10367
  cursor: default;
11468
10368
  }
11469
10369
  .newCloud-tree-select-options .newCloud-tree-select-option-list {
@@ -11502,35 +10402,11 @@ input::-webkit-search-cancel-button {
11502
10402
  margin-right: 10px;
11503
10403
  }
11504
10404
  .newCloud-tree-select-options .newCloud-tree {
10405
+ padding: 5px 0;
11505
10406
  overflow: auto;
11506
10407
  }
11507
- .newCloud-tree-select-options .newCloud-tree-list-container {
11508
- padding: 0;
11509
- overflow: hidden!important;
11510
- }
11511
- .newCloud-tree-select-options .newCloud-tree-list-container .loading-spin {
11512
- margin: 0 10px;
11513
- top: 1px;
11514
- }
11515
- .newCloud-tree-select-options .newCloud-tree-search-input {
11516
- height: 25px;
11517
- }
11518
- .newCloud-tree-select-options .newCloud-tree-search-input .icon-search {
11519
- font-size: 14px;
11520
- }
11521
- .newCloud-tree-select-options .newCloud-tree-no-data {
11522
- margin: 16px 0;
11523
- }
11524
- .newCloud-tree-select-options .newCloud-tree-no-data > p {
11525
- font-size: 12px;
11526
- color: rgba(0, 0, 0, 0.25);
11527
- }
11528
- .newCloud-tree-select-options .newCloud-tree-no-data > img {
11529
- width: 104px;
11530
- height: auto;
11531
- margin-bottom: 8px;
11532
- }
11533
10408
  .newCloud-tree-select-single-options {
10409
+ padding: 0;
11534
10410
  z-index: 1020;
11535
10411
  }
11536
10412
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list {
@@ -11541,8 +10417,8 @@ input::-webkit-search-cancel-button {
11541
10417
  display: none;
11542
10418
  justify-content: space-between;
11543
10419
  padding: 5px 10px;
11544
- height: 32px;
11545
- line-height: 22px;
10420
+ height: 30px;
10421
+ line-height: 20px;
11546
10422
  white-space: nowrap;
11547
10423
  overflow: hidden;
11548
10424
  text-overflow: ellipsis;
@@ -11558,7 +10434,7 @@ input::-webkit-search-cancel-button {
11558
10434
  transform: rotate(0deg);
11559
10435
  }
11560
10436
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option .search-text {
11561
- color: var(--shuyunBlue4);
10437
+ color: #00aaf1;
11562
10438
  }
11563
10439
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option-show {
11564
10440
  display: flex;