cloud-business 0.1.113 → 0.1.114-2

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.
@@ -195,50 +195,81 @@ li {
195
195
  background: #d9d9d9;
196
196
  font-size: 18px;
197
197
  color: #ffffff;
198
+ overflow: hidden;
198
199
  }
199
- .newCloud-avatar .newCloud-avatar-icon {
200
- font-size: 18px;
200
+ .newCloud-avatar i {
201
+ font-size: 16px;
202
+ position: relative;
203
+ color: rgba(0, 0, 0, 0.25);
201
204
  }
202
- .newCloud-avatar.newCloud-avatar-16 .newCloud-avatar-icon {
203
- font-size: 12px;
204
- transform: scale(0.75);
205
+ .newCloud-avatar.newCloud-avatar-16 {
206
+ font-size: 14px;
205
207
  }
206
- .newCloud-avatar.newCloud-avatar-24 .newCloud-avatar-icon {
208
+ .newCloud-avatar.newCloud-avatar-16 i {
209
+ top: 3px;
207
210
  font-size: 12px;
208
211
  }
209
- .newCloud-avatar.newCloud-avatar-32 .newCloud-avatar-icon {
212
+ .newCloud-avatar.newCloud-avatar-24 {
210
213
  font-size: 16px;
211
214
  }
212
- .newCloud-avatar.newCloud-avatar-40 .newCloud-avatar-icon {
213
- font-size: 18px;
215
+ .newCloud-avatar.newCloud-avatar-24 i {
216
+ top: 4px;
217
+ font-size: 20px;
214
218
  }
215
- .newCloud-avatar.newCloud-avatar-48 .newCloud-avatar-icon {
216
- font-size: 24px;
219
+ .newCloud-avatar.newCloud-avatar-32 {
220
+ font-size: 20px;
217
221
  }
218
- .newCloud-avatar.newCloud-avatar-60 .newCloud-avatar-icon {
219
- font-size: 30px;
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;
239
+ }
240
+ .newCloud-avatar.newCloud-avatar-60 {
241
+ font-size: 32px;
242
+ }
243
+ .newCloud-avatar.newCloud-avatar-60 i {
244
+ top: 6px;
245
+ font-size: 56px;
220
246
  }
221
247
  .newCloud-avatar.newCloud-avatar-default {
222
248
  width: 24px;
223
249
  height: 24px;
250
+ font-size: 16px;
224
251
  }
225
252
  .newCloud-avatar.newCloud-avatar-default .newCloud-avatar-icon {
226
- font-size: 12px;
253
+ top: 3px;
254
+ font-size: 20px;
227
255
  }
228
256
  .newCloud-avatar.newCloud-avatar-small {
229
257
  width: 16px;
230
258
  height: 16px;
259
+ font-size: 14px;
231
260
  }
232
261
  .newCloud-avatar.newCloud-avatar-small .newCloud-avatar-icon {
233
- font-size: 12px;
234
- transform: scale(0.75);
262
+ top: 2px;
263
+ font-size: 16px;
235
264
  }
236
265
  .newCloud-avatar.newCloud-avatar-large {
237
266
  width: 40px;
238
267
  height: 40px;
268
+ font-size: 22px;
239
269
  }
240
270
  .newCloud-avatar.newCloud-avatar-large .newCloud-avatar-icon {
241
- font-size: 18px;
271
+ top: 4px;
272
+ font-size: 36px;
242
273
  }
243
274
  .newCloud-avatar.newCloud-avatar-circle,
244
275
  .newCloud-avatar.newCloud-avatar-circle img {
@@ -591,35 +622,44 @@ li {
591
622
  right: -3px;
592
623
  display: block;
593
624
  content: '';
594
- width: 8px;
595
- height: 8px;
625
+ width: 6px;
626
+ height: 6px;
596
627
  border-radius: 100%;
597
628
  }
598
629
  .newCloud-badge.newCloud-badge-number .number-container {
599
630
  display: inline-block;
600
- height: 8px;
601
631
  min-width: 8px;
602
- padding: 4px;
632
+ height: 20px;
633
+ line-height: 20px;
634
+ padding: 0 6px;
603
635
  width: -moz-fit-content;
604
636
  width: fit-content;
605
- line-height: 8px;
606
- border-radius: 8px;
637
+ border-radius: 10px;
607
638
  color: #fff;
608
639
  text-align: center;
609
640
  font-size: 12px;
610
- box-sizing: content-box;
611
641
  }
612
- .newCloud-badge.newCloud-badge-dot {
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 {
613
647
  cursor: auto;
614
648
  }
615
- .newCloud-badge.newCloud-badge-dot .text {
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;
616
655
  font-size: 14px;
617
656
  }
618
- .newCloud-badge.newCloud-badge-dot .text:before {
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 {
619
661
  content: '';
620
662
  display: inline-block;
621
- position: relative;
622
- top: -1px;
623
663
  width: 6px;
624
664
  height: 6px;
625
665
  border-radius: 50%;
@@ -710,7 +750,7 @@ li {
710
750
  display: inline-flex;
711
751
  justify-content: center;
712
752
  align-items: center;
713
- border-radius: 2px;
753
+ border-radius: 3px;
714
754
  box-sizing: border-box;
715
755
  outline: none;
716
756
  line-height: 20px;
@@ -729,12 +769,12 @@ li {
729
769
  margin-left: -1px;
730
770
  }
731
771
  .newCloud-button-group .newCloud-button:first-child {
732
- border-top-left-radius: 2px;
733
- border-bottom-left-radius: 2px;
772
+ border-top-left-radius: 3px;
773
+ border-bottom-left-radius: 3px;
734
774
  }
735
775
  .newCloud-button-group .newCloud-button:last-child {
736
- border-top-right-radius: 2px;
737
- border-bottom-right-radius: 2px;
776
+ border-top-right-radius: 3px;
777
+ border-bottom-right-radius: 3px;
738
778
  }
739
779
  .newCloud-button-group .newCloud-button.text:not(:last-child) {
740
780
  margin-right: 8px;
@@ -750,60 +790,57 @@ li {
750
790
  opacity: 0.1;
751
791
  height: 104%;
752
792
  }
753
- .newCloud-button-group .newCloud-button:hover {
793
+ .newCloud-button-group .newCloud-button:not([disabled]):hover {
754
794
  z-index: 2;
755
795
  }
756
796
  .newCloud-button.normal {
757
- border: 1px solid var(--shuyunBlue2);
758
797
  color: var(--shuyunBlue4);
798
+ border: 1px solid var(--shuyunBlue4);
759
799
  background: #fff;
760
800
  }
761
801
  .newCloud-button.normal.tips {
762
- border: 1px solid #fdd198;
763
802
  color: #fd830a;
803
+ border: 1px solid #fdd198;
764
804
  }
765
805
  .newCloud-button.normal.danger {
766
- border: 1px solid #fac8c8;
767
806
  color: #e74949;
807
+ border: 1px solid #fac8c8;
768
808
  }
769
809
  .newCloud-button.normal.success {
770
- border: 1px solid #abe6b2;
771
810
  color: #21ba45;
811
+ border: 1px solid #abe6b2;
772
812
  }
773
813
  .newCloud-button.normal:hover {
774
- background: var(--shuyunBlue1);
814
+ color: var(--shuyunBlue5);
815
+ border: 1px solid var(--shuyunBlue5);
775
816
  }
776
817
  .newCloud-button.normal:hover.tips {
777
- border: 1px solid #fdd198;
778
- background: #fff5e6;
818
+ color: #d66a04;
819
+ border: 1px solid #d66a04;
779
820
  }
780
821
  .newCloud-button.normal:hover.danger {
781
- border: 1px solid #fac8c8;
782
- background: #ffeded;
822
+ color: #bd3535;
823
+ border: 1px solid #bd3535;
783
824
  }
784
825
  .newCloud-button.normal:hover.success {
785
- border: 1px solid #abe6b2;
786
- background: #e5f9e7;
826
+ color: #008f21;
827
+ border: 1px solid #008f21;
787
828
  }
788
829
  .newCloud-button.normal:active {
789
- color: var(--shuyunBlue5);
790
- border: 1px solid var(--shuyunBlue3);
791
- background: var(--shuyunBlue2);
830
+ color: var(--shuyunBlue6);
831
+ border: 1px solid var(--shuyunBlue6);
792
832
  }
793
833
  .newCloud-button.normal:active.tips {
794
- border: 1px solid #fda33d;
795
- color: #d66a04;
796
- background: #fdd198;
834
+ color: #b05302;
835
+ border: 1px solid #b05302;
797
836
  }
798
837
  .newCloud-button.normal:active.danger {
799
- border: 1px solid #f07878;
800
- color: #bd3535;
801
- background: #fac8c8;
838
+ color: #962424;
839
+ border: 1px solid #962424;
802
840
  }
803
841
  .newCloud-button.normal:active.success {
804
- border: 1px solid #59cc74;
805
- color: #008f21;
806
- background: #abe6b2;
842
+ color: #00701e;
843
+ border: 1px solid #00701e;
807
844
  }
808
845
  .newCloud-button.primary {
809
846
  border: 1px solid var(--shuyunBlue4);
@@ -855,56 +892,41 @@ li {
855
892
  background: #00701e;
856
893
  }
857
894
  .newCloud-button.secondary {
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;
895
+ border: 1px solid #e8e8e8;
896
+ color: rgba(0, 0, 0, 0.85);
897
+ background: none;
876
898
  }
877
899
  .newCloud-button.secondary:hover {
878
- border: 1px solid var(--shuyunBlue2);
879
- background: var(--shuyunBlue2);
900
+ color: var(--shuyunBlue4);
901
+ border: 1px solid var(--shuyunBlue4);
880
902
  }
881
903
  .newCloud-button.secondary:hover.tips {
882
- border: 1px solid #fdd198;
883
- background: #fdd198;
904
+ border: 1px solid #fd830a;
905
+ color: #fd830a;
884
906
  }
885
907
  .newCloud-button.secondary:hover.danger {
886
- border: 1px solid #fac8c8;
887
- background: #fac8c8;
908
+ border: 1px solid #e74949;
909
+ color: #e74949;
888
910
  }
889
911
  .newCloud-button.secondary:hover.success {
890
- border: 1px solid #abe6b2;
891
- background: #abe6b2;
912
+ border: 1px solid #21ba45;
913
+ color: #21ba45;
892
914
  }
893
915
  .newCloud-button.secondary:active {
894
- border: 1px solid var(--shuyunBlue3);
895
- background: var(--shuyunBlue3);
916
+ color: var(--shuyunBlue5);
917
+ border: 1px solid var(--shuyunBlue5);
896
918
  }
897
919
  .newCloud-button.secondary:active.tips {
898
- border: 1px solid #fda33d;
899
- background: #fda33d;
920
+ border: 1px solid #d66a04;
921
+ color: #d66a04;
900
922
  }
901
923
  .newCloud-button.secondary:active.danger {
902
- border: 1px solid #f07878;
903
- background: #f07878;
924
+ border: 1px solid #bd3535;
925
+ color: #bd3535;
904
926
  }
905
927
  .newCloud-button.secondary:active.success {
906
- border: 1px solid #59cc74;
907
- background: #59cc74;
928
+ border: 1px solid #008f21;
929
+ color: #008f21;
908
930
  }
909
931
  .newCloud-button.dashed {
910
932
  border: 1px dashed rgba(0, 0, 0, 0.25);
@@ -912,7 +934,7 @@ li {
912
934
  background: transparent;
913
935
  }
914
936
  .newCloud-button.dashed:hover {
915
- border-color: var(--shuyunBlue2);
937
+ border-color: var(--shuyunBlue4);
916
938
  color: var(--shuyunBlue4);
917
939
  }
918
940
  .newCloud-button.dashed:hover.tips {
@@ -928,7 +950,7 @@ li {
928
950
  color: #21ba45;
929
951
  }
930
952
  .newCloud-button.dashed:active {
931
- border-color: var(--shuyunBlue3);
953
+ border-color: var(--shuyunBlue5);
932
954
  color: var(--shuyunBlue5);
933
955
  }
934
956
  .newCloud-button.dashed:active.tips {
@@ -959,22 +981,30 @@ li {
959
981
  color: #21ba45;
960
982
  }
961
983
  .newCloud-button.link:hover {
962
- border-color: #fafafa;
984
+ color: var(--shuyunBlue5);
963
985
  background: #fafafa;
964
986
  }
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
+ }
965
996
  .newCloud-button.link:active {
966
- color: var(--shuyunBlue5);
967
- border-color: #fafafa;
997
+ color: var(--shuyunBlue6);
968
998
  background: #fafafa;
969
999
  }
970
1000
  .newCloud-button.link:active.tips {
971
- color: #d66a04;
1001
+ color: #b05302;
972
1002
  }
973
1003
  .newCloud-button.link:active.danger {
974
- color: #bd3535;
1004
+ color: #962424;
975
1005
  }
976
1006
  .newCloud-button.link:active.success {
977
- color: #008f21;
1007
+ color: #00701e;
978
1008
  }
979
1009
  .newCloud-button.text {
980
1010
  border: none;
@@ -991,64 +1021,77 @@ li {
991
1021
  .newCloud-button.text.success {
992
1022
  color: #21ba45;
993
1023
  }
994
- .newCloud-button.text:active {
1024
+ .newCloud-button.text:hover {
995
1025
  color: var(--shuyunBlue5);
996
1026
  }
997
- .newCloud-button.text:active.tips {
1027
+ .newCloud-button.text:hover.tips {
998
1028
  color: #d66a04;
999
1029
  }
1000
- .newCloud-button.text:active.danger {
1030
+ .newCloud-button.text:hover.danger {
1001
1031
  color: #bd3535;
1002
1032
  }
1003
- .newCloud-button.text:active.success {
1033
+ .newCloud-button.text:hover.success {
1004
1034
  color: #008f21;
1005
1035
  }
1036
+ .newCloud-button.text:active {
1037
+ color: var(--shuyunBlue6);
1038
+ }
1039
+ .newCloud-button.text:active.tips {
1040
+ color: #b05302;
1041
+ }
1042
+ .newCloud-button.text:active.danger {
1043
+ color: #962424;
1044
+ }
1045
+ .newCloud-button.text:active.success {
1046
+ color: #00701e;
1047
+ }
1006
1048
  .newCloud-button.large {
1007
1049
  padding: 7px 15px;
1008
1050
  font-size: 14px;
1051
+ /* 按钮形状: 正方形 */
1009
1052
  }
1010
1053
  .newCloud-button.large.text {
1011
1054
  padding: 0;
1012
1055
  }
1056
+ .newCloud-button.large.shape-square {
1057
+ padding: 12px;
1058
+ }
1013
1059
  .newCloud-button.default {
1014
1060
  padding: 5px 11px;
1015
1061
  font-size: 14px;
1062
+ /* 按钮形状: 正方形 */
1016
1063
  }
1017
1064
  .newCloud-button.default.text {
1018
1065
  padding: 0;
1019
1066
  }
1067
+ .newCloud-button.default.shape-square {
1068
+ padding: 9px;
1069
+ }
1020
1070
  .newCloud-button.small {
1021
- padding: 3px 11px;
1071
+ padding: 1px 7px;
1022
1072
  font-size: 14px;
1073
+ /* 按钮形状: 正方形 */
1023
1074
  }
1024
1075
  .newCloud-button.small.text {
1025
1076
  padding: 0;
1026
1077
  }
1078
+ .newCloud-button.small.shape-square {
1079
+ padding: 6px;
1080
+ }
1027
1081
  .newCloud-button.block {
1028
1082
  width: 100%;
1029
1083
  }
1030
1084
  .newCloud-button[disabled].primary,
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
1085
  .newCloud-button[disabled].normal,
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
1086
  .newCloud-button[disabled].secondary,
1087
+ .newCloud-button[disabled].primary:hover,
1088
+ .newCloud-button[disabled].normal:hover,
1048
1089
  .newCloud-button[disabled].secondary:hover,
1090
+ .newCloud-button[disabled].primary:active,
1091
+ .newCloud-button[disabled].normal:active,
1049
1092
  .newCloud-button[disabled].secondary:active {
1050
1093
  color: rgba(0, 0, 0, 0.25);
1051
- border: 1px solid #f5f5f5;
1094
+ border: 1px solid #e8e8e8;
1052
1095
  background-color: #f5f5f5;
1053
1096
  cursor: not-allowed;
1054
1097
  }
@@ -1076,8 +1119,8 @@ li {
1076
1119
  }
1077
1120
  .newCloud-button-loading-spin {
1078
1121
  display: inline-block;
1079
- width: 14px;
1080
- height: 14px;
1122
+ width: 12px;
1123
+ height: 12px;
1081
1124
  border-radius: 50%;
1082
1125
  animation: load 1.5s infinite linear;
1083
1126
  margin-right: 8px;
@@ -1258,6 +1301,15 @@ li {
1258
1301
  font-size: 16px;
1259
1302
  margin-right: 6px;
1260
1303
  }
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
+ }
1261
1313
 
1262
1314
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
1263
1315
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -1463,7 +1515,7 @@ input::-webkit-search-cancel-button {
1463
1515
  border-color: var(--shuyunBlue4);
1464
1516
  }
1465
1517
  .newCloud-ccascader-selection-item {
1466
- color: rgba(0, 0, 0, 0.65);
1518
+ color: rgba(0, 0, 0, 0.85);
1467
1519
  overflow: hidden;
1468
1520
  white-space: nowrap;
1469
1521
  text-overflow: ellipsis;
@@ -1527,6 +1579,12 @@ input::-webkit-search-cancel-button {
1527
1579
  .newCloud-ccascader-dropdown ::-webkit-scrollbar-track {
1528
1580
  background-color: transparent;
1529
1581
  }
1582
+ .newCloud-ccascader-dropdown.small {
1583
+ border-radius: 3px;
1584
+ }
1585
+ .newCloud-ccascader-dropdown.large {
1586
+ border-radius: 12px;
1587
+ }
1530
1588
  .newCloud-ccascader-checkbox {
1531
1589
  top: 0;
1532
1590
  margin-right: 8px;
@@ -1791,7 +1849,7 @@ input::-webkit-search-cancel-button {
1791
1849
  color: rgba(0, 0, 0, 0.45);
1792
1850
  }
1793
1851
  .newCloud-ccascader-menu-item-keyword {
1794
- color: var(--shuyunBlue3);
1852
+ color: var(--shuyunBlue4);
1795
1853
  }
1796
1854
  .newCloud-ccascader-disabled,
1797
1855
  .newCloud-ccascader-disabled input {
@@ -2237,7 +2295,7 @@ input::-webkit-search-cancel-button {
2237
2295
  gap: 8px;
2238
2296
  cursor: pointer;
2239
2297
  font-size: 14px;
2240
- font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2298
+ font-family: PingFangSC-Regular, PingFang SC;
2241
2299
  font-weight: 400;
2242
2300
  line-height: 20px;
2243
2301
  width: -moz-fit-content;
@@ -2246,6 +2304,13 @@ input::-webkit-search-cancel-button {
2246
2304
  min-width: fit-content !important;
2247
2305
  z-index: 100;
2248
2306
  }
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
+ }
2249
2314
  .newCloud-dropdowns:hover,
2250
2315
  .newCloud-dropdowns:focus,
2251
2316
  .newCloud-dropdowns:active {
@@ -2308,7 +2373,7 @@ input::-webkit-search-cancel-button {
2308
2373
  }
2309
2374
  .newCloud-dropdowns-menu .newCloud-dropdowns-menu-item {
2310
2375
  font-size: 14px;
2311
- font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2376
+ font-family: PingFangSC-Regular, PingFang SC;
2312
2377
  font-weight: 400;
2313
2378
  color: rgba(0, 0, 0, 0.85);
2314
2379
  line-height: 20px;
@@ -2383,15 +2448,19 @@ input::-webkit-search-cancel-button {
2383
2448
  min-height: 26px;
2384
2449
  max-width: 320px;
2385
2450
  min-width: 72px;
2386
- line-height: 1.5;
2451
+ line-height: 18px;
2387
2452
  padding: 8px 12px;
2388
- border-radius: 2px;
2453
+ border-radius: 3px;
2389
2454
  box-sizing: border-box;
2390
2455
  z-index: 1030;
2391
2456
  word-break: break-all;
2392
2457
  top: 0;
2393
2458
  left: 0;
2394
2459
  opacity: 0;
2460
+ transition: opacity 0.25s ease-in;
2461
+ }
2462
+ .newCloud-tooltip.no-arrow:after {
2463
+ display: none !important;
2395
2464
  }
2396
2465
  .newCloud-tooltip.show {
2397
2466
  opacity: 1;
@@ -2414,7 +2483,7 @@ input::-webkit-search-cancel-button {
2414
2483
  .newCloud-tooltip.is-light {
2415
2484
  background-color: #fff;
2416
2485
  color: rgba(0, 0, 0, 0.85);
2417
- box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
2486
+ box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2418
2487
  }
2419
2488
  .newCloud-tooltip.is-light:after {
2420
2489
  border-top-color: #fff;
@@ -2422,6 +2491,7 @@ input::-webkit-search-cancel-button {
2422
2491
  .newCloud-tooltip.is-error {
2423
2492
  background-color: #ff867c;
2424
2493
  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);
2425
2495
  }
2426
2496
  .newCloud-tooltip.is-error:after {
2427
2497
  border-top-color: #ff867c;
@@ -3152,9 +3222,8 @@ input::-webkit-search-cancel-button {
3152
3222
  padding: 2px 8px;
3153
3223
  margin-right: 8px;
3154
3224
  cursor: default;
3155
- background: #fff;
3156
- border: 1px solid #e8e8e8;
3157
- border-radius: 2px;
3225
+ background: #f5f5f5;
3226
+ border-radius: 3px;
3158
3227
  white-space: nowrap;
3159
3228
  overflow: hidden;
3160
3229
  text-overflow: ellipsis;
@@ -3169,6 +3238,9 @@ input::-webkit-search-cancel-button {
3169
3238
  .newCloud-tag.closable {
3170
3239
  padding-right: 24px;
3171
3240
  }
3241
+ .newCloud-tag.closable.checkable {
3242
+ padding-right: 24px;
3243
+ }
3172
3244
  .newCloud-tag.closable .tag-close-wrapper {
3173
3245
  display: flex;
3174
3246
  align-items: center;
@@ -3178,42 +3250,71 @@ input::-webkit-search-cancel-button {
3178
3250
  top: 0;
3179
3251
  }
3180
3252
  .newCloud-tag.closable .tag-close-icon {
3181
- color: rgba(0, 0, 0, 0.25);
3182
- font-size: 7px;
3253
+ font-size: 12px;
3183
3254
  cursor: pointer;
3255
+ color: rgba(0, 0, 0, 0.25);
3184
3256
  }
3185
- .newCloud-tag.icon {
3186
- padding-left: 24px;
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;
3187
3268
  }
3188
3269
  .newCloud-tag.icon .tag-icon {
3189
3270
  position: absolute;
3190
3271
  left: 8px;
3191
- font-size: 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;
3192
3288
  }
3193
3289
  .newCloud-tag.small {
3194
3290
  padding: 1px 4px;
3195
- line-height: 18px;
3291
+ line-height: 16px;
3196
3292
  }
3197
3293
  .newCloud-tag.small.closable {
3198
3294
  padding-right: 20px;
3199
3295
  }
3296
+ .newCloud-tag.small.closable.checkable {
3297
+ padding-right: 20px;
3298
+ }
3200
3299
  .newCloud-tag.small.closable .tag-close-wrapper {
3201
3300
  right: 4px;
3202
3301
  }
3203
3302
  .newCloud-tag.small.icon {
3204
3303
  padding-left: 20px;
3205
3304
  }
3206
- .newCloud-tag.small.icon .tag-icon {
3207
- left: 4px;
3208
- }
3209
3305
  .newCloud-tag.small .rounded {
3210
3306
  border-radius: 12px;
3211
3307
  }
3212
3308
  .newCloud-tag.checkable {
3213
3309
  cursor: pointer;
3310
+ background-color: #fff;
3311
+ border: 1px solid #e8e8e8;
3312
+ padding: 1px 7px;
3214
3313
  }
3215
3314
  .newCloud-tag.checkable:hover {
3216
3315
  color: var(--shuyunBlue4);
3316
+ border-color: var(--shuyunBlue4);
3317
+ background: var(--shuyunBlue1);
3217
3318
  }
3218
3319
  .newCloud-tag.checkable.checked {
3219
3320
  background: var(--shuyunBlue4);
@@ -3223,12 +3324,28 @@ input::-webkit-search-cancel-button {
3223
3324
  .newCloud-tag.checkable.checked .tag-close-icon {
3224
3325
  color: #fff;
3225
3326
  }
3327
+ .newCloud-tag.checkable.disabled {
3328
+ cursor: not-allowed;
3329
+ }
3330
+ .newCloud-tag.checkable.disabled:hover {
3331
+ border: 1px solid #E8E8E8;
3332
+ }
3226
3333
  .newCloud-tag.disabled {
3227
- color: rgba(0, 0, 0, 0.45);
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);
3228
3341
  background: #f5f5f5;
3229
- border: 1px solid #f5f5f5;
3342
+ }
3343
+ .newCloud-tag.disabled.defaultTag,
3344
+ .newCloud-tag.disabled.link {
3345
+ padding: 1px 7px;
3230
3346
  }
3231
3347
  .newCloud-tag.disabled.checked {
3348
+ color: white;
3232
3349
  background: var(--shuyunBlue2);
3233
3350
  border-color: var(--shuyunBlue2);
3234
3351
  }
@@ -3236,17 +3353,18 @@ input::-webkit-search-cancel-button {
3236
3353
  .newCloud-tag.green {
3237
3354
  color: #008f21;
3238
3355
  background-color: #e5f9e7;
3239
- border-color: #e5f9e7;
3356
+ border: none;
3240
3357
  }
3241
3358
  .newCloud-tag.success:hover,
3242
3359
  .newCloud-tag.green:hover {
3243
3360
  color: #008f21;
3361
+ background-color: #e5f9e7;
3362
+ border-color: #e5f9e7;
3244
3363
  cursor: default;
3245
3364
  }
3246
3365
  .newCloud-tag.success.disabled,
3247
3366
  .newCloud-tag.green.disabled {
3248
3367
  color: #59cc74;
3249
- border-color: #e5f9e7;
3250
3368
  }
3251
3369
  .newCloud-tag.success.disabled:hover,
3252
3370
  .newCloud-tag.green.disabled:hover {
@@ -3268,17 +3386,18 @@ input::-webkit-search-cancel-button {
3268
3386
  .newCloud-tag.orange {
3269
3387
  color: #d66a04;
3270
3388
  background-color: #fff5e6;
3271
- border-color: #fff5e6;
3389
+ border: none;
3272
3390
  }
3273
3391
  .newCloud-tag.warning:hover,
3274
3392
  .newCloud-tag.orange:hover {
3275
3393
  color: #d66a04;
3394
+ background-color: #fff5e6;
3395
+ border-color: #fff5e6;
3276
3396
  cursor: default;
3277
3397
  }
3278
3398
  .newCloud-tag.warning.disabled,
3279
3399
  .newCloud-tag.orange.disabled {
3280
3400
  color: #fda33d;
3281
- border-color: #fff5e6;
3282
3401
  }
3283
3402
  .newCloud-tag.warning.disabled:hover,
3284
3403
  .newCloud-tag.orange.disabled:hover {
@@ -3296,30 +3415,25 @@ input::-webkit-search-cancel-button {
3296
3415
  .newCloud-tag.orange .tag-close-icon:active {
3297
3416
  color: #b05302;
3298
3417
  }
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);
3418
+ .newCloud-tag.default .tag-icon {
3419
+ color: rgba(0, 0, 0, 0.25);
3307
3420
  }
3308
3421
  .newCloud-tag.danger,
3309
3422
  .newCloud-tag.red {
3310
3423
  color: #bd3535;
3311
3424
  background-color: #ffeded;
3312
- border-color: #ffeded;
3425
+ border: none;
3313
3426
  }
3314
3427
  .newCloud-tag.danger:hover,
3315
3428
  .newCloud-tag.red:hover {
3316
3429
  color: #bd3535;
3430
+ background-color: #ffeded;
3431
+ border-color: #ffeded;
3317
3432
  cursor: default;
3318
3433
  }
3319
3434
  .newCloud-tag.danger.disabled,
3320
3435
  .newCloud-tag.red.disabled {
3321
3436
  color: #f07878;
3322
- border-color: #ffeded;
3323
3437
  }
3324
3438
  .newCloud-tag.danger.disabled:hover,
3325
3439
  .newCloud-tag.red.disabled:hover {
@@ -3341,17 +3455,18 @@ input::-webkit-search-cancel-button {
3341
3455
  .newCloud-tag.blue {
3342
3456
  color: var(--shuyunBlue5);
3343
3457
  background-color: var(--shuyunBlue1);
3344
- border-color: var(--shuyunBlue1);
3458
+ border: none;
3345
3459
  }
3346
3460
  .newCloud-tag.primary:hover,
3347
3461
  .newCloud-tag.blue:hover {
3348
3462
  color: var(--shuyunBlue5);
3463
+ background-color: var(--shuyunBlue1);
3464
+ border-color: var(--shuyunBlue1);
3349
3465
  cursor: default;
3350
3466
  }
3351
3467
  .newCloud-tag.primary.disabled,
3352
3468
  .newCloud-tag.blue.disabled {
3353
3469
  color: var(--shuyunBlue3);
3354
- border-color: var(--shuyunBlue1);
3355
3470
  }
3356
3471
  .newCloud-tag.primary.disabled:hover,
3357
3472
  .newCloud-tag.blue.disabled:hover {
@@ -3372,15 +3487,16 @@ input::-webkit-search-cancel-button {
3372
3487
  .newCloud-tag.yellow {
3373
3488
  color: #d99800;
3374
3489
  background-color: #fff9db;
3375
- border-color: #fff9db;
3490
+ border: none;
3376
3491
  }
3377
3492
  .newCloud-tag.yellow:hover {
3378
3493
  color: #d99800;
3494
+ background-color: #fff9db;
3495
+ border-color: #fff9db;
3379
3496
  cursor: default;
3380
3497
  }
3381
3498
  .newCloud-tag.yellow.disabled {
3382
3499
  color: #ffcf33;
3383
- border-color: #fff9db;
3384
3500
  }
3385
3501
  .newCloud-tag.yellow.disabled:hover {
3386
3502
  background: #fff9db;
@@ -3397,15 +3513,16 @@ input::-webkit-search-cancel-button {
3397
3513
  .newCloud-tag.gray {
3398
3514
  color: rgba(0, 0, 0, 0.65);
3399
3515
  background-color: #f5f5f5;
3400
- border-color: #f5f5f5;
3516
+ border: none;
3401
3517
  }
3402
3518
  .newCloud-tag.gray:hover {
3403
3519
  color: rgba(0, 0, 0, 0.65);
3520
+ background-color: #f5f5f5;
3521
+ border-color: #f5f5f5;
3404
3522
  cursor: default;
3405
3523
  }
3406
3524
  .newCloud-tag.gray.disabled {
3407
3525
  color: rgba(0, 0, 0, 0.45);
3408
- border-color: #f5f5f5;
3409
3526
  }
3410
3527
  .newCloud-tag.gray.disabled:hover {
3411
3528
  background: #f5f5f5;
@@ -3419,10 +3536,122 @@ input::-webkit-search-cancel-button {
3419
3536
  .newCloud-tag.gray .tag-close-icon:active {
3420
3537
  color: rgba(0, 0, 0, 0.65);
3421
3538
  }
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
+ }
3422
3649
 
3423
3650
  .newCloud-picker {
3651
+ display: inline-flex;
3424
3652
  height: 32px;
3425
3653
  background: #ffffff;
3654
+ border-radius: 3px;
3426
3655
  border: 1px solid #e8e8e8;
3427
3656
  box-sizing: border-box;
3428
3657
  margin: 0;
@@ -3434,14 +3663,14 @@ input::-webkit-search-cancel-button {
3434
3663
  list-style: none;
3435
3664
  padding: 6px 12px;
3436
3665
  position: relative;
3437
- display: inline-flex;
3438
3666
  align-items: center;
3439
- background: #fff;
3440
- border-radius: 2px;
3441
3667
  transition: border 0.3s, box-shadow 0.3s;
3442
3668
  }
3443
3669
  .newCloud-picker:hover {
3444
- border-color: rgba(0, 0, 0, 0.25);
3670
+ border-color: var(--shuyunBlue4);
3671
+ }
3672
+ .newCloud-picker:hover .newCloud-picker-suffix {
3673
+ border-color: var(--shuyunBlue4);
3445
3674
  }
3446
3675
  .newCloud-picker-focused,
3447
3676
  .newCloud-picker-focused:hover {
@@ -3456,6 +3685,9 @@ input::-webkit-search-cancel-button {
3456
3685
  .newCloud-picker-disabled:hover {
3457
3686
  border-color: #e8e8e8;
3458
3687
  }
3688
+ .newCloud-picker-disabled:hover .newCloud-picker-suffix {
3689
+ border-color: #e8e8e8;
3690
+ }
3459
3691
  .newCloud-picker-disabled,
3460
3692
  .newCloud-picker-disabled input {
3461
3693
  cursor: not-allowed;
@@ -3596,8 +3828,8 @@ input::-webkit-search-cancel-button {
3596
3828
  overflow: hidden;
3597
3829
  vertical-align: top;
3598
3830
  background: #fff;
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);
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);
3601
3833
  transition: margin 0.3s;
3602
3834
  }
3603
3835
  .newCloud-picker-panel-container .newCloud-picker-panel {
@@ -3950,10 +4182,6 @@ input::-webkit-search-cancel-button {
3950
4182
  border-radius: 2px;
3951
4183
  transition: background-color 0.3s, border 0.3s;
3952
4184
  }
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
- }
3957
4185
  .newCloud-picker-cell-selected:not(.newCloud-picker-cell-in-range).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
3958
4186
  .newCloud-picker-cell-range-start.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
3959
4187
  .newCloud-picker-cell-range-end.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
@@ -3990,7 +4218,12 @@ input::-webkit-search-cancel-button {
3990
4218
  .newCloud-picker-year-panel .newCloud-picker-content {
3991
4219
  height: 200px;
3992
4220
  }
3993
- .newCloud-picker-week-panel-row:hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
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
+ }
3994
4227
  .newCloud-picker-week-panel-row-range-hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
3995
4228
  background: var(--shuyunBlue1);
3996
4229
  }
@@ -4035,37 +4268,21 @@ input::-webkit-search-cancel-button {
4035
4268
  border-top-left-radius: 0;
4036
4269
  border-bottom-left-radius: 0;
4037
4270
  }
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;
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;
4045
4281
  }
4046
4282
  .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4047
4283
  .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4048
4284
  .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
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;
4285
+ background: var(--shuyunBlue4);
4069
4286
  }
4070
4287
  .newCloud-picker-month-panel .newCloud-picker-cell::before,
4071
4288
  .newCloud-picker-year-panel .newCloud-picker-cell::before,
@@ -4085,12 +4302,22 @@ input::-webkit-search-cancel-button {
4085
4302
  .newCloud-picker-quarter-panel .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
4086
4303
  color: #fff;
4087
4304
  }
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 {
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 {
4091
4308
  color: rgba(0, 0, 0, 0.85);
4092
4309
  background: unset;
4093
4310
  }
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
+ }
4094
4321
  .newCloud-picker-range {
4095
4322
  display: inline-flex;
4096
4323
  align-items: stretch;
@@ -4133,10 +4360,10 @@ input::-webkit-search-cancel-button {
4133
4360
  .has-error .newCloud-picker-range .newCloud-picker-suffix {
4134
4361
  border-color: #e74949 !important;
4135
4362
  }
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;
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);
4140
4367
  }
4141
4368
  .newCloud-picker-range.newCloud-picker-focused .newCloud-picker-input-active {
4142
4369
  border-color: var(--shuyunBlue4) !important;
@@ -4155,7 +4382,7 @@ input::-webkit-search-cancel-button {
4155
4382
  transition: border-color 0.3s;
4156
4383
  }
4157
4384
  .newCloud-picker-range .newCloud-picker-range-separator .newCloud-picker-separator {
4158
- color: rgba(0, 0, 0, 0.25);
4385
+ color: rgba(0, 0, 0, 0.65);
4159
4386
  padding: 0 4px;
4160
4387
  }
4161
4388
  .newCloud-picker-range .newCloud-picker-suffix {
@@ -4236,16 +4463,16 @@ input::-webkit-search-cancel-button {
4236
4463
  .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 {
4237
4464
  right: 8px;
4238
4465
  }
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 {
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 {
4243
4470
  left: 18px;
4244
4471
  }
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 {
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 {
4249
4476
  right: 18px;
4250
4477
  }
4251
4478
  .newCloud-picker-range-wrapper .newCloud-picker-panel-container {
@@ -4350,12 +4577,32 @@ input::-webkit-search-cancel-button {
4350
4577
  transition: border 0.3s, color 0.3s;
4351
4578
  box-sizing: border-box;
4352
4579
  vertical-align: middle;
4353
- border-radius: 2px;
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;
4354
4601
  }
4355
4602
  .newCloud-input,
4356
4603
  .newCloud-input-textarea {
4357
4604
  border: 1px solid #e8e8e8;
4358
- border-radius: 2px;
4605
+ border-radius: 3px;
4359
4606
  outline: none;
4360
4607
  width: 250px;
4361
4608
  vertical-align: top;
@@ -4440,17 +4687,26 @@ input::-webkit-search-cancel-button {
4440
4687
  color: rgba(0, 0, 0, 0.85);
4441
4688
  }
4442
4689
  .newCloud-input-affix:hover {
4443
- border-color: rgba(0, 0, 0, 0.25);
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);
4444
4699
  }
4445
4700
  .newCloud-input-counter {
4446
- font-size: 12px;
4447
- color: #c9c9c9;
4701
+ font-size: 14px;
4702
+ line-height: 20px;
4703
+ color: rgba(0, 0, 0, 0.25);
4448
4704
  word-break: keep-all;
4449
4705
  }
4450
4706
  .newCloud-input-addon {
4451
4707
  position: relative;
4452
4708
  padding: 0 8px;
4453
- color: #666;
4709
+ color: rgba(0, 0, 0, 0.65);
4454
4710
  font-size: 14px;
4455
4711
  line-height: 1;
4456
4712
  text-align: center;
@@ -4518,7 +4774,7 @@ input::-webkit-search-cancel-button {
4518
4774
  }
4519
4775
  .newCloud-input-textarea:hover,
4520
4776
  .newCloud-input:hover {
4521
- border-color: rgba(0, 0, 0, 0.25);
4777
+ border-color: var(--shuyunBlue4);
4522
4778
  }
4523
4779
  .newCloud-input-focus.newCloud-input-affix,
4524
4780
  .newCloud-input-focus .newCloud-input-affix,
@@ -4526,6 +4782,12 @@ input::-webkit-search-cancel-button {
4526
4782
  .newCloud-input:focus {
4527
4783
  border-color: var(--shuyunBlue4);
4528
4784
  }
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
+ }
4529
4791
  .newCloud-input-disabled.newCloud-input-affix,
4530
4792
  .newCloud-input-disabled .newCloud-input-affix,
4531
4793
  .newCloud-input-textarea:disabled,
@@ -4540,6 +4802,18 @@ input::-webkit-search-cancel-button {
4540
4802
  .newCloud-input:disabled:hover {
4541
4803
  border-color: #e8e8e8;
4542
4804
  }
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
+ }
4543
4817
  .newCloud-input-textarea-wrapper {
4544
4818
  position: relative;
4545
4819
  }
@@ -4548,12 +4822,11 @@ input::-webkit-search-cancel-button {
4548
4822
  height: 100%;
4549
4823
  border: 1px solid #e8e8e8;
4550
4824
  background: #ffffff;
4551
- border-radius: 2px;
4825
+ border-radius: 3px;
4552
4826
  }
4553
4827
  .newCloud-input-textarea {
4554
4828
  font-family: inherit;
4555
4829
  width: 100%;
4556
- resize: none;
4557
4830
  border: none;
4558
4831
  }
4559
4832
  .newCloud-input-textarea.has-counter {
@@ -4584,7 +4857,7 @@ input::-webkit-search-cancel-button {
4584
4857
  box-sizing: border-box;
4585
4858
  }
4586
4859
  .newCloud-select:hover .newCloud-select-selected {
4587
- border: 1px solid rgba(0, 0, 0, 0.25);
4860
+ border: 1px solid var(--shuyunBlue4);
4588
4861
  }
4589
4862
  .newCloud-select:hover .newCloud-select-selected .newCloud-select-select-icon {
4590
4863
  color: rgba(0, 0, 0, 0.25);
@@ -4609,33 +4882,40 @@ input::-webkit-search-cancel-button {
4609
4882
  height: 36px;
4610
4883
  }
4611
4884
  .newCloud-select .newCloud-select-wrapper:hover {
4612
- border: 1px solid rgba(0, 0, 0, 0.25);
4885
+ border: 1px solid var(--shuyunBlue4);
4613
4886
  }
4614
4887
  .newCloud-select .newCloud-select-wrapper:hover .newCloud-select-select-icon {
4615
4888
  color: rgba(0, 0, 0, 0.25);
4616
4889
  }
4617
4890
  .newCloud-select .newCloud-select-wrapper.disabled {
4618
- border: 1px solid #d9d9d9;
4619
- background: #eee;
4891
+ border: 1px solid #e8e8e8;
4892
+ background: #f5f5f5;
4620
4893
  cursor: not-allowed;
4621
4894
  }
4622
4895
  .newCloud-select .newCloud-select-wrapper.disabled:hover {
4623
- border-color: 1px solid #d9d9d9;
4896
+ border-color: 1px solid #e8e8e8;
4624
4897
  }
4625
4898
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-selected {
4626
- color: rgba(0, 0, 0, 0.25);
4627
- background: #eee;
4899
+ color: rgba(0, 0, 0, 0.45);
4900
+ background: #f5f5f5;
4628
4901
  cursor: not-allowed;
4629
4902
  }
4630
4903
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-select-icon {
4631
4904
  color: rgba(0, 0, 0, 0.25);
4632
4905
  }
4633
- .newCloud-select .newCloud-select-wrapper.empty .newCloud-select-selected {
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 {
4634
4908
  color: rgba(0, 0, 0, 0.45);
4635
4909
  }
4636
- .newCloud-select .newCloud-select-wrapper.hidden {
4637
- background: transparent;
4638
- border: none;
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;
4639
4919
  }
4640
4920
  .newCloud-select .newCloud-select-wrapper.hidden:hover {
4641
4921
  border: none;
@@ -4643,6 +4923,131 @@ input::-webkit-search-cancel-button {
4643
4923
  .newCloud-select .newCloud-select-wrapper.hidden .newCloud-select-selected {
4644
4924
  background: transparent;
4645
4925
  }
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
+ }
4646
5051
  .newCloud-select .newCloud-select-wrapper .newCloud-select-selected {
4647
5052
  flex: 1 0;
4648
5053
  padding: 6px 12px;
@@ -4655,7 +5060,7 @@ input::-webkit-search-cancel-button {
4655
5060
  cursor: pointer;
4656
5061
  }
4657
5062
  .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon {
4658
- font-size: 14px;
5063
+ font-size: 16px;
4659
5064
  color: rgba(0, 0, 0, 0.25);
4660
5065
  margin-right: 10px;
4661
5066
  transition: transform 0.3s;
@@ -4669,12 +5074,28 @@ input::-webkit-search-cancel-button {
4669
5074
  .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.hidden {
4670
5075
  display: none;
4671
5076
  }
5077
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon:hover {
5078
+ color: rgba(0, 0, 0, 0.45);
5079
+ }
4672
5080
  .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon {
4673
5081
  display: none;
4674
5082
  }
4675
5083
  .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon.show {
4676
5084
  display: block;
4677
5085
  }
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
+ }
4678
5099
  .newCloud-select-open .newCloud-select-wrapper {
4679
5100
  border: 1px solid var(--shuyunBlue4) !important;
4680
5101
  }
@@ -4684,7 +5105,11 @@ input::-webkit-search-cancel-button {
4684
5105
  .newCloud-select-open .newCloud-select-wrapper .newCloud-select-select-icon {
4685
5106
  color: rgba(0, 0, 0, 0.25);
4686
5107
  }
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
+ }
4687
5111
  .newCloud-select-option-container {
5112
+ opacity: 0;
4688
5113
  z-index: 1020;
4689
5114
  width: 100%;
4690
5115
  position: absolute;
@@ -4692,6 +5117,10 @@ input::-webkit-search-cancel-button {
4692
5117
  border-radius: 2px;
4693
5118
  padding: 8px 0;
4694
5119
  background: #fff;
5120
+ transition: opacity 0.2s;
5121
+ }
5122
+ .newCloud-select-option-container.show {
5123
+ opacity: 1;
4695
5124
  }
4696
5125
  .newCloud-select-option-container .divider {
4697
5126
  height: 1px;
@@ -4703,10 +5132,8 @@ input::-webkit-search-cancel-button {
4703
5132
  color: rgba(0, 0, 0, 0.45);
4704
5133
  font-size: 12px;
4705
5134
  margin-left: 12px;
4706
- margin-bottom: 8px;
4707
- }
4708
- .newCloud-select-group-select-options .groupName:not(:first-child) {
4709
- margin-top: 8px;
5135
+ height: 32px;
5136
+ line-height: 32px;
4710
5137
  }
4711
5138
  .newCloud-select-select-options {
4712
5139
  box-sizing: border-box;
@@ -4760,6 +5187,9 @@ input::-webkit-search-cancel-button {
4760
5187
  overflow: hidden;
4761
5188
  text-overflow: ellipsis;
4762
5189
  }
5190
+ .newCloud-select-select-options .newCloud-select-option.newCloud-select-option-select-all {
5191
+ height: auto;
5192
+ }
4763
5193
  .newCloud-select-select-options .newCloud-select-option:hover {
4764
5194
  background: var(--shuyunBlue1);
4765
5195
  }
@@ -4767,7 +5197,7 @@ input::-webkit-search-cancel-button {
4767
5197
  cursor: not-allowed;
4768
5198
  }
4769
5199
  .newCloud-select-select-options .newCloud-select-option.disabled span {
4770
- color: rgba(0, 0, 0, 0.25);
5200
+ color: rgba(0, 0, 0, 0.45);
4771
5201
  }
4772
5202
  .newCloud-select-select-options .newCloud-select-option.selected {
4773
5203
  background: var(--shuyunBlue2);
@@ -4786,6 +5216,11 @@ input::-webkit-search-cancel-button {
4786
5216
  display: flex;
4787
5217
  align-items: center;
4788
5218
  }
5219
+ .newCloud-select-select-options .newCloud-select-multi-option > span > span {
5220
+ white-space: nowrap;
5221
+ overflow: hidden;
5222
+ text-overflow: ellipsis;
5223
+ }
4789
5224
  .newCloud-select-select-options .newCloud-select-single-selected-icon {
4790
5225
  color: var(--shuyunBlue4);
4791
5226
  }
@@ -4796,11 +5231,11 @@ input::-webkit-search-cancel-button {
4796
5231
  align-items: center;
4797
5232
  justify-content: center;
4798
5233
  flex-direction: column;
4799
- font-size: 14px;
4800
- color: rgba(0, 0, 0, 0.45);
5234
+ font-size: 12px;
5235
+ color: rgba(0, 0, 0, 0.25);
4801
5236
  }
4802
5237
  .newCloud-select-select-options .newCloud-select-empty-options > img {
4803
- width: 70%;
5238
+ width: 104px;
4804
5239
  height: auto;
4805
5240
  margin-bottom: 8px;
4806
5241
  }
@@ -4833,6 +5268,11 @@ input::-webkit-search-cancel-button {
4833
5268
  .newCloud-select-select-options .newCloud-select-operate-btn .btn:not(:last-child) {
4834
5269
  margin-right: 10px;
4835
5270
  }
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
+ }
4836
5276
 
4837
5277
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
4838
5278
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -4905,13 +5345,19 @@ input::-webkit-search-cancel-button {
4905
5345
  display: inline-flex;
4906
5346
  align-items: center;
4907
5347
  height: 20px;
5348
+ font-size: 14px;
5349
+ line-height: 20px;
4908
5350
  }
4909
5351
  .newCloud-checkbox:not(.newCloud-checkbox-disabled):hover {
4910
5352
  cursor: pointer;
4911
5353
  }
5354
+ .newCloud-checkbox:not(.newCloud-checkbox-disabled) .newCloud-checkbox-wrapper:hover .newCloud-checkbox-inner {
5355
+ border-color: var(--shuyunBlue4);
5356
+ }
4912
5357
  .newCloud-checkbox-group {
4913
5358
  display: inline-flex;
4914
5359
  flex-wrap: wrap;
5360
+ gap: 8px 20px;
4915
5361
  }
4916
5362
  .newCloud-checkbox-group.vertical {
4917
5363
  flex-direction: column;
@@ -4919,9 +5365,6 @@ input::-webkit-search-cancel-button {
4919
5365
  .newCloud-checkbox-group.horizontal {
4920
5366
  flex-direction: row;
4921
5367
  }
4922
- .newCloud-checkbox-group.horizontal > *:not(:last-child) {
4923
- margin-right: 16px;
4924
- }
4925
5368
  .newCloud-checkbox-wrapper {
4926
5369
  position: relative;
4927
5370
  flex-shrink: 0;
@@ -4970,10 +5413,13 @@ input::-webkit-search-cancel-button {
4970
5413
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner {
4971
5414
  background: #f5f5f5;
4972
5415
  }
5416
+ .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner:hover {
5417
+ border-color: #d9d9d9;
5418
+ }
4973
5419
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-checked .newCloud-checkbox-inner,
4974
5420
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-indeterminate .newCloud-checkbox-inner {
4975
- border-color: var(--shuyunBlue2);
4976
- background: var(--shuyunBlue2);
5421
+ border-color: #d9d9d9;
5422
+ background: #d9d9d9;
4977
5423
  }
4978
5424
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-text {
4979
5425
  color: rgba(0, 0, 0, 0.25);
@@ -4995,7 +5441,7 @@ input::-webkit-search-cancel-button {
4995
5441
  color: #d66a04;
4996
5442
  }
4997
5443
  .newCloud-popover-icon {
4998
- color: #FD830A;
5444
+ color: #fd830a;
4999
5445
  margin-right: 8px;
5000
5446
  font-size: 16px;
5001
5447
  line-height: 20px;
@@ -5008,6 +5454,7 @@ input::-webkit-search-cancel-button {
5008
5454
  .newCloud-popover-title {
5009
5455
  font-size: 14px;
5010
5456
  color: rgba(0, 0, 0, 0.85);
5457
+ font-weight: bold;
5011
5458
  margin-bottom: 4px;
5012
5459
  }
5013
5460
  .newCloud-popover-desc {
@@ -5066,7 +5513,8 @@ input::-webkit-search-cancel-button {
5066
5513
  }
5067
5514
  .newCloud-pagination ul {
5068
5515
  display: flex;
5069
- padding-inline-start: 0;
5516
+ -webkit-padding-start: 0;
5517
+ padding-inline-start: 0;
5070
5518
  }
5071
5519
  .newCloud-pagination ul li {
5072
5520
  min-width: 32px;
@@ -5170,6 +5618,9 @@ input::-webkit-search-cancel-button {
5170
5618
  width: 106px;
5171
5619
  min-width: 106px;
5172
5620
  }
5621
+ .newCloud-pagination .change-size .icon-down {
5622
+ font-size: 16px;
5623
+ }
5173
5624
  .newCloud-pagination.newCloud-pagination-simple ul li,
5174
5625
  .newCloud-pagination.newCloud-pagination-small ul li,
5175
5626
  .newCloud-pagination.newCloud-pagination-mini-page ul li,
@@ -5721,6 +6172,7 @@ input::-webkit-search-cancel-button {
5721
6172
  display: flex;
5722
6173
  align-items: center;
5723
6174
  justify-content: space-between;
6175
+ font-size: 14px;
5724
6176
  }
5725
6177
  .newCloud-table-footer-statistics {
5726
6178
  display: flex;
@@ -6255,7 +6707,6 @@ input::-webkit-search-cancel-button {
6255
6707
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
6256
6708
  .root-cloud-radio-position,
6257
6709
  .newCloud-radio-input.checked + .newCloud-radio-inner::after,
6258
- .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after,
6259
6710
  .newCloud-radio-inner {
6260
6711
  position: absolute;
6261
6712
  top: 0;
@@ -6264,21 +6715,33 @@ input::-webkit-search-cancel-button {
6264
6715
  bottom: 0;
6265
6716
  }
6266
6717
  .newCloud-radio {
6718
+ height: 20px;
6267
6719
  display: inline-flex;
6268
6720
  align-items: center;
6269
- margin-right: 24px;
6721
+ margin-right: 20px;
6270
6722
  cursor: pointer;
6271
6723
  color: #d9d9d9;
6724
+ font-size: 14px;
6272
6725
  }
6273
6726
  .newCloud-radio-group {
6274
6727
  display: inline-flex;
6275
6728
  }
6729
+ .newCloud-radio-group.vertical .newCloud-radio,
6730
+ .newCloud-radio-group.horizontal .newCloud-radio {
6731
+ margin-right: 0;
6732
+ margin-bottom: 0;
6733
+ }
6276
6734
  .newCloud-radio-group.vertical {
6277
6735
  flex-direction: column;
6278
6736
  gap: 16px;
6279
6737
  }
6280
6738
  .newCloud-radio-group.horizontal {
6281
6739
  flex-direction: row;
6740
+ gap: 16px 20px;
6741
+ }
6742
+ .newCloud-radio-container {
6743
+ display: inline-flex;
6744
+ align-items: center;
6282
6745
  }
6283
6746
  .newCloud-radio-container-text {
6284
6747
  color: rgba(0, 0, 0, 0.45);
@@ -6292,7 +6755,7 @@ input::-webkit-search-cancel-button {
6292
6755
  margin-right: 8px;
6293
6756
  }
6294
6757
  .newCloud-radio-wrapper:hover {
6295
- color: rgba(0, 0, 0, 0.25);
6758
+ color: var(--shuyunBlue4);
6296
6759
  }
6297
6760
  .newCloud-radio-input {
6298
6761
  position: absolute;
@@ -6323,11 +6786,10 @@ input::-webkit-search-cancel-button {
6323
6786
  background-color: #f5f5f5;
6324
6787
  }
6325
6788
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner {
6326
- color: var(--shuyunBlue2);
6789
+ color: #d9d9d9;
6327
6790
  }
6328
6791
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after {
6329
- background-color: var(--shuyunBlue2);
6330
- box-shadow: 0 0 5px var(--shuyunBlue2);
6792
+ background-color: #d9d9d9;
6331
6793
  }
6332
6794
  .newCloud-radio-inner {
6333
6795
  z-index: 1;
@@ -6338,7 +6800,6 @@ input::-webkit-search-cancel-button {
6338
6800
  .newCloud-radio-text {
6339
6801
  display: inline-flex;
6340
6802
  align-items: center;
6341
- line-height: 30px;
6342
6803
  color: rgba(0, 0, 0, 0.85);
6343
6804
  }
6344
6805
  .newCloud-radio .disabled {
@@ -6677,14 +7138,52 @@ input::-webkit-search-cancel-button {
6677
7138
  height: 24px;
6678
7139
  width: 24px;
6679
7140
  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;
6680
7148
  }
6681
7149
  .newCloud-complex-title {
6682
7150
  color: rgba(0, 0, 0, 0.85);
6683
- margin-bottom: 4px;
6684
7151
  }
6685
7152
  .newCloud-complex-content {
6686
7153
  color: rgba(0, 0, 0, 0.45);
6687
7154
  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;
6688
7187
  }
6689
7188
  .newCloud-complex.newCloud-complex-overflow-ellipsis .newCloud-complex-content {
6690
7189
  white-space: nowrap;
@@ -6718,7 +7217,8 @@ input::-webkit-search-cancel-button {
6718
7217
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
6719
7218
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
6720
7219
  .newCloud-complex-radio {
6721
- height: 24px;
7220
+ line-height: 20px;
7221
+ height: 20px;
6722
7222
  }
6723
7223
  .newCloud-complex-radio img[alt='header'] {
6724
7224
  height: 24px;
@@ -6732,31 +7232,40 @@ input::-webkit-search-cancel-button {
6732
7232
  min-width: 177px;
6733
7233
  }
6734
7234
  .newCloud-complex-radio-content {
7235
+ margin-top: 4px;
6735
7236
  color: rgba(0, 0, 0, 0.45);
6736
- line-height: 16px;
7237
+ line-height: 20px;
6737
7238
  font-size: 14px;
6738
7239
  }
6739
7240
  .newCloud-complex-radio-card {
6740
7241
  background: #fff;
6741
- padding: 18px;
6742
- border-radius: 2px;
7242
+ padding: 16px;
7243
+ border-radius: 6px;
7244
+ border: 1px solid #e8e8e8;
6743
7245
  }
6744
7246
  .newCloud-complex-radio-card:hover {
6745
- background: #fafafa;
7247
+ border: 1px solid var(--shuyunBlue4);
6746
7248
  }
6747
7249
  .newCloud-complex-radio-card-checked {
6748
- background-color: #f5f8ff;
6749
- border: 1px solid #5280ff;
7250
+ background-color: var(--shuyunBlue1);
7251
+ border: 1px solid var(--shuyunBlue4);
6750
7252
  }
6751
7253
  .newCloud-complex-radio-card-checked:hover {
6752
- background: #f5f8ff;
7254
+ background: var(--shuyunBlue1);
6753
7255
  }
6754
7256
  .newCloud-complex-radio-card-disabled {
6755
- background: #fff !important;
6756
- border: none !important;
7257
+ background: #f5f5f5;
7258
+ border: 1px solid #e8e8e8;
6757
7259
  }
6758
7260
  .newCloud-complex-radio-card-disabled:hover {
6759
- background: #fff !important;
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
7269
  }
6761
7270
  .newCloud-complex-radio.newCloud-complex-radio-overflow-ellipsis .newCloud-complex-radio-content {
6762
7271
  white-space: nowrap;
@@ -6769,7 +7278,7 @@ input::-webkit-search-cancel-button {
6769
7278
  .newCloud-complex-radio.newCloud-complex-radio-img img[alt='header'] {
6770
7279
  height: 48px;
6771
7280
  width: 48px;
6772
- border-radius: 2px;
7281
+ border-radius: 3px;
6773
7282
  }
6774
7283
  .newCloud-complex-radio.newCloud-complex-radio-title-content {
6775
7284
  height: auto;
@@ -6778,7 +7287,6 @@ input::-webkit-search-cancel-button {
6778
7287
  flex-direction: column;
6779
7288
  align-items: flex-start;
6780
7289
  font-size: 14px;
6781
- line-height: 20px;
6782
7290
  }
6783
7291
  .newCloud-complex-radio.newCloud-complex-radio-title-content .newCloud-radio-wrapper {
6784
7292
  align-self: flex-start;
@@ -7190,7 +7698,7 @@ input::-webkit-search-cancel-button {
7190
7698
  }
7191
7699
  .newCloud-form-item {
7192
7700
  display: flex;
7193
- margin-bottom: 24px;
7701
+ margin-bottom: 20px;
7194
7702
  /* layout */
7195
7703
  /* align */
7196
7704
  /* others */
@@ -7219,12 +7727,12 @@ input::-webkit-search-cancel-button {
7219
7727
  .newCloud-form-item.large .newCloud-form-item-label,
7220
7728
  .newCloud-form-item.large .newCloud-form-item-wrapper {
7221
7729
  min-height: 36px;
7222
- line-height: 36px;
7730
+ line-height: 35px;
7223
7731
  }
7224
7732
  .newCloud-form-item.large .newCloud-form-item-label.has-colon::after,
7225
7733
  .newCloud-form-item.large .newCloud-form-item-wrapper.has-colon::after {
7226
7734
  height: 36px;
7227
- line-height: 36px;
7735
+ line-height: 35px;
7228
7736
  }
7229
7737
  .newCloud-form-item.vertical {
7230
7738
  flex-direction: column;
@@ -7270,10 +7778,17 @@ input::-webkit-search-cancel-button {
7270
7778
  top: -0.5px;
7271
7779
  margin: 0 8px 0 2px;
7272
7780
  }
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
+ }
7273
7788
  .newCloud-form-item-explain {
7274
- margin-top: 4px;
7789
+ margin-top: 0;
7790
+ line-height: 20px;
7275
7791
  font-size: 12px;
7276
- line-height: 12px;
7277
7792
  color: #666;
7278
7793
  }
7279
7794
  .newCloud-form-item-explain.error {
@@ -7290,53 +7805,33 @@ input::-webkit-search-cancel-button {
7290
7805
  height: 24px;
7291
7806
  }
7292
7807
  .newCloud-form-item.large .newCloud-radio-text {
7293
- line-height: 36px;
7808
+ line-height: 35px;
7294
7809
  }
7295
7810
  .newCloud-form-item.large .newCloud-picker,
7296
7811
  .newCloud-form-item.large .newCloud-picker-range {
7297
7812
  height: 36px;
7298
7813
  }
7299
- .newCloud-form-item .has-error > .newCloud-select-wrapper,
7814
+ .newCloud-form-item .has-error,
7300
7815
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper,
7301
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper,
7302
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper,
7303
- .newCloud-form-item .has-error > .newCloud-input-number,
7304
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number,
7305
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number,
7306
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number,
7307
- .newCloud-form-item .has-error > .newCloud-input-textarea,
7308
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea,
7309
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea,
7310
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea,
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,
7311
7820
  .newCloud-form-item .has-error > .newCloud-input,
7312
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input,
7313
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input,
7314
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input,
7315
7821
  .newCloud-form-item .has-error > .newCloud-input-affix,
7316
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix,
7317
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix,
7318
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix,
7319
- .newCloud-form-item .has-error > .newCloud-select-wrapper:hover,
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,
7320
7825
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper:hover,
7321
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper:hover,
7322
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper:hover,
7323
- .newCloud-form-item .has-error > .newCloud-input-number:hover,
7324
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number:hover,
7325
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number:hover,
7326
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number:hover,
7327
- .newCloud-form-item .has-error > .newCloud-input-textarea:hover,
7328
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea:hover,
7329
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea:hover,
7330
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea: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,
7331
7830
  .newCloud-form-item .has-error > .newCloud-input:hover,
7332
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input:hover,
7333
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input:hover,
7334
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input:hover,
7335
7831
  .newCloud-form-item .has-error > .newCloud-input-affix:hover,
7336
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix:hover,
7337
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix:hover,
7338
- .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix:hover {
7339
- border-color: #e74949;
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;
7340
7835
  }
7341
7836
  .newCloud-form .col-1 {
7342
7837
  width: 4.166666666666667%;
@@ -7493,7 +7988,7 @@ input::-webkit-search-cancel-button {
7493
7988
  width: 150px;
7494
7989
  color: rgba(0, 0, 0, 0.85);
7495
7990
  border: 1px solid #e8e8e8;
7496
- border-radius: 2px;
7991
+ border-radius: 3px;
7497
7992
  background-color: #fff;
7498
7993
  transition: border-color 0.3s;
7499
7994
  }
@@ -7501,7 +7996,7 @@ input::-webkit-search-cancel-button {
7501
7996
  box-sizing: border-box;
7502
7997
  }
7503
7998
  .newCloud-input-number:not(.newCloud-input-number-focused):not(.newCloud-input-number-disabled):hover {
7504
- border-color: rgba(0, 0, 0, 0.25);
7999
+ border-color: var(--shuyunBlue4);
7505
8000
  }
7506
8001
  .newCloud-input-number-focused {
7507
8002
  border-color: var(--shuyunBlue4);
@@ -7560,6 +8055,10 @@ input::-webkit-search-cancel-button {
7560
8055
  .newCloud-input-number-handler-sub-icon:hover {
7561
8056
  color: var(--shuyunBlue4);
7562
8057
  }
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
+ }
7563
8062
  .newCloud-input-number.large {
7564
8063
  height: 36px;
7565
8064
  line-height: 36px;
@@ -7576,6 +8075,9 @@ input::-webkit-search-cancel-button {
7576
8075
  .newCloud-input-number.large .newCloud-input-number-handle {
7577
8076
  width: calc(36px - 2px);
7578
8077
  }
8078
+ .newCloud-input-number.large .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8079
+ width: calc(100% - 34px);
8080
+ }
7579
8081
  .newCloud-input-number.default {
7580
8082
  height: 32px;
7581
8083
  line-height: 32px;
@@ -7592,6 +8094,9 @@ input::-webkit-search-cancel-button {
7592
8094
  .newCloud-input-number.default .newCloud-input-number-handle {
7593
8095
  width: calc(32px - 2px);
7594
8096
  }
8097
+ .newCloud-input-number.default .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8098
+ width: calc(100% - 30px);
8099
+ }
7595
8100
  .newCloud-input-number.small {
7596
8101
  height: 28px;
7597
8102
  line-height: 28px;
@@ -7612,11 +8117,14 @@ input::-webkit-search-cancel-button {
7612
8117
  .newCloud-input-number.small .newCloud-input-number-handle {
7613
8118
  width: calc(28px - 2px);
7614
8119
  }
8120
+ .newCloud-input-number.small .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8121
+ width: calc(100% - 26px);
8122
+ }
7615
8123
  .newCloud-input-number-handler-wrap {
7616
8124
  position: absolute;
7617
8125
  top: 0;
7618
8126
  right: 0;
7619
- width: 22px;
8127
+ width: 30px;
7620
8128
  height: 100%;
7621
8129
  background: #fff;
7622
8130
  border-left: 1px solid #e8e8e8;
@@ -7638,7 +8146,6 @@ input::-webkit-search-cancel-button {
7638
8146
  align-items: center;
7639
8147
  overflow: hidden;
7640
8148
  color: rgba(0, 0, 0, 0.25);
7641
- font-weight: bold;
7642
8149
  transition: all 0.1s linear;
7643
8150
  }
7644
8151
  .newCloud-input-number-handler-down {
@@ -7650,25 +8157,18 @@ input::-webkit-search-cancel-button {
7650
8157
  cursor: pointer;
7651
8158
  color: var(--shuyunBlue4);
7652
8159
  }
8160
+ .newCloud-input-number-handler-up:active,
8161
+ .newCloud-input-number-handler-down:active {
8162
+ color: rgba(0, 0, 0, 0.45);
8163
+ }
7653
8164
  .newCloud-input-number-handler-disabled,
7654
8165
  .newCloud-input-number-handler-disabled:hover {
7655
8166
  color: rgba(0, 0, 0, 0.25);
7656
8167
  cursor: not-allowed;
7657
8168
  }
7658
- .newCloud-input-number-handler-down-icon,
7659
- .newCloud-input-number-handler-up-icon {
7660
- font-size: 12px;
7661
- transform: scale(0.7);
7662
- }
7663
8169
  .newCloud-input-number-handler-input {
7664
8170
  height: 100%;
7665
8171
  }
7666
- .newCloud-input-number-handler-input-left-right {
7667
- height: 100%;
7668
- position: absolute;
7669
- left: 30px;
7670
- display: inline-block;
7671
- }
7672
8172
  .newCloud-input-number .newCloud-input-number-input {
7673
8173
  font-size: inherit;
7674
8174
  width: 100%;
@@ -7692,6 +8192,55 @@ input::-webkit-search-cancel-button {
7692
8192
  .newCloud-input-number .newCloud-input-number-input::placeholder {
7693
8193
  color: rgba(0, 0, 0, 0.25);
7694
8194
  }
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
+ }
7695
8244
 
7696
8245
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
7697
8246
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -7744,8 +8293,8 @@ input::-webkit-search-cancel-button {
7744
8293
  opacity: 0.6;
7745
8294
  }
7746
8295
  .newCloud-message-success {
7747
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7748
- border-radius: 2px;
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;
7749
8298
  background: #fff;
7750
8299
  }
7751
8300
  .newCloud-message-success .msg-text {
@@ -7763,7 +8312,7 @@ input::-webkit-search-cancel-button {
7763
8312
  color: #3352cc;
7764
8313
  }
7765
8314
  .newCloud-message-success .close-icon {
7766
- color: rgba(0, 0, 0, 0.25);
8315
+ color: rgba(0, 0, 0, 0.45);
7767
8316
  margin-top: 1px;
7768
8317
  }
7769
8318
  .newCloud-message-success .close-icon:hover {
@@ -7773,9 +8322,15 @@ input::-webkit-search-cancel-button {
7773
8322
  color: #21ba45;
7774
8323
  margin-top: 1px;
7775
8324
  }
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
+ }
7776
8331
  .newCloud-message-error {
7777
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7778
- border-radius: 2px;
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;
7779
8334
  background: #fff;
7780
8335
  }
7781
8336
  .newCloud-message-error .msg-text {
@@ -7793,7 +8348,7 @@ input::-webkit-search-cancel-button {
7793
8348
  color: #3352cc;
7794
8349
  }
7795
8350
  .newCloud-message-error .close-icon {
7796
- color: rgba(0, 0, 0, 0.25);
8351
+ color: rgba(0, 0, 0, 0.45);
7797
8352
  margin-top: 1px;
7798
8353
  }
7799
8354
  .newCloud-message-error .close-icon:hover {
@@ -7803,9 +8358,15 @@ input::-webkit-search-cancel-button {
7803
8358
  color: #e74949;
7804
8359
  margin-top: 1px;
7805
8360
  }
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
+ }
7806
8367
  .newCloud-message-info {
7807
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7808
- border-radius: 2px;
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;
7809
8370
  background: #fff;
7810
8371
  }
7811
8372
  .newCloud-message-info .msg-text {
@@ -7823,7 +8384,7 @@ input::-webkit-search-cancel-button {
7823
8384
  color: #3352cc;
7824
8385
  }
7825
8386
  .newCloud-message-info .close-icon {
7826
- color: rgba(0, 0, 0, 0.25);
8387
+ color: rgba(0, 0, 0, 0.45);
7827
8388
  margin-top: 1px;
7828
8389
  }
7829
8390
  .newCloud-message-info .close-icon:hover {
@@ -7833,9 +8394,15 @@ input::-webkit-search-cancel-button {
7833
8394
  color: var(--shuyunBlue4);
7834
8395
  margin-top: 1px;
7835
8396
  }
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
+ }
7836
8403
  .newCloud-message-warn {
7837
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7838
- border-radius: 2px;
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;
7839
8406
  background: #fff;
7840
8407
  }
7841
8408
  .newCloud-message-warn .msg-text {
@@ -7853,7 +8420,7 @@ input::-webkit-search-cancel-button {
7853
8420
  color: #3352cc;
7854
8421
  }
7855
8422
  .newCloud-message-warn .close-icon {
7856
- color: rgba(0, 0, 0, 0.25);
8423
+ color: rgba(0, 0, 0, 0.45);
7857
8424
  margin-top: 1px;
7858
8425
  }
7859
8426
  .newCloud-message-warn .close-icon:hover {
@@ -7863,9 +8430,15 @@ input::-webkit-search-cancel-button {
7863
8430
  color: #fd830a;
7864
8431
  margin-top: 1px;
7865
8432
  }
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
+ }
7866
8439
  .newCloud-message-deepen.newCloud-message-success {
7867
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7868
- border-radius: 2px;
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;
7869
8442
  background: #21ba45;
7870
8443
  }
7871
8444
  .newCloud-message-deepen.newCloud-message-success .msg-text {
@@ -7883,7 +8456,7 @@ input::-webkit-search-cancel-button {
7883
8456
  color: #3352cc;
7884
8457
  }
7885
8458
  .newCloud-message-deepen.newCloud-message-success .close-icon {
7886
- color: rgba(0, 0, 0, 0.25);
8459
+ color: rgba(0, 0, 0, 0.45);
7887
8460
  margin-top: 1px;
7888
8461
  }
7889
8462
  .newCloud-message-deepen.newCloud-message-success .close-icon:hover {
@@ -7893,9 +8466,15 @@ input::-webkit-search-cancel-button {
7893
8466
  color: #fff;
7894
8467
  margin-top: 1px;
7895
8468
  }
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
+ }
7896
8475
  .newCloud-message-deepen.newCloud-message-error {
7897
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7898
- border-radius: 2px;
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;
7899
8478
  background: #e74949;
7900
8479
  }
7901
8480
  .newCloud-message-deepen.newCloud-message-error .msg-text {
@@ -7913,7 +8492,7 @@ input::-webkit-search-cancel-button {
7913
8492
  color: #3352cc;
7914
8493
  }
7915
8494
  .newCloud-message-deepen.newCloud-message-error .close-icon {
7916
- color: rgba(0, 0, 0, 0.25);
8495
+ color: rgba(0, 0, 0, 0.45);
7917
8496
  margin-top: 1px;
7918
8497
  }
7919
8498
  .newCloud-message-deepen.newCloud-message-error .close-icon:hover {
@@ -7923,9 +8502,15 @@ input::-webkit-search-cancel-button {
7923
8502
  color: #fff;
7924
8503
  margin-top: 1px;
7925
8504
  }
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
+ }
7926
8511
  .newCloud-message-deepen.newCloud-message-info {
7927
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7928
- border-radius: 2px;
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;
7929
8514
  background: var(--shuyunBlue4);
7930
8515
  }
7931
8516
  .newCloud-message-deepen.newCloud-message-info .msg-text {
@@ -7943,7 +8528,7 @@ input::-webkit-search-cancel-button {
7943
8528
  color: #3352cc;
7944
8529
  }
7945
8530
  .newCloud-message-deepen.newCloud-message-info .close-icon {
7946
- color: rgba(0, 0, 0, 0.25);
8531
+ color: rgba(0, 0, 0, 0.45);
7947
8532
  margin-top: 1px;
7948
8533
  }
7949
8534
  .newCloud-message-deepen.newCloud-message-info .close-icon:hover {
@@ -7953,9 +8538,15 @@ input::-webkit-search-cancel-button {
7953
8538
  color: #fff;
7954
8539
  margin-top: 1px;
7955
8540
  }
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
+ }
7956
8547
  .newCloud-message-deepen.newCloud-message-warn {
7957
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7958
- border-radius: 2px;
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;
7959
8550
  background: #fd830a;
7960
8551
  }
7961
8552
  .newCloud-message-deepen.newCloud-message-warn .msg-text {
@@ -7973,7 +8564,7 @@ input::-webkit-search-cancel-button {
7973
8564
  color: #3352cc;
7974
8565
  }
7975
8566
  .newCloud-message-deepen.newCloud-message-warn .close-icon {
7976
- color: rgba(0, 0, 0, 0.25);
8567
+ color: rgba(0, 0, 0, 0.45);
7977
8568
  margin-top: 1px;
7978
8569
  }
7979
8570
  .newCloud-message-deepen.newCloud-message-warn .close-icon:hover {
@@ -7983,6 +8574,12 @@ input::-webkit-search-cancel-button {
7983
8574
  color: #fff;
7984
8575
  margin-top: 1px;
7985
8576
  }
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
+ }
7986
8583
 
7987
8584
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
7988
8585
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -8185,7 +8782,6 @@ input::-webkit-search-cancel-button {
8185
8782
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8186
8783
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
8187
8784
  .newCloud-modal {
8188
- font-family: Tahoma, 'Microsoft Yahei', sans-serif;
8189
8785
  position: fixed;
8190
8786
  top: 0;
8191
8787
  right: 0;
@@ -8224,7 +8820,7 @@ input::-webkit-search-cancel-button {
8224
8820
  position: relative;
8225
8821
  top: 20%;
8226
8822
  background: #fff;
8227
- border-radius: 4px;
8823
+ border-radius: 12px;
8228
8824
  white-space: normal;
8229
8825
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
8230
8826
  }
@@ -8253,7 +8849,7 @@ input::-webkit-search-cancel-button {
8253
8849
  align-items: center;
8254
8850
  justify-content: space-between;
8255
8851
  height: 56px;
8256
- border-radius: 4px 4px 0 0;
8852
+ border-radius: 12px 12px 0 0;
8257
8853
  padding: 0 16px;
8258
8854
  color: #000;
8259
8855
  font-size: 16px;
@@ -8262,7 +8858,7 @@ input::-webkit-search-cancel-button {
8262
8858
  line-height: 24px;
8263
8859
  border-bottom: 1px solid #f5f5f5;
8264
8860
  }
8265
- .newCloud-modal-header:active {
8861
+ .newCloud-modal-header.newCloud-modal-header-drag:active {
8266
8862
  cursor: move;
8267
8863
  }
8268
8864
  .newCloud-modal-header .close-icon {
@@ -8283,12 +8879,10 @@ input::-webkit-search-cancel-button {
8283
8879
  max-height: calc(100vh - 200px);
8284
8880
  color: #3d3d3d;
8285
8881
  background-color: white;
8286
- padding: 16px;
8882
+ padding: 20px;
8287
8883
  overflow: auto;
8288
8884
  box-sizing: border-box;
8289
8885
  font-size: 14px;
8290
- scrollbar-width: thin;
8291
- scrollbar-color: #d9d9d9 #f5f5f5;
8292
8886
  }
8293
8887
  .newCloud-modal-body::-webkit-scrollbar {
8294
8888
  width: 8px;
@@ -8297,7 +8891,7 @@ input::-webkit-search-cancel-button {
8297
8891
  .newCloud-modal-body::-webkit-scrollbar-thumb {
8298
8892
  /*滚动条里面小方块*/
8299
8893
  background: #d9d9d9;
8300
- border-radius: 4px;
8894
+ border-radius: 12px;
8301
8895
  }
8302
8896
  .newCloud-modal-body::-webkit-scrollbar-thumb:hover {
8303
8897
  background: rgba(0, 0, 0, 0.45);
@@ -8312,11 +8906,11 @@ input::-webkit-search-cancel-button {
8312
8906
  background: #f5f5f5;
8313
8907
  }
8314
8908
  .newCloud-modal-no-footer {
8315
- border-radius: 0 0 4px 4px;
8909
+ border-radius: 0 0 12px 12px;
8316
8910
  }
8317
8911
  .newCloud-modal-confirm-size {
8318
8912
  min-height: 40px;
8319
- border-radius: 4px;
8913
+ border-radius: 12px;
8320
8914
  }
8321
8915
  .newCloud-modal-size {
8322
8916
  min-height: 202px;
@@ -8325,7 +8919,7 @@ input::-webkit-search-cancel-button {
8325
8919
  padding: 12px 16px;
8326
8920
  background: #fff;
8327
8921
  text-align: right;
8328
- border-radius: 0 0 4px 4px;
8922
+ border-radius: 0 0 12px 12px;
8329
8923
  border-top: 1px solid #f5f5f5;
8330
8924
  }
8331
8925
  .newCloud-modal-footer-default {
@@ -8339,6 +8933,30 @@ input::-webkit-search-cancel-button {
8339
8933
  padding: 16px 24px 24px 24px;
8340
8934
  border-top: none;
8341
8935
  }
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
+ }
8342
8960
  .info-area {
8343
8961
  display: flex;
8344
8962
  justify-content: flex-start;
@@ -8370,10 +8988,9 @@ input::-webkit-search-cancel-button {
8370
8988
  }
8371
8989
  .info-area .icon-style {
8372
8990
  font-size: 24px;
8991
+ line-height: 24px;
8373
8992
  vertical-align: text-top;
8374
8993
  margin-right: 8px;
8375
- position: relative;
8376
- top: -1px;
8377
8994
  }
8378
8995
  .info-area .confirm-style {
8379
8996
  color: #faad14;
@@ -8403,73 +9020,240 @@ input::-webkit-search-cancel-button {
8403
9020
 
8404
9021
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8405
9022
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
8406
- .newCloud-breadcrumbs {
8407
- margin-bottom: 8px;
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;
8408
9031
  }
8409
- .newCloud-page-header {
8410
- font-size: 16px;
8411
- font-family: PingFangSC-Medium, PingFang SC;
8412
- font-weight: 500;
8413
- color: rgba(0, 0, 0, 0.85);
9032
+ .newCloud-notification.small {
9033
+ border-radius: 3px;
8414
9034
  }
8415
- .newCloud-page-header.newCloud-page-header-large,
8416
- .newCloud-page-header.newCloud-page-header-large .newCloud-page-header-icon {
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;
8417
9055
  font-size: 20px;
8418
9056
  }
8419
- .newCloud-page-header.newCloud-page-header-default,
8420
- .newCloud-page-header.newCloud-page-header-default .newCloud-page-header-icon {
8421
- font-size: 16px;
9057
+ .newCloud-notification .info-icon.info {
9058
+ color: #496bf5;
8422
9059
  }
8423
- .newCloud-page-header.newCloud-page-header-small,
8424
- .newCloud-page-header.newCloud-page-header-small .newCloud-page-header-icon {
8425
- font-size: 14px;
9060
+ .newCloud-notification .info-icon.success {
9061
+ color: #21ba45;
8426
9062
  }
8427
- .newCloud-page-header .newCloud-page-header-icon {
8428
- cursor: pointer;
9063
+ .newCloud-notification .info-icon.fail {
9064
+ color: #e74949;
8429
9065
  }
8430
- .newCloud-page-header .newCloud-page-header-subtitle {
8431
- color: rgba(0, 0, 0, 0.25);
8432
- font-weight: normal;
9066
+ .newCloud-notification .info-icon.warn {
9067
+ color: #fd830a;
8433
9068
  }
8434
-
8435
- /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8436
- /* 不要在此引入animation.less及其他放置公用无需编译的css */
8437
- .newCloud-plaintext {
9069
+ .newCloud-notification header {
8438
9070
  display: flex;
8439
- gap: 10px;
8440
- color: #666;
9071
+ align-items: center;
9072
+ justify-content: space-between;
9073
+ height: 24px;
9074
+ line-height: 24px;
9075
+ font-size: 16px;
9076
+ font-weight: 500;
9077
+ color: rgba(0, 0, 0, 0.85);
9078
+ margin-bottom: 8px;
8441
9079
  }
8442
- .newCloud-plaintext i {
9080
+ .newCloud-notification header i.close-icon {
9081
+ font-size: 16px;
9082
+ color: rgba(0, 0, 0, 0.45);
8443
9083
  cursor: pointer;
8444
- color: #0083ba;
8445
9084
  }
8446
-
8447
- /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8448
- /* 不要在此引入animation.less及其他放置公用无需编译的css */
8449
- .newCloud-progress-small .newCloud-progress-line-container {
8450
- display: inline-flex;
9085
+ .newCloud-notification main {
9086
+ line-height: 20px;
9087
+ 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;
8451
9098
  align-items: center;
9099
+ flex-direction: row-reverse;
9100
+ gap: 16px;
9101
+ margin-top: 20px;
8452
9102
  }
8453
- .newCloud-progress-small .newCloud-progress-line-percent-container {
8454
- width: 200px;
8455
- height: 4px;
8456
- border-radius: 2px;
8457
- background: #e8e8e8;
9103
+ .newCloud-notification-img-area {
9104
+ width: 320px;
9105
+ height: 180px;
9106
+ margin: 20px auto;
8458
9107
  }
8459
- .newCloud-progress-small .newCloud-progress-line-percent {
9108
+ .newCloud-notification-img-area img {
9109
+ width: 100%;
8460
9110
  height: 100%;
8461
- border-radius: 2px;
8462
- background: var(--shuyunBlue4);
8463
- transition: width 0.6s ease 0s;
9111
+ border-radius: 6px;
8464
9112
  }
8465
- .newCloud-progress-small .newCloud-progress-line-info {
8466
- font-size: 12px;
8467
- margin-left: 8px;
9113
+
9114
+ /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9115
+ /* 不要在此引入animation.less及其他放置公用无需编译的css */
9116
+ .newCloud-notification-container {
9117
+ z-index: 1100;
9118
+ position: fixed;
8468
9119
  }
8469
- .newCloud-progress-small .newCloud-progress-line-info .percent {
8470
- color: rgba(0, 0, 0, 0.65);
9120
+ .newCloud-notification-container .newCloud-notification-wrapper {
9121
+ position: absolute;
9122
+ width: 360px;
9123
+ transition: all 300ms;
9124
+ margin-bottom: 20px;
8471
9125
  }
8472
- .newCloud-progress-small .newCloud-progress-line-info .icon {
9126
+ .newCloud-notification-container .newCloud-notification-wrapper.fade-out {
9127
+ opacity: 0;
9128
+ }
9129
+ .newCloud-notification-container.top-left {
9130
+ top: 20px;
9131
+ }
9132
+ .newCloud-notification-container.top-left .newCloud-notification-wrapper {
9133
+ left: -360px;
9134
+ }
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;
9248
+ }
9249
+ .newCloud-progress-small .newCloud-progress-line-info {
9250
+ font-size: 12px;
9251
+ margin-left: 8px;
9252
+ }
9253
+ .newCloud-progress-small .newCloud-progress-line-info .percent {
9254
+ color: rgba(0, 0, 0, 0.65);
9255
+ }
9256
+ .newCloud-progress-small .newCloud-progress-line-info .icon {
8473
9257
  color: var(--shuyunBlue4);
8474
9258
  }
8475
9259
  .newCloud-progress-small .newCloud-progress-circle {
@@ -9580,92 +10364,108 @@ input::-webkit-search-cancel-button {
9580
10364
  .newCloud-tips.normal {
9581
10365
  background: var(--shuyunBlue1);
9582
10366
  border: 1px solid var(--shuyunBlue2);
9583
- border-radius: 2px;
10367
+ border-radius: 6px;
9584
10368
  }
9585
10369
  .newCloud-tips.normal .close-icon {
9586
- color: var(--shuyunBlue3);
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
10375
  }
9588
10376
  .newCloud-tips.normal .action-icon,
9589
10377
  .newCloud-tips.normal .tip-icon {
9590
10378
  color: var(--shuyunBlue4);
9591
10379
  }
9592
- .newCloud-tips.normal .close-icon:hover,
9593
10380
  .newCloud-tips.normal .action-icon:hover {
9594
10381
  color: var(--shuyunBlue5);
9595
10382
  }
9596
- .newCloud-tips.normal .close-icon:active,
9597
10383
  .newCloud-tips.normal .action-icon:active {
9598
10384
  color: var(--shuyunBlue6);
9599
10385
  }
9600
10386
  .newCloud-tips.major {
9601
10387
  background: #fff5e6;
9602
10388
  border: 1px solid #fdd198;
9603
- border-radius: 2px;
10389
+ border-radius: 6px;
9604
10390
  }
9605
10391
  .newCloud-tips.major .close-icon {
9606
- color: #fda33d;
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
10397
  }
9608
10398
  .newCloud-tips.major .action-icon,
9609
10399
  .newCloud-tips.major .tip-icon {
9610
10400
  color: #fd830a;
9611
10401
  }
9612
- .newCloud-tips.major .close-icon:hover,
9613
10402
  .newCloud-tips.major .action-icon:hover {
9614
10403
  color: #d66a04;
9615
10404
  }
9616
- .newCloud-tips.major .close-icon:active,
9617
10405
  .newCloud-tips.major .action-icon:active {
9618
10406
  color: #b05302;
9619
10407
  }
9620
10408
  .newCloud-tips.warning {
9621
10409
  background: #ffeded;
9622
10410
  border: 1px solid #fac8c8;
9623
- border-radius: 2px;
10411
+ border-radius: 6px;
9624
10412
  }
9625
10413
  .newCloud-tips.warning .close-icon {
9626
- color: #f07878;
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
10419
  }
9628
10420
  .newCloud-tips.warning .action-icon,
9629
10421
  .newCloud-tips.warning .tip-icon {
9630
10422
  color: #e74949;
9631
10423
  }
9632
- .newCloud-tips.warning .close-icon:hover,
9633
10424
  .newCloud-tips.warning .action-icon:hover {
9634
10425
  color: #bd3535;
9635
10426
  }
9636
- .newCloud-tips.warning .close-icon:active,
9637
10427
  .newCloud-tips.warning .action-icon:active {
9638
10428
  color: #962424;
9639
10429
  }
9640
10430
  .newCloud-tips.success {
9641
10431
  background: #e5f9e7;
9642
10432
  border: 1px solid #abe6b2;
9643
- border-radius: 2px;
10433
+ border-radius: 6px;
9644
10434
  }
9645
10435
  .newCloud-tips.success .close-icon {
9646
- color: #59cc74;
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
10441
  }
9648
10442
  .newCloud-tips.success .action-icon,
9649
10443
  .newCloud-tips.success .tip-icon {
9650
10444
  color: #21ba45;
9651
10445
  }
9652
- .newCloud-tips.success .close-icon:hover,
9653
10446
  .newCloud-tips.success .action-icon:hover {
9654
10447
  color: #008f21;
9655
10448
  }
9656
- .newCloud-tips.success .close-icon:active,
9657
10449
  .newCloud-tips.success .action-icon:active {
9658
10450
  color: #00701e;
9659
10451
  }
9660
10452
  .newCloud-tips.banner {
9661
10453
  overflow: hidden;
9662
10454
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
10455
+ border: none;
10456
+ border-radius: 0;
9663
10457
  }
9664
10458
  .newCloud-tips.inline {
9665
10459
  display: inline-block;
9666
10460
  background: none;
9667
10461
  border: none;
9668
10462
  }
10463
+ .newCloud-tips.small-radius {
10464
+ border-radius: 3px;
10465
+ }
10466
+ .newCloud-tips.large-radius {
10467
+ border-radius: 12px;
10468
+ }
9669
10469
  .newCloud-tips-container {
9670
10470
  display: flex;
9671
10471
  gap: 8px;
@@ -9697,6 +10497,9 @@ input::-webkit-search-cancel-button {
9697
10497
  display: flex;
9698
10498
  gap: 8px;
9699
10499
  }
10500
+ .newCloud-tips-container .msg.hasDesc {
10501
+ font-weight: 500;
10502
+ }
9700
10503
  .newCloud-tips-container .collapsible .msg,
9701
10504
  .newCloud-tips-container .collapsible .description {
9702
10505
  overflow: hidden;
@@ -9778,6 +10581,28 @@ input::-webkit-search-cancel-button {
9778
10581
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
9779
10582
  content: '';
9780
10583
  }
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
+ }
9781
10606
  .newCloud-toggle-checked {
9782
10607
  background-color: var(--shuyunBlue4);
9783
10608
  }
@@ -9792,6 +10617,9 @@ input::-webkit-search-cancel-button {
9792
10617
  margin-left: -1px;
9793
10618
  transform: translateX(-100%);
9794
10619
  }
10620
+ .newCloud-toggle-checked .newCloud-toggle-loading {
10621
+ left: calc(100% - 16px);
10622
+ }
9795
10623
  .newCloud-toggle-checked .newCloud-toggle-inner {
9796
10624
  padding-left: 0;
9797
10625
  padding-right: 16px;
@@ -9820,6 +10648,11 @@ input::-webkit-search-cancel-button {
9820
10648
  width: 12px;
9821
10649
  height: 12px;
9822
10650
  }
10651
+ .newCloud-toggle.small .newCloud-toggle-loading {
10652
+ width: 10px;
10653
+ height: 10px;
10654
+ top: 2px;
10655
+ }
9823
10656
  .newCloud-toggle.small .newCloud-toggle-inner {
9824
10657
  padding-left: 12px;
9825
10658
  padding-right: 0;
@@ -9828,18 +10661,46 @@ input::-webkit-search-cancel-button {
9828
10661
  padding-left: 0;
9829
10662
  padding-right: 12px;
9830
10663
  }
10664
+ .newCloud-toggle.small.newCloud-toggle-checked .newCloud-toggle-loading {
10665
+ left: calc(100% - 12px);
10666
+ }
9831
10667
 
9832
10668
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9833
10669
  /* 不要在此引入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
+ }
9834
10694
  .newCloud-transfer-panel {
9835
10695
  display: inline-block;
9836
10696
  vertical-align: middle;
9837
10697
  width: 200px;
9838
10698
  height: 300px;
9839
10699
  border-radius: 2px;
9840
- box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
10700
+ border: 1px solid #e8e8e8;
9841
10701
  }
9842
- .newCloud-transfer-panel .newCloud-checkbox-text {
10702
+ .newCloud-transfer-panel .newCloud-checkbox-text,
10703
+ .newCloud-transfer-panel-header-title {
9843
10704
  font-size: 14px;
9844
10705
  }
9845
10706
  .newCloud-transfer-panel-header {
@@ -9849,12 +10710,16 @@ input::-webkit-search-cancel-button {
9849
10710
  border-bottom: 1px solid #f5f5f5;
9850
10711
  margin-bottom: 8px;
9851
10712
  padding: 0 12px;
10713
+ justify-content: space-between;
10714
+ display: flex;
10715
+ align-items: center;
9852
10716
  }
9853
10717
  .newCloud-transfer-panel-header-checkbox {
9854
10718
  position: absolute;
9855
10719
  top: 9px;
9856
10720
  }
9857
- .newCloud-transfer-panel-header > span {
10721
+ .newCloud-transfer-panel-header > span,
10722
+ .newCloud-transfer-panel-header > button {
9858
10723
  position: absolute;
9859
10724
  right: 12px;
9860
10725
  font-size: 12px;
@@ -9862,7 +10727,8 @@ input::-webkit-search-cancel-button {
9862
10727
  .newCloud-transfer-panel-header-page {
9863
10728
  color: rgba(0, 0, 0, 0.25);
9864
10729
  }
9865
- .newCloud-transfer-panel-header-clear {
10730
+ .newCloud-transfer-panel-header-clear,
10731
+ .newCloud-transfer-panel-header-removeAll {
9866
10732
  color: var(--shuyunBlue4);
9867
10733
  cursor: pointer;
9868
10734
  }
@@ -9881,7 +10747,7 @@ input::-webkit-search-cancel-button {
9881
10747
  padding: 5px 12px;
9882
10748
  }
9883
10749
  .newCloud-transfer-panel-content label:hover {
9884
- background: var(--shuyunBlue1);
10750
+ background: #f5f5f5;
9885
10751
  }
9886
10752
  .newCloud-transfer-panel-content.filterable {
9887
10753
  height: calc(100% - 90px);
@@ -9889,6 +10755,19 @@ input::-webkit-search-cancel-button {
9889
10755
  .newCloud-transfer-panel-content .newCloud-checkbox-group {
9890
10756
  width: 100%;
9891
10757
  }
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
+ }
9892
10771
  .newCloud-transfer-button {
9893
10772
  display: inline-block;
9894
10773
  vertical-align: middle;
@@ -9922,6 +10801,25 @@ input::-webkit-search-cancel-button {
9922
10801
  color: #fff;
9923
10802
  border: 1px solid var(--shuyunBlue4);
9924
10803
  }
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
+ }
9925
10823
 
9926
10824
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9927
10825
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -9939,8 +10837,6 @@ input::-webkit-search-cancel-button {
9939
10837
  }
9940
10838
  .newCloud-tree li {
9941
10839
  list-style: none;
9942
- border-bottom: 1px solid transparent;
9943
- border-top: 1px solid transparent;
9944
10840
  }
9945
10841
  .newCloud-tree .move-bottom-style {
9946
10842
  border-bottom: 1px solid #409eff;
@@ -9986,8 +10882,7 @@ input::-webkit-search-cancel-button {
9986
10882
  line-height: 25px;
9987
10883
  }
9988
10884
  .newCloud-tree-search .icon-search {
9989
- color: #dbdbdb;
9990
- font-size: 20px;
10885
+ color: rgba(0, 0, 0, 0.25);
9991
10886
  cursor: pointer;
9992
10887
  }
9993
10888
  .newCloud-tree-list {
@@ -10025,6 +10920,29 @@ input::-webkit-search-cancel-button {
10025
10920
  .newCloud-tree-list-node-area .node-item-container:hover .edit-icon:hover {
10026
10921
  color: var(--shuyunBlue4);
10027
10922
  }
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
+ }
10028
10946
  .newCloud-tree-list-node-area .node-item-container .toggle-icon {
10029
10947
  cursor: pointer;
10030
10948
  font-size: 16px;
@@ -10033,9 +10951,6 @@ input::-webkit-search-cancel-button {
10033
10951
  margin: 0 8px;
10034
10952
  transition: all 0.1s;
10035
10953
  }
10036
- .newCloud-tree-list-node-area .node-item-container .toggle-icon:hover {
10037
- color: rgba(0, 0, 0, 0.25);
10038
- }
10039
10954
  .newCloud-tree-list-node-area .node-item-container .drag-icon {
10040
10955
  display: none;
10041
10956
  width: 4px;
@@ -10062,15 +10977,18 @@ input::-webkit-search-cancel-button {
10062
10977
  text-align: center;
10063
10978
  font-weight: 700;
10064
10979
  }
10065
- .newCloud-tree-list-node-area .node-item-container:not(.support-checkbox):hover {
10066
- background: var(--shuyunBlue1);
10980
+ .newCloud-tree-list-node-area .node-item-container:hover {
10981
+ background: #F5F5F5;
10067
10982
  }
10068
10983
  .newCloud-tree-list-node-area .node-children {
10069
10984
  overflow: hidden;
10070
10985
  }
10071
10986
  .newCloud-tree-list-node-area .node-children-visible .node-item-container {
10072
- height: 32px;
10073
10987
  opacity: 1;
10988
+ height: 32px;
10989
+ }
10990
+ .newCloud-tree-list-node-area .node-children-visible .node-item-container.add {
10991
+ height: auto;
10074
10992
  }
10075
10993
  .newCloud-tree-list-node-area .node-children-hidden .node-item-container {
10076
10994
  height: 0;
@@ -10142,7 +11060,7 @@ input::-webkit-search-cancel-button {
10142
11060
  width: calc(100% - 25px);
10143
11061
  }
10144
11062
  .newCloud-tree-list-node-area .hot-text {
10145
- color: #00aaf1;
11063
+ color: var(--shuyunBlue4);
10146
11064
  }
10147
11065
  .newCloud-tree-list-node-area .is-add {
10148
11066
  padding-left: 47px;
@@ -10159,7 +11077,7 @@ input::-webkit-search-cancel-button {
10159
11077
  width: 28px;
10160
11078
  }
10161
11079
  .newCloud-tree-list-node-area .is-active:not(.support-checkbox) {
10162
- background: #d4e1ff !important;
11080
+ background: var(--shuyunBlue1) !important;
10163
11081
  }
10164
11082
  .newCloud-tree-list-node-area .break-checkbox .newCloud-checkbox {
10165
11083
  width: auto !important;
@@ -10177,6 +11095,49 @@ input::-webkit-search-cancel-button {
10177
11095
  .newCloud-tree-list .hide-node {
10178
11096
  display: none;
10179
11097
  }
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
+ }
10180
11141
  .newCloud-tree-menu {
10181
11142
  width: -moz-fit-content;
10182
11143
  width: fit-content;
@@ -10205,6 +11166,19 @@ input::-webkit-search-cancel-button {
10205
11166
  cursor: not-allowed;
10206
11167
  color: rgba(0, 0, 0, 0.25);
10207
11168
  }
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
+ }
10208
11182
 
10209
11183
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
10210
11184
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -10221,51 +11195,49 @@ input::-webkit-search-cancel-button {
10221
11195
  box-sizing: border-box;
10222
11196
  }
10223
11197
  .newCloud-tree-select:hover .newCloud-tree-select-selected {
10224
- border: 1px solid #aacbe1;
10225
- }
10226
- .newCloud-tree-select:hover .newCloud-tree-select-selected .newCloud-tree-select-select-icon {
10227
- color: #aacbe1;
11198
+ border: 1px solid var(--shuyunBlue4);
10228
11199
  }
10229
11200
  .newCloud-tree-select .newCloud-tree-select-wrapper {
10230
- height: 30px;
11201
+ height: 32px;
10231
11202
  line-height: 16px;
10232
11203
  background: #fff;
10233
- border: 1px solid #d9d9d9;
11204
+ border: 1px solid #E8E8E8;
10234
11205
  display: flex;
10235
11206
  align-items: center;
10236
11207
  justify-content: space-between;
10237
11208
  cursor: pointer;
11209
+ border-radius: 3px;
10238
11210
  }
10239
11211
  .newCloud-tree-select .newCloud-tree-select-wrapper:hover {
10240
- border: 1px solid #aacbe1;
10241
- }
10242
- .newCloud-tree-select .newCloud-tree-select-wrapper:hover .newCloud-tree-select-select-icon {
10243
- color: #aacbe1;
11212
+ border: 1px solid var(--shuyunBlue4);
10244
11213
  }
10245
11214
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled {
10246
- border: 1px solid #d9d9d9;
10247
- background: #eee;
11215
+ border: 1px solid #e8e8e8;
11216
+ background: #f5f5f5;
10248
11217
  cursor: not-allowed;
10249
11218
  }
10250
11219
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled:hover {
10251
- border-color: 1px solid #d9d9d9;
11220
+ border: 1px solid #e8e8e8;
10252
11221
  }
10253
11222
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-selected {
10254
- color: #c9c9c9;
10255
- background: #eee;
11223
+ color: rgba(0, 0, 0, 0.45);
11224
+ background: #f5f5f5;
10256
11225
  cursor: not-allowed;
10257
11226
  }
10258
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon {
10259
- color: #c2c2c2;
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);
10260
11233
  }
10261
11234
  .newCloud-tree-select .newCloud-tree-select-wrapper.empty .newCloud-tree-select-selected {
10262
- color: #c9c9c9;
11235
+ color: rgba(0, 0, 0, 0.25);
10263
11236
  }
10264
11237
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
10265
11238
  flex: 1 0;
10266
- padding: 5px;
10267
- padding-right: 20px;
10268
- font-size: 12px;
11239
+ padding: 7px 20px 7px 12px;
11240
+ font-size: 14px;
10269
11241
  color: #3d3d3d;
10270
11242
  border: none;
10271
11243
  white-space: nowrap;
@@ -10274,11 +11246,16 @@ input::-webkit-search-cancel-button {
10274
11246
  cursor: pointer;
10275
11247
  }
10276
11248
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
10277
- font-size: 12px;
10278
- color: #c2c2c2;
11249
+ position: absolute;
11250
+ right: 0;
11251
+ font-size: 14px;
11252
+ color: rgba(0, 0, 0, 0.25);
10279
11253
  margin-right: 10px;
10280
11254
  transition: transform 0.3s;
10281
11255
  }
11256
+ .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon:hover {
11257
+ color: rgba(0, 0, 0, 0.45);
11258
+ }
10282
11259
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon.open {
10283
11260
  transform: rotate(180deg);
10284
11261
  }
@@ -10294,18 +11271,150 @@ input::-webkit-search-cancel-button {
10294
11271
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-clear-icon.show {
10295
11272
  display: block;
10296
11273
  }
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
+ }
10297
11404
  .newCloud-tree-select-container {
11405
+ opacity: 0;
10298
11406
  z-index: 1020;
10299
11407
  position: absolute;
11408
+ transition: opacity 0.2s;
11409
+ }
11410
+ .newCloud-tree-select-container.show {
11411
+ opacity: 1;
10300
11412
  }
10301
11413
  .newCloud-tree-select .no-data {
10302
11414
  text-align: center;
10303
11415
  }
10304
11416
  .newCloud-tree-select-open .newCloud-tree-select-wrapper {
10305
- border: 1px solid #aacbe1;
10306
- }
10307
- .newCloud-tree-select-open .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
10308
- color: #aacbe1;
11417
+ border: 1px solid var(--shuyunBlue4);
10309
11418
  }
10310
11419
  .newCloud-tree-select-options {
10311
11420
  box-sizing: border-box;
@@ -10315,24 +11424,26 @@ input::-webkit-search-cancel-button {
10315
11424
  max-width: 400px;
10316
11425
  min-width: 64px;
10317
11426
  width: 100%;
10318
- border: 1px solid #d9d9d9;
10319
11427
  background: #fff;
10320
11428
  cursor: pointer;
10321
11429
  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;
10322
11433
  display: flex;
10323
11434
  flex-direction: column;
10324
11435
  }
10325
11436
  .newCloud-tree-select-options * {
10326
11437
  box-sizing: border-box;
10327
- font-size: 12px;
11438
+ font-size: 14px;
10328
11439
  color: #3d3d3d;
10329
11440
  }
10330
11441
  .newCloud-tree-select-options-confirm {
10331
- padding-bottom: 45px;
11442
+ padding-bottom: 58px;
10332
11443
  }
10333
11444
  .newCloud-tree-select-options .newCloud-tree-select-search {
10334
11445
  width: 100%;
10335
- padding: 5px;
11446
+ padding: 0 5px 5px 5px;
10336
11447
  position: relative;
10337
11448
  }
10338
11449
  .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input {
@@ -10347,22 +11458,12 @@ input::-webkit-search-cancel-button {
10347
11458
  overflow: hidden;
10348
11459
  text-overflow: ellipsis;
10349
11460
  }
10350
- .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon {
10351
- color: #dbdbdb;
10352
- position: absolute;
10353
- right: 10px;
10354
- top: 10px;
10355
- display: none;
10356
- }
10357
- .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon.show {
10358
- display: block;
10359
- }
10360
11461
  .newCloud-tree-select-options .newCloud-tree-select-empty-options {
10361
- height: 30px;
10362
- line-height: 30px;
11462
+ height: 32px;
11463
+ line-height: 32px;
10363
11464
  margin: 5px;
10364
11465
  text-align: center;
10365
- color: #c9c9c9;
11466
+ color: rgba(0, 0, 0, 0.25);
10366
11467
  cursor: default;
10367
11468
  }
10368
11469
  .newCloud-tree-select-options .newCloud-tree-select-option-list {
@@ -10401,11 +11502,35 @@ input::-webkit-search-cancel-button {
10401
11502
  margin-right: 10px;
10402
11503
  }
10403
11504
  .newCloud-tree-select-options .newCloud-tree {
10404
- padding: 5px 0;
10405
11505
  overflow: auto;
10406
11506
  }
10407
- .newCloud-tree-select-single-options {
11507
+ .newCloud-tree-select-options .newCloud-tree-list-container {
10408
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
+ .newCloud-tree-select-single-options {
10409
11534
  z-index: 1020;
10410
11535
  }
10411
11536
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list {
@@ -10416,8 +11541,8 @@ input::-webkit-search-cancel-button {
10416
11541
  display: none;
10417
11542
  justify-content: space-between;
10418
11543
  padding: 5px 10px;
10419
- height: 30px;
10420
- line-height: 20px;
11544
+ height: 32px;
11545
+ line-height: 22px;
10421
11546
  white-space: nowrap;
10422
11547
  overflow: hidden;
10423
11548
  text-overflow: ellipsis;
@@ -10433,7 +11558,7 @@ input::-webkit-search-cancel-button {
10433
11558
  transform: rotate(0deg);
10434
11559
  }
10435
11560
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option .search-text {
10436
- color: #00aaf1;
11561
+ color: var(--shuyunBlue4);
10437
11562
  }
10438
11563
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option-show {
10439
11564
  display: flex;