cloud-business 0.1.119-5 → 0.1.120

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,81 +195,50 @@ li {
195
195
  background: #d9d9d9;
196
196
  font-size: 18px;
197
197
  color: #ffffff;
198
- overflow: hidden;
199
198
  }
200
- .newCloud-avatar i {
201
- font-size: 16px;
202
- position: relative;
203
- color: rgba(0, 0, 0, 0.25);
199
+ .newCloud-avatar .newCloud-avatar-icon {
200
+ font-size: 18px;
204
201
  }
205
- .newCloud-avatar.newCloud-avatar-16 {
206
- font-size: 14px;
202
+ .newCloud-avatar.newCloud-avatar-16 .newCloud-avatar-icon {
203
+ font-size: 12px;
204
+ transform: scale(0.75);
207
205
  }
208
- .newCloud-avatar.newCloud-avatar-16 i {
209
- top: 3px;
206
+ .newCloud-avatar.newCloud-avatar-24 .newCloud-avatar-icon {
210
207
  font-size: 12px;
211
208
  }
212
- .newCloud-avatar.newCloud-avatar-24 {
209
+ .newCloud-avatar.newCloud-avatar-32 .newCloud-avatar-icon {
213
210
  font-size: 16px;
214
211
  }
215
- .newCloud-avatar.newCloud-avatar-24 i {
216
- top: 4px;
217
- font-size: 20px;
218
- }
219
- .newCloud-avatar.newCloud-avatar-32 {
220
- font-size: 20px;
221
- }
222
- .newCloud-avatar.newCloud-avatar-32 i {
223
- top: 4px;
224
- font-size: 28px;
225
- }
226
- .newCloud-avatar.newCloud-avatar-40 {
227
- font-size: 22px;
228
- }
229
- .newCloud-avatar.newCloud-avatar-40 i {
230
- top: 4px;
231
- font-size: 36px;
232
- }
233
- .newCloud-avatar.newCloud-avatar-48 {
234
- font-size: 26px;
235
- }
236
- .newCloud-avatar.newCloud-avatar-48 i {
237
- top: 5px;
238
- font-size: 44px;
212
+ .newCloud-avatar.newCloud-avatar-40 .newCloud-avatar-icon {
213
+ font-size: 18px;
239
214
  }
240
- .newCloud-avatar.newCloud-avatar-60 {
241
- font-size: 32px;
215
+ .newCloud-avatar.newCloud-avatar-48 .newCloud-avatar-icon {
216
+ font-size: 24px;
242
217
  }
243
- .newCloud-avatar.newCloud-avatar-60 i {
244
- top: 6px;
245
- font-size: 56px;
218
+ .newCloud-avatar.newCloud-avatar-60 .newCloud-avatar-icon {
219
+ font-size: 30px;
246
220
  }
247
221
  .newCloud-avatar.newCloud-avatar-default {
248
222
  width: 24px;
249
223
  height: 24px;
250
- font-size: 16px;
251
224
  }
252
225
  .newCloud-avatar.newCloud-avatar-default .newCloud-avatar-icon {
253
- top: 3px;
254
- font-size: 20px;
226
+ font-size: 12px;
255
227
  }
256
228
  .newCloud-avatar.newCloud-avatar-small {
257
229
  width: 16px;
258
230
  height: 16px;
259
- font-size: 14px;
260
231
  }
261
232
  .newCloud-avatar.newCloud-avatar-small .newCloud-avatar-icon {
262
- top: 2px;
263
- font-size: 16px;
233
+ font-size: 12px;
234
+ transform: scale(0.75);
264
235
  }
265
236
  .newCloud-avatar.newCloud-avatar-large {
266
237
  width: 40px;
267
238
  height: 40px;
268
- font-size: 22px;
269
239
  }
270
240
  .newCloud-avatar.newCloud-avatar-large .newCloud-avatar-icon {
271
- top: 4px;
272
- font-size: 36px;
241
+ font-size: 18px;
273
242
  }
274
243
  .newCloud-avatar.newCloud-avatar-circle,
275
244
  .newCloud-avatar.newCloud-avatar-circle img {
@@ -622,44 +591,35 @@ li {
622
591
  right: -3px;
623
592
  display: block;
624
593
  content: '';
625
- width: 6px;
626
- height: 6px;
594
+ width: 8px;
595
+ height: 8px;
627
596
  border-radius: 100%;
628
597
  }
629
598
  .newCloud-badge.newCloud-badge-number .number-container {
630
599
  display: inline-block;
600
+ height: 8px;
631
601
  min-width: 8px;
632
- height: 20px;
633
- line-height: 20px;
634
- padding: 0 6px;
602
+ padding: 4px;
635
603
  width: -moz-fit-content;
636
604
  width: fit-content;
637
- border-radius: 10px;
605
+ line-height: 8px;
606
+ border-radius: 8px;
638
607
  color: #fff;
639
608
  text-align: center;
640
609
  font-size: 12px;
610
+ box-sizing: content-box;
641
611
  }
642
- .newCloud-badge.newCloud-badge-number .number-container.square {
643
- border-radius: 3px;
644
- }
645
- .newCloud-badge.newCloud-badge-dot,
646
- .newCloud-badge.newCloud-badge-custom-dot {
612
+ .newCloud-badge.newCloud-badge-dot {
647
613
  cursor: auto;
648
614
  }
649
- .newCloud-badge.newCloud-badge-dot .text,
650
- .newCloud-badge.newCloud-badge-custom-dot .text,
651
- .newCloud-badge.newCloud-badge-dot .custom-dot-text,
652
- .newCloud-badge.newCloud-badge-custom-dot .custom-dot-text {
653
- display: flex;
654
- align-items: center;
615
+ .newCloud-badge.newCloud-badge-dot .text {
655
616
  font-size: 14px;
656
617
  }
657
- .newCloud-badge.newCloud-badge-dot .text:before,
658
- .newCloud-badge.newCloud-badge-custom-dot .text:before,
659
- .newCloud-badge.newCloud-badge-dot .custom-dot,
660
- .newCloud-badge.newCloud-badge-custom-dot .custom-dot {
618
+ .newCloud-badge.newCloud-badge-dot .text:before {
661
619
  content: '';
662
620
  display: inline-block;
621
+ position: relative;
622
+ top: -1px;
663
623
  width: 6px;
664
624
  height: 6px;
665
625
  border-radius: 50%;
@@ -700,38 +660,24 @@ li {
700
660
  align-items: center;
701
661
  }
702
662
  .newCloud-breadcrumbs-default {
703
- font-size: 14px;
663
+ font-size: 16px;
704
664
  }
705
665
  .newCloud-breadcrumbs-default .title > i {
706
- font-size: 14px;
707
- }
708
- .newCloud-breadcrumbs-default .more {
709
- position: relative;
710
- top: -3px;
666
+ font-size: 16px;
711
667
  }
712
668
  .newCloud-breadcrumbs-large {
713
- font-size: 16px;
669
+ font-size: 20px;
714
670
  }
715
671
  .newCloud-breadcrumbs-large .title > i {
716
- font-size: 16px;
717
- }
718
- .newCloud-breadcrumbs-large .more {
719
- position: relative;
720
- top: -3px;
672
+ font-size: 20px;
721
673
  }
722
674
  .newCloud-breadcrumbs-small {
723
- font-size: 12px;
675
+ font-size: 14px;
724
676
  }
725
677
  .newCloud-breadcrumbs-small .title > i {
726
- font-size: 12px;
727
- }
728
- .newCloud-breadcrumbs-small .more {
729
- position: relative;
730
- top: -2px;
678
+ font-size: 14px;
731
679
  }
732
680
  .newCloud-breadcrumbs li {
733
- display: flex;
734
- align-items: center;
735
681
  color: rgba(0, 0, 0, 0.45);
736
682
  }
737
683
  .newCloud-breadcrumbs li .title:hover,
@@ -740,7 +686,7 @@ li {
740
686
  color: var(--shuyunBlue4);
741
687
  }
742
688
  .newCloud-breadcrumbs li .title > i {
743
- margin-right: 4px;
689
+ margin-right: 8px;
744
690
  }
745
691
  .newCloud-breadcrumbs li:last-child {
746
692
  color: rgba(0, 0, 0, 0.85);
@@ -748,20 +694,9 @@ li {
748
694
  pointer-events: none;
749
695
  }
750
696
  .newCloud-breadcrumbs li .split {
751
- display: inline-block;
752
- text-align: center;
753
- width: 16px;
754
- height: 16px;
755
- margin-left: 4px;
756
- margin-right: 4px;
757
- color: rgba(0, 0, 0, 0.25);
758
- cursor: default;
759
- }
760
- .newCloud-breadcrumbs-split-icon {
761
- width: 16px;
762
- height: 16px;
763
- margin: 0 4px;
764
- color: rgba(0, 0, 0, 0.25);
697
+ color: rgba(0, 0, 0, 0.45);
698
+ margin-left: 8px;
699
+ margin-right: 8px;
765
700
  }
766
701
 
767
702
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
@@ -775,7 +710,7 @@ li {
775
710
  display: inline-flex;
776
711
  justify-content: center;
777
712
  align-items: center;
778
- border-radius: 3px;
713
+ border-radius: 2px;
779
714
  box-sizing: border-box;
780
715
  outline: none;
781
716
  line-height: 20px;
@@ -794,12 +729,12 @@ li {
794
729
  margin-left: -1px;
795
730
  }
796
731
  .newCloud-button-group .newCloud-button:first-child {
797
- border-top-left-radius: 3px;
798
- border-bottom-left-radius: 3px;
732
+ border-top-left-radius: 2px;
733
+ border-bottom-left-radius: 2px;
799
734
  }
800
735
  .newCloud-button-group .newCloud-button:last-child {
801
- border-top-right-radius: 3px;
802
- border-bottom-right-radius: 3px;
736
+ border-top-right-radius: 2px;
737
+ border-bottom-right-radius: 2px;
803
738
  }
804
739
  .newCloud-button-group .newCloud-button.text:not(:last-child) {
805
740
  margin-right: 8px;
@@ -815,57 +750,60 @@ li {
815
750
  opacity: 0.1;
816
751
  height: 104%;
817
752
  }
818
- .newCloud-button-group .newCloud-button:not([disabled]):hover {
753
+ .newCloud-button-group .newCloud-button:hover {
819
754
  z-index: 2;
820
755
  }
821
756
  .newCloud-button.normal {
757
+ border: 1px solid var(--shuyunBlue2);
822
758
  color: var(--shuyunBlue4);
823
- border: 1px solid var(--shuyunBlue4);
824
759
  background: #fff;
825
760
  }
826
761
  .newCloud-button.normal.tips {
827
- color: #fd830a;
828
762
  border: 1px solid #fdd198;
763
+ color: #fd830a;
829
764
  }
830
765
  .newCloud-button.normal.danger {
831
- color: #e74949;
832
766
  border: 1px solid #fac8c8;
767
+ color: #e74949;
833
768
  }
834
769
  .newCloud-button.normal.success {
835
- color: #21ba45;
836
770
  border: 1px solid #abe6b2;
771
+ color: #21ba45;
837
772
  }
838
773
  .newCloud-button.normal:hover {
839
- color: var(--shuyunBlue5);
840
- border: 1px solid var(--shuyunBlue5);
774
+ background: var(--shuyunBlue1);
841
775
  }
842
776
  .newCloud-button.normal:hover.tips {
843
- color: #d66a04;
844
- border: 1px solid #d66a04;
777
+ border: 1px solid #fdd198;
778
+ background: #fff5e6;
845
779
  }
846
780
  .newCloud-button.normal:hover.danger {
847
- color: #bd3535;
848
- border: 1px solid #bd3535;
781
+ border: 1px solid #fac8c8;
782
+ background: #ffeded;
849
783
  }
850
784
  .newCloud-button.normal:hover.success {
851
- color: #008f21;
852
- border: 1px solid #008f21;
785
+ border: 1px solid #abe6b2;
786
+ background: #e5f9e7;
853
787
  }
854
788
  .newCloud-button.normal:active {
855
- color: var(--shuyunBlue6);
856
- border: 1px solid var(--shuyunBlue6);
789
+ color: var(--shuyunBlue5);
790
+ border: 1px solid var(--shuyunBlue3);
791
+ background: var(--shuyunBlue2);
857
792
  }
858
793
  .newCloud-button.normal:active.tips {
859
- color: #b05302;
860
- border: 1px solid #b05302;
794
+ border: 1px solid #fda33d;
795
+ color: #d66a04;
796
+ background: #fdd198;
861
797
  }
862
798
  .newCloud-button.normal:active.danger {
863
- color: #962424;
864
- border: 1px solid #962424;
799
+ border: 1px solid #f07878;
800
+ color: #bd3535;
801
+ background: #fac8c8;
865
802
  }
866
803
  .newCloud-button.normal:active.success {
867
- color: #00701e;
868
- border: 1px solid #00701e;
804
+ border: 1px solid #59cc74;
805
+ color: #008f21;
806
+ background: #abe6b2;
869
807
  }
870
808
  .newCloud-button.primary {
871
809
  border: 1px solid var(--shuyunBlue4);
@@ -917,41 +855,56 @@ li {
917
855
  background: #00701e;
918
856
  }
919
857
  .newCloud-button.secondary {
920
- border: 1px solid #e8e8e8;
921
- color: rgba(0, 0, 0, 0.85);
922
- background: none;
858
+ border: 1px solid var(--shuyunBlue1);
859
+ color: var(--shuyunBlue4);
860
+ background: var(--shuyunBlue1);
861
+ }
862
+ .newCloud-button.secondary.tips {
863
+ border: 1px solid #fff5e6;
864
+ background: #fff5e6;
865
+ color: #fd830a;
866
+ }
867
+ .newCloud-button.secondary.danger {
868
+ border: 1px solid #ffeded;
869
+ background: #ffeded;
870
+ color: #e74949;
871
+ }
872
+ .newCloud-button.secondary.success {
873
+ border: 1px solid #e5f9e7;
874
+ background: #e5f9e7;
875
+ color: #21ba45;
923
876
  }
924
877
  .newCloud-button.secondary:hover {
925
- color: var(--shuyunBlue4);
926
- border: 1px solid var(--shuyunBlue4);
878
+ border: 1px solid var(--shuyunBlue2);
879
+ background: var(--shuyunBlue2);
927
880
  }
928
881
  .newCloud-button.secondary:hover.tips {
929
- border: 1px solid #fd830a;
930
- color: #fd830a;
882
+ border: 1px solid #fdd198;
883
+ background: #fdd198;
931
884
  }
932
885
  .newCloud-button.secondary:hover.danger {
933
- border: 1px solid #e74949;
934
- color: #e74949;
886
+ border: 1px solid #fac8c8;
887
+ background: #fac8c8;
935
888
  }
936
889
  .newCloud-button.secondary:hover.success {
937
- border: 1px solid #21ba45;
938
- color: #21ba45;
890
+ border: 1px solid #abe6b2;
891
+ background: #abe6b2;
939
892
  }
940
893
  .newCloud-button.secondary:active {
941
- color: var(--shuyunBlue5);
942
- border: 1px solid var(--shuyunBlue5);
894
+ border: 1px solid var(--shuyunBlue3);
895
+ background: var(--shuyunBlue3);
943
896
  }
944
897
  .newCloud-button.secondary:active.tips {
945
- border: 1px solid #d66a04;
946
- color: #d66a04;
898
+ border: 1px solid #fda33d;
899
+ background: #fda33d;
947
900
  }
948
901
  .newCloud-button.secondary:active.danger {
949
- border: 1px solid #bd3535;
950
- color: #bd3535;
902
+ border: 1px solid #f07878;
903
+ background: #f07878;
951
904
  }
952
905
  .newCloud-button.secondary:active.success {
953
- border: 1px solid #008f21;
954
- color: #008f21;
906
+ border: 1px solid #59cc74;
907
+ background: #59cc74;
955
908
  }
956
909
  .newCloud-button.dashed {
957
910
  border: 1px dashed rgba(0, 0, 0, 0.25);
@@ -959,7 +912,7 @@ li {
959
912
  background: transparent;
960
913
  }
961
914
  .newCloud-button.dashed:hover {
962
- border-color: var(--shuyunBlue4);
915
+ border-color: var(--shuyunBlue2);
963
916
  color: var(--shuyunBlue4);
964
917
  }
965
918
  .newCloud-button.dashed:hover.tips {
@@ -975,7 +928,7 @@ li {
975
928
  color: #21ba45;
976
929
  }
977
930
  .newCloud-button.dashed:active {
978
- border-color: var(--shuyunBlue5);
931
+ border-color: var(--shuyunBlue3);
979
932
  color: var(--shuyunBlue5);
980
933
  }
981
934
  .newCloud-button.dashed:active.tips {
@@ -1006,30 +959,22 @@ li {
1006
959
  color: #21ba45;
1007
960
  }
1008
961
  .newCloud-button.link:hover {
1009
- color: var(--shuyunBlue5);
962
+ border-color: #fafafa;
1010
963
  background: #fafafa;
1011
964
  }
1012
- .newCloud-button.link:hover.tips {
1013
- color: #d66a04;
1014
- }
1015
- .newCloud-button.link:hover.danger {
1016
- color: #bd3535;
1017
- }
1018
- .newCloud-button.link:hover.success {
1019
- color: #008f21;
1020
- }
1021
965
  .newCloud-button.link:active {
1022
- color: var(--shuyunBlue6);
966
+ color: var(--shuyunBlue5);
967
+ border-color: #fafafa;
1023
968
  background: #fafafa;
1024
969
  }
1025
970
  .newCloud-button.link:active.tips {
1026
- color: #b05302;
971
+ color: #d66a04;
1027
972
  }
1028
973
  .newCloud-button.link:active.danger {
1029
- color: #962424;
974
+ color: #bd3535;
1030
975
  }
1031
976
  .newCloud-button.link:active.success {
1032
- color: #00701e;
977
+ color: #008f21;
1033
978
  }
1034
979
  .newCloud-button.text {
1035
980
  border: none;
@@ -1046,77 +991,64 @@ li {
1046
991
  .newCloud-button.text.success {
1047
992
  color: #21ba45;
1048
993
  }
1049
- .newCloud-button.text:hover {
1050
- color: var(--shuyunBlue5);
1051
- }
1052
- .newCloud-button.text:hover.tips {
1053
- color: #d66a04;
1054
- }
1055
- .newCloud-button.text:hover.danger {
1056
- color: #bd3535;
1057
- }
1058
- .newCloud-button.text:hover.success {
1059
- color: #008f21;
1060
- }
1061
994
  .newCloud-button.text:active {
1062
- color: var(--shuyunBlue6);
995
+ color: var(--shuyunBlue5);
1063
996
  }
1064
997
  .newCloud-button.text:active.tips {
1065
- color: #b05302;
998
+ color: #d66a04;
1066
999
  }
1067
1000
  .newCloud-button.text:active.danger {
1068
- color: #962424;
1001
+ color: #bd3535;
1069
1002
  }
1070
1003
  .newCloud-button.text:active.success {
1071
- color: #00701e;
1004
+ color: #008f21;
1072
1005
  }
1073
1006
  .newCloud-button.large {
1074
1007
  padding: 7px 15px;
1075
1008
  font-size: 14px;
1076
- /* 按钮形状: 正方形 */
1077
1009
  }
1078
1010
  .newCloud-button.large.text {
1079
1011
  padding: 0;
1080
1012
  }
1081
- .newCloud-button.large.shape-square {
1082
- padding: 12px;
1083
- }
1084
1013
  .newCloud-button.default {
1085
1014
  padding: 5px 11px;
1086
1015
  font-size: 14px;
1087
- /* 按钮形状: 正方形 */
1088
1016
  }
1089
1017
  .newCloud-button.default.text {
1090
1018
  padding: 0;
1091
1019
  }
1092
- .newCloud-button.default.shape-square {
1093
- padding: 9px;
1094
- }
1095
1020
  .newCloud-button.small {
1096
- padding: 1px 7px;
1021
+ padding: 3px 11px;
1097
1022
  font-size: 14px;
1098
- /* 按钮形状: 正方形 */
1099
1023
  }
1100
1024
  .newCloud-button.small.text {
1101
1025
  padding: 0;
1102
1026
  }
1103
- .newCloud-button.small.shape-square {
1104
- padding: 6px;
1105
- }
1106
1027
  .newCloud-button.block {
1107
1028
  width: 100%;
1108
1029
  }
1109
1030
  .newCloud-button[disabled].primary,
1110
- .newCloud-button[disabled].normal,
1111
- .newCloud-button[disabled].secondary,
1112
1031
  .newCloud-button[disabled].primary:hover,
1032
+ .newCloud-button[disabled].primary:active {
1033
+ color: #fff;
1034
+ border: 1px solid #d9d9d9;
1035
+ background: #d9d9d9;
1036
+ background-clip: padding-box;
1037
+ cursor: not-allowed;
1038
+ }
1039
+ .newCloud-button[disabled].normal,
1113
1040
  .newCloud-button[disabled].normal:hover,
1041
+ .newCloud-button[disabled].normal:active {
1042
+ color: rgba(0, 0, 0, 0.25);
1043
+ border: 1px solid #e8e8e8;
1044
+ background-color: #f5f5f5;
1045
+ cursor: not-allowed;
1046
+ }
1047
+ .newCloud-button[disabled].secondary,
1114
1048
  .newCloud-button[disabled].secondary:hover,
1115
- .newCloud-button[disabled].primary:active,
1116
- .newCloud-button[disabled].normal:active,
1117
1049
  .newCloud-button[disabled].secondary:active {
1118
1050
  color: rgba(0, 0, 0, 0.25);
1119
- border: 1px solid #e8e8e8;
1051
+ border: 1px solid #f5f5f5;
1120
1052
  background-color: #f5f5f5;
1121
1053
  cursor: not-allowed;
1122
1054
  }
@@ -1144,8 +1076,8 @@ li {
1144
1076
  }
1145
1077
  .newCloud-button-loading-spin {
1146
1078
  display: inline-block;
1147
- width: 12px;
1148
- height: 12px;
1079
+ width: 14px;
1080
+ height: 14px;
1149
1081
  border-radius: 50%;
1150
1082
  animation: load 1.5s infinite linear;
1151
1083
  margin-right: 8px;
@@ -1326,15 +1258,6 @@ li {
1326
1258
  font-size: 16px;
1327
1259
  margin-right: 6px;
1328
1260
  }
1329
- .newCloud-button.border-radius-medium {
1330
- border-radius: 6px;
1331
- }
1332
- .newCloud-button.border-radius-large {
1333
- border-radius: 12px;
1334
- }
1335
- .newCloud-button.border-radius-circle {
1336
- border-radius: 50%;
1337
- }
1338
1261
 
1339
1262
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
1340
1263
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -1540,7 +1463,7 @@ input::-webkit-search-cancel-button {
1540
1463
  border-color: var(--shuyunBlue4);
1541
1464
  }
1542
1465
  .newCloud-ccascader-selection-item {
1543
- color: rgba(0, 0, 0, 0.85);
1466
+ color: rgba(0, 0, 0, 0.65);
1544
1467
  overflow: hidden;
1545
1468
  white-space: nowrap;
1546
1469
  text-overflow: ellipsis;
@@ -1604,12 +1527,6 @@ input::-webkit-search-cancel-button {
1604
1527
  .newCloud-ccascader-dropdown ::-webkit-scrollbar-track {
1605
1528
  background-color: transparent;
1606
1529
  }
1607
- .newCloud-ccascader-dropdown.small {
1608
- border-radius: 3px;
1609
- }
1610
- .newCloud-ccascader-dropdown.large {
1611
- border-radius: 12px;
1612
- }
1613
1530
  .newCloud-ccascader-checkbox {
1614
1531
  top: 0;
1615
1532
  margin-right: 8px;
@@ -2308,28 +2225,19 @@ input::-webkit-search-cancel-button {
2308
2225
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
2309
2226
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
2310
2227
  .newCloud-dropdowns-menu-area {
2311
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2228
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
2312
2229
  border-radius: 2px;
2313
2230
  background: #fff;
2314
2231
  width: -moz-fit-content;
2315
2232
  width: fit-content;
2316
- margin-top: -4px;
2317
- }
2318
- .newCloud-dropdowns-placement-top .newCloud-dropdowns-menu-area,
2319
- .newCloud-dropdowns-placement-topLeft .newCloud-dropdowns-menu-area,
2320
- .newCloud-dropdowns-placement-topRight .newCloud-dropdowns-menu-area {
2321
- margin-bottom: -2px;
2322
- }
2323
- .newCloud-dropdowns-show-arrow .newCloud-dropdowns-menu-area {
2324
- margin-top: 0;
2325
- margin-bottom: 0;
2326
2233
  }
2327
2234
  .newCloud-dropdowns {
2235
+ color: #5280ff;
2328
2236
  display: flex;
2329
2237
  gap: 8px;
2330
2238
  cursor: pointer;
2331
2239
  font-size: 14px;
2332
- font-family: PingFangSC-Regular, PingFang SC;
2240
+ font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2333
2241
  font-weight: 400;
2334
2242
  line-height: 20px;
2335
2243
  width: -moz-fit-content;
@@ -2338,11 +2246,14 @@ input::-webkit-search-cancel-button {
2338
2246
  min-width: fit-content !important;
2339
2247
  z-index: 100;
2340
2248
  }
2341
- .newCloud-dropdowns-menu-area {
2342
- border-radius: 6px;
2343
- background: #fff;
2344
- width: -moz-fit-content;
2345
- width: fit-content;
2249
+ .newCloud-dropdowns:hover,
2250
+ .newCloud-dropdowns:focus,
2251
+ .newCloud-dropdowns:active {
2252
+ color: #3352cc;
2253
+ }
2254
+ .newCloud-dropdowns[disabled] {
2255
+ cursor: not-allowed;
2256
+ color: rgba(0, 0, 0, 0.25);
2346
2257
  }
2347
2258
  .newCloud-dropdowns-menu-btn .newCloud-button-suffix-icon {
2348
2259
  margin-right: 0;
@@ -2354,15 +2265,41 @@ input::-webkit-search-cancel-button {
2354
2265
  .newCloud-dropdowns-menu-btn .newCloud-button-group .newCloud-button:last-child i {
2355
2266
  line-height: normal;
2356
2267
  }
2357
- .newCloud-dropdowns-menu-btn .newCloud-button.primary {
2358
- margin-left: 0;
2268
+ .newCloud-dropdowns-menu-btn:active .newCloud-button.primary {
2269
+ border-color: var(--shuyunBlue6);
2270
+ background: var(--shuyunBlue6);
2359
2271
  }
2360
- .newCloud-dropdowns-menu-btn .newCloud-dropdowns.newCloud-button.primary {
2361
- margin-right: 0;
2362
- border-left-color: #ffffff;
2272
+ .newCloud-dropdowns-menu-btn:active .newCloud-button.normal {
2273
+ color: var(--shuyunBlue5);
2274
+ border: 1px solid var(--shuyunBlue3);
2275
+ background: var(--shuyunBlue2);
2276
+ }
2277
+ .newCloud-dropdowns-menu-btn:active .newCloud-button.normal:not(:first-child)::after {
2278
+ background: #8fafff;
2279
+ }
2280
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.primary {
2281
+ border-color: var(--shuyunBlue5);
2282
+ background: var(--shuyunBlue5);
2283
+ color: #ffffff;
2284
+ z-index: auto;
2285
+ }
2286
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.primary[disabled] {
2287
+ color: #fff;
2288
+ border: 1px solid #d9d9d9;
2289
+ background: #d9d9d9;
2290
+ }
2291
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.normal {
2292
+ background: var(--shuyunBlue1);
2293
+ }
2294
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.normal[disabled] {
2295
+ color: rgba(0, 0, 0, 0.25);
2296
+ border: 1px solid #e8e8e8;
2297
+ background-color: #f5f5f5;
2363
2298
  }
2364
- .newCloud-dropdowns-menu-btn .newCloud-dropdowns.newCloud-button.primary[disabled] {
2365
- border-left-color: #ffffff;
2299
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.normal[disabled],
2300
+ .newCloud-dropdowns-menu-btn:hover .newCloud-button.primary[disabled] {
2301
+ background-clip: padding-box;
2302
+ cursor: not-allowed;
2366
2303
  }
2367
2304
  .newCloud-dropdowns-menu {
2368
2305
  padding-top: 8px;
@@ -2371,7 +2308,7 @@ input::-webkit-search-cancel-button {
2371
2308
  }
2372
2309
  .newCloud-dropdowns-menu .newCloud-dropdowns-menu-item {
2373
2310
  font-size: 14px;
2374
- font-family: PingFangSC-Regular, PingFang SC;
2311
+ font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
2375
2312
  font-weight: 400;
2376
2313
  color: rgba(0, 0, 0, 0.85);
2377
2314
  line-height: 20px;
@@ -2383,7 +2320,7 @@ input::-webkit-search-cancel-button {
2383
2320
  cursor: not-allowed;
2384
2321
  }
2385
2322
  .newCloud-dropdowns-menu .newCloud-dropdowns-menu-item:hover {
2386
- background: #f5f5f5;
2323
+ background: #f5f8ff;
2387
2324
  }
2388
2325
  .newCloud-dropdowns-menu .newCloud-dropdowns-menu-item i {
2389
2326
  height: 16px;
@@ -2398,13 +2335,11 @@ input::-webkit-search-cancel-button {
2398
2335
  margin-bottom: 8px;
2399
2336
  }
2400
2337
  .newCloud-dropdowns-arrow {
2401
- content: '';
2338
+ z-index: -1;
2402
2339
  position: absolute;
2403
- width: 10px;
2404
- height: 10px;
2340
+ box-shadow: 0 1px 5px #ccc;
2341
+ border: 4px solid transparent;
2405
2342
  transform: rotate(45deg);
2406
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2407
- background-color: #ffffff;
2408
2343
  }
2409
2344
  .newCloud-dropdowns-hidden {
2410
2345
  display: none;
@@ -2413,18 +2348,7 @@ input::-webkit-search-cancel-button {
2413
2348
  .newCloud-dropdowns-placement-bottomLeft .newCloud-dropdowns-arrow,
2414
2349
  .newCloud-dropdowns-placement-bottomRight .newCloud-dropdowns-arrow {
2415
2350
  top: -5px;
2416
- }
2417
- .newCloud-dropdowns-placement-bottom:after,
2418
- .newCloud-dropdowns-placement-bottomLeft:after,
2419
- .newCloud-dropdowns-placement-bottomRight:after {
2420
- content: '';
2421
- position: absolute;
2422
- z-index: 1;
2423
- width: calc(100% - 8px);
2424
- height: 8px;
2425
- top: 0;
2426
- left: 4px;
2427
- background-color: white;
2351
+ border-bottom-color: #fff;
2428
2352
  }
2429
2353
  .newCloud-dropdowns-placement-top .newCloud-dropdowns-arrow,
2430
2354
  .newCloud-dropdowns-placement-topLeft .newCloud-dropdowns-arrow,
@@ -2432,18 +2356,6 @@ input::-webkit-search-cancel-button {
2432
2356
  bottom: -5px;
2433
2357
  border-top-color: #fff;
2434
2358
  }
2435
- .newCloud-dropdowns-placement-top:after,
2436
- .newCloud-dropdowns-placement-topLeft:after,
2437
- .newCloud-dropdowns-placement-topRight:after {
2438
- content: '';
2439
- position: absolute;
2440
- z-index: 1;
2441
- width: calc(100% - 8px);
2442
- height: 8px;
2443
- bottom: 0;
2444
- left: 4px;
2445
- background-color: white;
2446
- }
2447
2359
  .newCloud-dropdowns-placement-bottomLeft .newCloud-dropdowns-arrow,
2448
2360
  .newCloud-dropdowns-placement-topLeft .newCloud-dropdowns-arrow {
2449
2361
  left: 15%;
@@ -2471,19 +2383,15 @@ input::-webkit-search-cancel-button {
2471
2383
  min-height: 26px;
2472
2384
  max-width: 320px;
2473
2385
  min-width: 72px;
2474
- line-height: 18px;
2386
+ line-height: 1.5;
2475
2387
  padding: 8px 12px;
2476
- border-radius: 3px;
2388
+ border-radius: 2px;
2477
2389
  box-sizing: border-box;
2478
2390
  z-index: 1030;
2479
2391
  word-break: break-all;
2480
2392
  top: 0;
2481
2393
  left: 0;
2482
2394
  opacity: 0;
2483
- transition: opacity 0.25s ease-in;
2484
- }
2485
- .newCloud-tooltip.no-arrow:after {
2486
- display: none !important;
2487
2395
  }
2488
2396
  .newCloud-tooltip.show {
2489
2397
  opacity: 1;
@@ -2491,189 +2399,99 @@ input::-webkit-search-cancel-button {
2491
2399
  .newCloud-tooltip:after {
2492
2400
  content: '';
2493
2401
  position: absolute;
2494
- width: 10px;
2495
- height: 10px;
2496
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2497
- transform: rotate(45deg);
2498
- }
2499
- .newCloud-tooltip:before {
2500
- content: '';
2501
- position: absolute;
2502
- z-index: 1;
2402
+ width: 0;
2403
+ height: 0;
2404
+ border: 5px solid transparent;
2405
+ border-top-width: 5px;
2503
2406
  }
2504
2407
  .newCloud-tooltip.is-dark {
2505
2408
  background-color: rgba(0, 0, 0, 0.85);
2506
2409
  color: #fff;
2507
2410
  }
2508
2411
  .newCloud-tooltip.is-dark:after {
2509
- background: rgba(0, 0, 0, 0.85);
2510
- }
2511
- .newCloud-tooltip.is-dark:before {
2512
- background: rgb(38 38 38);
2412
+ border-top-color: rgba(0, 0, 0, 0.85);
2513
2413
  }
2514
2414
  .newCloud-tooltip.is-light {
2515
2415
  background-color: #fff;
2516
2416
  color: rgba(0, 0, 0, 0.85);
2517
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2417
+ box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
2518
2418
  }
2519
2419
  .newCloud-tooltip.is-light:after {
2520
- background: #fff;
2521
- }
2522
- .newCloud-tooltip.is-light:before {
2523
- background: #fff;
2420
+ border-top-color: #fff;
2524
2421
  }
2525
2422
  .newCloud-tooltip.is-error {
2526
2423
  background-color: #ff867c;
2527
2424
  color: #f8f8f8;
2528
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
2529
2425
  }
2530
2426
  .newCloud-tooltip.is-error:after {
2531
- background: #ff867c;
2532
- }
2533
- .newCloud-tooltip.is-error:before {
2534
- background: #ff867c;
2427
+ border-top-color: #ff867c;
2535
2428
  }
2536
2429
  .newCloud-tooltip.is-remind {
2537
2430
  background-color: var(--shuyunBlue4);
2538
2431
  color: #fff;
2539
2432
  }
2540
2433
  .newCloud-tooltip.is-remind:after {
2541
- background: var(--shuyunBlue4);
2542
- }
2543
- .newCloud-tooltip.is-remind:before {
2544
- background: var(--shuyunBlue4);
2434
+ border-top-color: var(--shuyunBlue4);
2545
2435
  }
2546
2436
  .newCloud-tooltip.top-left:after {
2547
- bottom: -4px;
2548
- left: 11px;
2549
- transform: rotate(45deg);
2550
- }
2551
- .newCloud-tooltip.top-left:before {
2552
- width: calc(100% - 8px);
2553
- height: 10px;
2554
- bottom: 0;
2555
- left: 4px;
2437
+ bottom: -10px;
2438
+ left: 5px;
2439
+ transform: rotate(0);
2556
2440
  }
2557
2441
  .newCloud-tooltip.top-center:after {
2558
- bottom: -4px;
2442
+ bottom: -10px;
2559
2443
  left: 50%;
2560
- transform: translate(-50%) rotate(45deg);
2561
- }
2562
- .newCloud-tooltip.top-center:before {
2563
- width: calc(100% - 8px);
2564
- height: 10px;
2565
- bottom: 0;
2566
- left: 4px;
2444
+ transform: translate(-50%) rotate(0);
2567
2445
  }
2568
2446
  .newCloud-tooltip.top-right:after {
2569
- bottom: -4px;
2570
- left: calc(100% - 11px + -4px);
2571
- transform: rotate(45deg);
2572
- }
2573
- .newCloud-tooltip.top-right:before {
2574
- width: calc(100% - 8px);
2575
- height: 10px;
2576
- bottom: 0;
2577
- left: 4px;
2447
+ bottom: -10px;
2448
+ left: calc(100% - 5px + -10px);
2449
+ transform: rotate(0);
2578
2450
  }
2579
2451
  .newCloud-tooltip.right-top:after {
2580
- left: -4px;
2581
- top: 11px;
2582
- transform: rotate(45deg);
2583
- }
2584
- .newCloud-tooltip.right-top:before {
2585
- width: 10px;
2586
- height: calc(100% - 8px);
2587
- left: 0;
2588
- top: 4px;
2452
+ left: -10px;
2453
+ top: 5px;
2454
+ transform: rotate(90deg);
2589
2455
  }
2590
2456
  .newCloud-tooltip.right-center:after {
2591
- left: -4px;
2457
+ left: -10px;
2592
2458
  top: 50%;
2593
- transform: translate(0, -50%) rotate(45deg);
2594
- }
2595
- .newCloud-tooltip.right-center:before {
2596
- width: 10px;
2597
- height: calc(100% - 8px);
2598
- left: 0;
2599
- top: 4px;
2459
+ transform: translate(0, -50%) rotate(90deg);
2600
2460
  }
2601
2461
  .newCloud-tooltip.right-bottom:after {
2602
- left: -4px;
2603
- top: calc(100% - 11px + -4px);
2604
- transform: rotate(45deg);
2605
- }
2606
- .newCloud-tooltip.right-bottom:before {
2607
- width: 10px;
2608
- height: calc(100% - 8px);
2609
- left: 0;
2610
- top: 4px;
2462
+ left: -10px;
2463
+ top: calc(100% - 5px + -10px);
2464
+ transform: rotate(90deg);
2611
2465
  }
2612
2466
  .newCloud-tooltip.left-top:after {
2613
- right: -4px;
2614
- top: 11px;
2615
- transform: rotate(45deg);
2616
- }
2617
- .newCloud-tooltip.left-top:before {
2618
- width: 10px;
2619
- height: calc(100% - 8px);
2620
- right: 0;
2621
- top: 4px;
2467
+ right: -10px;
2468
+ top: 5px;
2469
+ transform: rotate(270deg);
2622
2470
  }
2623
2471
  .newCloud-tooltip.left-center:after {
2624
- right: -4px;
2472
+ right: -10px;
2625
2473
  top: 50%;
2626
- transform: translate(0, -50%) rotate(45deg);
2627
- }
2628
- .newCloud-tooltip.left-center:before {
2629
- width: 10px;
2630
- height: calc(100% - 8px);
2631
- right: 0;
2632
- top: 4px;
2474
+ transform: translate(0, -50%) rotate(270deg);
2633
2475
  }
2634
2476
  .newCloud-tooltip.left-bottom:after {
2635
- right: -4px;
2636
- top: calc(100% - 11px + -4px);
2637
- transform: rotate(45deg);
2638
- }
2639
- .newCloud-tooltip.left-bottom:before {
2640
- width: 10px;
2641
- height: calc(100% - 8px);
2642
- right: 0;
2643
- top: 4px;
2477
+ right: -10px;
2478
+ top: calc(100% - 5px + -10px);
2479
+ transform: rotate(270deg);
2644
2480
  }
2645
2481
  .newCloud-tooltip.bottom-left:after {
2646
- top: -4px;
2647
- left: 11px;
2648
- transform: rotate(45deg);
2649
- }
2650
- .newCloud-tooltip.bottom-left:before {
2651
- width: calc(100% - 8px);
2652
- height: 10px;
2653
- top: 0;
2654
- left: 4px;
2482
+ top: -10px;
2483
+ left: 5px;
2484
+ transform: rotate(180deg);
2655
2485
  }
2656
2486
  .newCloud-tooltip.bottom-center:after {
2657
- top: -4px;
2487
+ top: -10px;
2658
2488
  left: 50%;
2659
- transform: translate(-50%) rotate(45deg);
2660
- }
2661
- .newCloud-tooltip.bottom-center:before {
2662
- width: calc(100% - 8px);
2663
- height: 10px;
2664
- top: 0;
2665
- left: 4px;
2489
+ transform: translate(-50%) rotate(180deg);
2666
2490
  }
2667
2491
  .newCloud-tooltip.bottom-right:after {
2668
- top: -4px;
2669
- left: calc(100% - 11px + -4px);
2670
- transform: rotate(45deg);
2671
- }
2672
- .newCloud-tooltip.bottom-right:before {
2673
- width: calc(100% - 8px);
2674
- height: 10px;
2675
- top: 0;
2676
- left: 4px;
2492
+ top: -10px;
2493
+ left: calc(100% - 5px + -10px);
2494
+ transform: rotate(180deg);
2677
2495
  }
2678
2496
 
2679
2497
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -3334,8 +3152,9 @@ input::-webkit-search-cancel-button {
3334
3152
  padding: 2px 8px;
3335
3153
  margin-right: 8px;
3336
3154
  cursor: default;
3337
- background: #f5f5f5;
3338
- border-radius: 3px;
3155
+ background: #fff;
3156
+ border: 1px solid #e8e8e8;
3157
+ border-radius: 2px;
3339
3158
  white-space: nowrap;
3340
3159
  overflow: hidden;
3341
3160
  text-overflow: ellipsis;
@@ -3350,9 +3169,6 @@ input::-webkit-search-cancel-button {
3350
3169
  .newCloud-tag.closable {
3351
3170
  padding-right: 24px;
3352
3171
  }
3353
- .newCloud-tag.closable.checkable {
3354
- padding-right: 24px;
3355
- }
3356
3172
  .newCloud-tag.closable .tag-close-wrapper {
3357
3173
  display: flex;
3358
3174
  align-items: center;
@@ -3362,71 +3178,42 @@ input::-webkit-search-cancel-button {
3362
3178
  top: 0;
3363
3179
  }
3364
3180
  .newCloud-tag.closable .tag-close-icon {
3365
- font-size: 12px;
3366
- cursor: pointer;
3367
3181
  color: rgba(0, 0, 0, 0.25);
3368
- }
3369
- .newCloud-tag.closable .tag-close-icon:hover {
3370
- color: rgba(0, 0, 0, 0.45);
3371
- }
3372
- .newCloud-tag.closable .tag-close-icon:active {
3373
- color: rgba(0, 0, 0, 0.65);
3182
+ font-size: 7px;
3183
+ cursor: pointer;
3374
3184
  }
3375
3185
  .newCloud-tag.icon {
3376
3186
  padding-left: 24px;
3377
3187
  }
3378
- .newCloud-tag.icon.checkable {
3379
- padding-left: 24px;
3380
- }
3381
3188
  .newCloud-tag.icon .tag-icon {
3382
3189
  position: absolute;
3383
3190
  left: 8px;
3384
- top: 50%;
3385
- transform: translate(0, -50%);
3386
- font-size: 12px;
3387
- line-height: 12px;
3388
- }
3389
- .newCloud-tag.large {
3390
- line-height: 22px;
3391
- }
3392
- .newCloud-tag.large.closable {
3393
- padding-right: 24px;
3394
- }
3395
- .newCloud-tag.large.closable.checkable {
3396
- padding-right: 24px;
3397
- }
3398
- .newCloud-tag.large.closable .tag-close-wrapper {
3399
- right: 8px;
3191
+ font-size: 8px;
3400
3192
  }
3401
3193
  .newCloud-tag.small {
3402
3194
  padding: 1px 4px;
3403
- line-height: 16px;
3195
+ line-height: 18px;
3404
3196
  }
3405
3197
  .newCloud-tag.small.closable {
3406
3198
  padding-right: 20px;
3407
3199
  }
3408
- .newCloud-tag.small.closable.checkable {
3409
- padding-right: 20px;
3410
- }
3411
3200
  .newCloud-tag.small.closable .tag-close-wrapper {
3412
3201
  right: 4px;
3413
3202
  }
3414
3203
  .newCloud-tag.small.icon {
3415
3204
  padding-left: 20px;
3416
3205
  }
3206
+ .newCloud-tag.small.icon .tag-icon {
3207
+ left: 4px;
3208
+ }
3417
3209
  .newCloud-tag.small .rounded {
3418
3210
  border-radius: 12px;
3419
3211
  }
3420
3212
  .newCloud-tag.checkable {
3421
3213
  cursor: pointer;
3422
- background-color: #fff;
3423
- border: 1px solid #e8e8e8;
3424
- padding: 1px 7px;
3425
3214
  }
3426
3215
  .newCloud-tag.checkable:hover {
3427
3216
  color: var(--shuyunBlue4);
3428
- border-color: var(--shuyunBlue4);
3429
- background: var(--shuyunBlue1);
3430
3217
  }
3431
3218
  .newCloud-tag.checkable.checked {
3432
3219
  background: var(--shuyunBlue4);
@@ -3436,28 +3223,12 @@ input::-webkit-search-cancel-button {
3436
3223
  .newCloud-tag.checkable.checked .tag-close-icon {
3437
3224
  color: #fff;
3438
3225
  }
3439
- .newCloud-tag.checkable.disabled {
3440
- cursor: not-allowed;
3441
- }
3442
- .newCloud-tag.checkable.disabled:hover {
3443
- border: 1px solid #E8E8E8;
3444
- }
3445
3226
  .newCloud-tag.disabled {
3446
- color: rgba(0, 0, 0, 0.25);
3447
- background: #f5f5f5;
3448
- cursor: not-allowed !important;
3449
- border: 1px solid #E8E8E8;
3450
- }
3451
- .newCloud-tag.disabled:hover {
3452
- color: rgba(0, 0, 0, 0.25);
3227
+ color: rgba(0, 0, 0, 0.45);
3453
3228
  background: #f5f5f5;
3454
- }
3455
- .newCloud-tag.disabled.defaultTag,
3456
- .newCloud-tag.disabled.link {
3457
- padding: 1px 7px;
3229
+ border: 1px solid #f5f5f5;
3458
3230
  }
3459
3231
  .newCloud-tag.disabled.checked {
3460
- color: white;
3461
3232
  background: var(--shuyunBlue2);
3462
3233
  border-color: var(--shuyunBlue2);
3463
3234
  }
@@ -3465,18 +3236,17 @@ input::-webkit-search-cancel-button {
3465
3236
  .newCloud-tag.green {
3466
3237
  color: #008f21;
3467
3238
  background-color: #e5f9e7;
3468
- border: none;
3239
+ border-color: #e5f9e7;
3469
3240
  }
3470
3241
  .newCloud-tag.success:hover,
3471
3242
  .newCloud-tag.green:hover {
3472
3243
  color: #008f21;
3473
- background-color: #e5f9e7;
3474
- border-color: #e5f9e7;
3475
3244
  cursor: default;
3476
3245
  }
3477
3246
  .newCloud-tag.success.disabled,
3478
3247
  .newCloud-tag.green.disabled {
3479
3248
  color: #59cc74;
3249
+ border-color: #e5f9e7;
3480
3250
  }
3481
3251
  .newCloud-tag.success.disabled:hover,
3482
3252
  .newCloud-tag.green.disabled:hover {
@@ -3498,18 +3268,17 @@ input::-webkit-search-cancel-button {
3498
3268
  .newCloud-tag.orange {
3499
3269
  color: #d66a04;
3500
3270
  background-color: #fff5e6;
3501
- border: none;
3271
+ border-color: #fff5e6;
3502
3272
  }
3503
3273
  .newCloud-tag.warning:hover,
3504
3274
  .newCloud-tag.orange:hover {
3505
3275
  color: #d66a04;
3506
- background-color: #fff5e6;
3507
- border-color: #fff5e6;
3508
3276
  cursor: default;
3509
3277
  }
3510
3278
  .newCloud-tag.warning.disabled,
3511
3279
  .newCloud-tag.orange.disabled {
3512
3280
  color: #fda33d;
3281
+ border-color: #fff5e6;
3513
3282
  }
3514
3283
  .newCloud-tag.warning.disabled:hover,
3515
3284
  .newCloud-tag.orange.disabled:hover {
@@ -3527,25 +3296,30 @@ input::-webkit-search-cancel-button {
3527
3296
  .newCloud-tag.orange .tag-close-icon:active {
3528
3297
  color: #b05302;
3529
3298
  }
3530
- .newCloud-tag.default .tag-icon {
3531
- color: rgba(0, 0, 0, 0.25);
3299
+ .newCloud-tag.default {
3300
+ color: rgba(0, 0, 0, 0.45);
3301
+ background: #f5f5f5;
3302
+ border: 1px solid #f5f5f5;
3532
3303
  }
3533
- .newCloud-tag.danger,
3304
+ .newCloud-tag.default.checked {
3305
+ background: var(--shuyunBlue2);
3306
+ border-color: var(--shuyunBlue2);
3307
+ }
3308
+ .newCloud-tag.danger,
3534
3309
  .newCloud-tag.red {
3535
3310
  color: #bd3535;
3536
3311
  background-color: #ffeded;
3537
- border: none;
3312
+ border-color: #ffeded;
3538
3313
  }
3539
3314
  .newCloud-tag.danger:hover,
3540
3315
  .newCloud-tag.red:hover {
3541
3316
  color: #bd3535;
3542
- background-color: #ffeded;
3543
- border-color: #ffeded;
3544
3317
  cursor: default;
3545
3318
  }
3546
3319
  .newCloud-tag.danger.disabled,
3547
3320
  .newCloud-tag.red.disabled {
3548
3321
  color: #f07878;
3322
+ border-color: #ffeded;
3549
3323
  }
3550
3324
  .newCloud-tag.danger.disabled:hover,
3551
3325
  .newCloud-tag.red.disabled:hover {
@@ -3567,18 +3341,17 @@ input::-webkit-search-cancel-button {
3567
3341
  .newCloud-tag.blue {
3568
3342
  color: var(--shuyunBlue5);
3569
3343
  background-color: var(--shuyunBlue1);
3570
- border: none;
3344
+ border-color: var(--shuyunBlue1);
3571
3345
  }
3572
3346
  .newCloud-tag.primary:hover,
3573
3347
  .newCloud-tag.blue:hover {
3574
3348
  color: var(--shuyunBlue5);
3575
- background-color: var(--shuyunBlue1);
3576
- border-color: var(--shuyunBlue1);
3577
3349
  cursor: default;
3578
3350
  }
3579
3351
  .newCloud-tag.primary.disabled,
3580
3352
  .newCloud-tag.blue.disabled {
3581
3353
  color: var(--shuyunBlue3);
3354
+ border-color: var(--shuyunBlue1);
3582
3355
  }
3583
3356
  .newCloud-tag.primary.disabled:hover,
3584
3357
  .newCloud-tag.blue.disabled:hover {
@@ -3599,16 +3372,15 @@ input::-webkit-search-cancel-button {
3599
3372
  .newCloud-tag.yellow {
3600
3373
  color: #d99800;
3601
3374
  background-color: #fff9db;
3602
- border: none;
3375
+ border-color: #fff9db;
3603
3376
  }
3604
3377
  .newCloud-tag.yellow:hover {
3605
3378
  color: #d99800;
3606
- background-color: #fff9db;
3607
- border-color: #fff9db;
3608
3379
  cursor: default;
3609
3380
  }
3610
3381
  .newCloud-tag.yellow.disabled {
3611
3382
  color: #ffcf33;
3383
+ border-color: #fff9db;
3612
3384
  }
3613
3385
  .newCloud-tag.yellow.disabled:hover {
3614
3386
  background: #fff9db;
@@ -3625,16 +3397,15 @@ input::-webkit-search-cancel-button {
3625
3397
  .newCloud-tag.gray {
3626
3398
  color: rgba(0, 0, 0, 0.65);
3627
3399
  background-color: #f5f5f5;
3628
- border: none;
3400
+ border-color: #f5f5f5;
3629
3401
  }
3630
3402
  .newCloud-tag.gray:hover {
3631
3403
  color: rgba(0, 0, 0, 0.65);
3632
- background-color: #f5f5f5;
3633
- border-color: #f5f5f5;
3634
3404
  cursor: default;
3635
3405
  }
3636
3406
  .newCloud-tag.gray.disabled {
3637
3407
  color: rgba(0, 0, 0, 0.45);
3408
+ border-color: #f5f5f5;
3638
3409
  }
3639
3410
  .newCloud-tag.gray.disabled:hover {
3640
3411
  background: #f5f5f5;
@@ -3648,122 +3419,10 @@ input::-webkit-search-cancel-button {
3648
3419
  .newCloud-tag.gray .tag-close-icon:active {
3649
3420
  color: rgba(0, 0, 0, 0.65);
3650
3421
  }
3651
- .newCloud-tag.link {
3652
- cursor: pointer;
3653
- color: rgba(0, 0, 0, 0.85);
3654
- background-color: #f5f5f5;
3655
- border: none;
3656
- }
3657
- .newCloud-tag.link:hover {
3658
- color: rgba(0, 0, 0, 0.85);
3659
- background-color: #f5f5f5;
3660
- border-color: #f5f5f5;
3661
- cursor: default;
3662
- }
3663
- .newCloud-tag.link:hover {
3664
- cursor: pointer;
3665
- color: var(--shuyunBlue4);
3666
- background: #E8E8E8;
3667
- }
3668
- .newCloud-tag.link:active {
3669
- color: var(--shuyunBlue5);
3670
- }
3671
- .newCloud-tag.link.disabled {
3672
- color: rgba(0, 0, 0, 0.25);
3673
- background: #f5f5f5;
3674
- cursor: not-allowed !important;
3675
- border: 1px solid #E8E8E8;
3676
- padding: 1px 7px;
3677
- }
3678
- .newCloud-tag.link.disabled:hover {
3679
- color: rgba(0, 0, 0, 0.25);
3680
- background: #f5f5f5;
3681
- }
3682
- .newCloud-tag.link.disabled.defaultTag,
3683
- .newCloud-tag.link.disabled.link {
3684
- padding: 1px 7px;
3685
- }
3686
- .newCloud-tag.link.disabled.checked {
3687
- color: white;
3688
- background: var(--shuyunBlue2);
3689
- border-color: var(--shuyunBlue2);
3690
- }
3691
- .newCloud-tag.stroke {
3692
- color: rgba(0, 0, 0, 0.85);
3693
- background-color: #fff;
3694
- border: 1px solid #E8E8E8;
3695
- line-height: 18px;
3696
- }
3697
- .newCloud-tag.stroke.disabled {
3698
- color: rgba(0, 0, 0, 0.25);
3699
- background: #f5f5f5;
3700
- cursor: not-allowed !important;
3701
- border: 1px solid #E8E8E8;
3702
- padding: 2px 8px;
3703
- }
3704
- .newCloud-tag.stroke.disabled:hover {
3705
- color: rgba(0, 0, 0, 0.25);
3706
- background: #f5f5f5;
3707
- }
3708
- .newCloud-tag.stroke.disabled.defaultTag,
3709
- .newCloud-tag.stroke.disabled.link {
3710
- padding: 1px 7px;
3711
- }
3712
- .newCloud-tag.stroke.disabled.checked {
3713
- color: white;
3714
- background: var(--shuyunBlue2);
3715
- border-color: var(--shuyunBlue2);
3716
- }
3717
- .newCloud-tag.stroke .tag-close-icon {
3718
- color: var(--shuyunBlue3);
3719
- }
3720
- .newCloud-tag.stroke .tag-close-icon:hover {
3721
- color: var(--shuyunBlue5);
3722
- }
3723
- .newCloud-tag.stroke .tag-close-icon:active {
3724
- color: var(--shuyunBlue6);
3725
- }
3726
- .newCloud-tag.fill-stroke {
3727
- color: rgba(0, 0, 0, 0.85);
3728
- background-color: #f5f5f5;
3729
- border: 1px solid #E8E8E8;
3730
- line-height: 18px;
3731
- }
3732
- .newCloud-tag.fill-stroke.disabled {
3733
- color: rgba(0, 0, 0, 0.25);
3734
- background: #f5f5f5;
3735
- cursor: not-allowed !important;
3736
- border: 1px solid #E8E8E8;
3737
- padding: 2px 8px;
3738
- }
3739
- .newCloud-tag.fill-stroke.disabled:hover {
3740
- color: rgba(0, 0, 0, 0.25);
3741
- background: #f5f5f5;
3742
- }
3743
- .newCloud-tag.fill-stroke.disabled.defaultTag,
3744
- .newCloud-tag.fill-stroke.disabled.link {
3745
- padding: 1px 7px;
3746
- }
3747
- .newCloud-tag.fill-stroke.disabled.checked {
3748
- color: white;
3749
- background: var(--shuyunBlue2);
3750
- border-color: var(--shuyunBlue2);
3751
- }
3752
- .newCloud-tag.fill-stroke .tag-close-icon {
3753
- color: var(--shuyunBlue3);
3754
- }
3755
- .newCloud-tag.fill-stroke .tag-close-icon:hover {
3756
- color: var(--shuyunBlue5);
3757
- }
3758
- .newCloud-tag.fill-stroke .tag-close-icon:active {
3759
- color: var(--shuyunBlue6);
3760
- }
3761
3422
 
3762
3423
  .newCloud-picker {
3763
- display: inline-flex;
3764
3424
  height: 32px;
3765
3425
  background: #ffffff;
3766
- border-radius: 3px;
3767
3426
  border: 1px solid #e8e8e8;
3768
3427
  box-sizing: border-box;
3769
3428
  margin: 0;
@@ -3775,14 +3434,14 @@ input::-webkit-search-cancel-button {
3775
3434
  list-style: none;
3776
3435
  padding: 6px 12px;
3777
3436
  position: relative;
3437
+ display: inline-flex;
3778
3438
  align-items: center;
3439
+ background: #fff;
3440
+ border-radius: 2px;
3779
3441
  transition: border 0.3s, box-shadow 0.3s;
3780
3442
  }
3781
3443
  .newCloud-picker:hover {
3782
- border-color: var(--shuyunBlue4);
3783
- }
3784
- .newCloud-picker:hover .newCloud-picker-suffix {
3785
- border-color: var(--shuyunBlue4);
3444
+ border-color: rgba(0, 0, 0, 0.25);
3786
3445
  }
3787
3446
  .newCloud-picker-focused,
3788
3447
  .newCloud-picker-focused:hover {
@@ -3797,9 +3456,6 @@ input::-webkit-search-cancel-button {
3797
3456
  .newCloud-picker-disabled:hover {
3798
3457
  border-color: #e8e8e8;
3799
3458
  }
3800
- .newCloud-picker-disabled:hover .newCloud-picker-suffix {
3801
- border-color: #e8e8e8;
3802
- }
3803
3459
  .newCloud-picker-disabled,
3804
3460
  .newCloud-picker-disabled input {
3805
3461
  cursor: not-allowed;
@@ -3940,8 +3596,8 @@ input::-webkit-search-cancel-button {
3940
3596
  overflow: hidden;
3941
3597
  vertical-align: top;
3942
3598
  background: #fff;
3943
- border-radius: 6px;
3944
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
3599
+ border-radius: 2px;
3600
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
3945
3601
  transition: margin 0.3s;
3946
3602
  }
3947
3603
  .newCloud-picker-panel-container .newCloud-picker-panel {
@@ -4294,6 +3950,10 @@ input::-webkit-search-cancel-button {
4294
3950
  border-radius: 2px;
4295
3951
  transition: background-color 0.3s, border 0.3s;
4296
3952
  }
3953
+ .newCloud-picker-cell:hover:not(.newCloud-picker-cell-in-view):not(.newCloud-picker-cell-week) .newCloud-picker-cell-inner,
3954
+ .newCloud-picker-cell:hover:not(.newCloud-picker-cell-selected):not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-range-hover-start):not(.newCloud-picker-cell-range-hover-end) .newCloud-picker-cell-inner {
3955
+ background-color: var(--shuyunBlue1);
3956
+ }
4297
3957
  .newCloud-picker-cell-selected:not(.newCloud-picker-cell-in-range).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4298
3958
  .newCloud-picker-cell-range-start.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4299
3959
  .newCloud-picker-cell-range-end.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
@@ -4330,12 +3990,7 @@ input::-webkit-search-cancel-button {
4330
3990
  .newCloud-picker-year-panel .newCloud-picker-content {
4331
3991
  height: 200px;
4332
3992
  }
4333
- .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 {
4334
- color: rgba(0, 0, 0, 0.65) !important;
4335
- }
4336
- .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 {
4337
- background: #F5F5F5;
4338
- }
3993
+ .newCloud-picker-week-panel-row:hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4339
3994
  .newCloud-picker-week-panel-row-range-hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
4340
3995
  background: var(--shuyunBlue1);
4341
3996
  }
@@ -4380,21 +4035,37 @@ input::-webkit-search-cancel-button {
4380
4035
  border-top-left-radius: 0;
4381
4036
  border-bottom-left-radius: 0;
4382
4037
  }
4383
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4384
- .newCloud-picker-week-panel-row-range-start:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4385
- .newCloud-picker-week-panel-row-range-end:not(.newCloud-picker-week-panel-row-selected-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4386
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-range-start-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4387
- .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),
4388
- .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),
4389
- .newCloud-picker-week-panel-row-selected:not(.newCloud-picker-week-panel-row-range-end-range-hover) .newCloud-picker-cell:not(.newCloud-picker-cell-week),
4390
- .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),
4391
- .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) {
4392
- color: #ffffff;
4038
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4039
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4040
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4041
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4042
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
4043
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
4044
+ background: var(--shuyunBlue4) !important;
4393
4045
  }
4394
4046
  .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4395
4047
  .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
4396
4048
  .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
4397
- background: var(--shuyunBlue4);
4049
+ background: var(--shuyunBlue2);
4050
+ }
4051
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4052
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4053
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
4054
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
4055
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
4056
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner {
4057
+ color: #fff;
4058
+ background: var(--shuyunBlue4) !important;
4059
+ }
4060
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
4061
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
4062
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before {
4063
+ left: 8px;
4064
+ }
4065
+ .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
4066
+ .newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
4067
+ .newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before {
4068
+ right: 8px;
4398
4069
  }
4399
4070
  .newCloud-picker-month-panel .newCloud-picker-cell::before,
4400
4071
  .newCloud-picker-year-panel .newCloud-picker-cell::before,
@@ -4414,22 +4085,12 @@ input::-webkit-search-cancel-button {
4414
4085
  .newCloud-picker-quarter-panel .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
4415
4086
  color: #fff;
4416
4087
  }
4417
- .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,
4418
- .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,
4419
- .newCloud-picker-quarter-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-in-view) .newCloud-picker-cell-inner {
4088
+ .newCloud-picker-month-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
4089
+ .newCloud-picker-year-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
4090
+ .newCloud-picker-quarter-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner {
4420
4091
  color: rgba(0, 0, 0, 0.85);
4421
4092
  background: unset;
4422
4093
  }
4423
- .newCloud-picker .icon-close-fill-1 {
4424
- color: rgba(0, 0, 0, 0.25);
4425
- }
4426
- .newCloud-picker .icon-close-fill-1:hover {
4427
- color: rgba(0, 0, 0, 0.45);
4428
- }
4429
- .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,
4430
- .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 {
4431
- background-color: #F5F5F5;
4432
- }
4433
4094
  .newCloud-picker-range {
4434
4095
  display: inline-flex;
4435
4096
  align-items: stretch;
@@ -4472,10 +4133,10 @@ input::-webkit-search-cancel-button {
4472
4133
  .has-error .newCloud-picker-range .newCloud-picker-suffix {
4473
4134
  border-color: #e74949 !important;
4474
4135
  }
4475
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-input,
4476
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-range-separator,
4477
- .newCloud-picker-range:not(.newCloud-picker-disabled):hover .newCloud-picker-suffix {
4478
- border-color: var(--shuyunBlue4);
4136
+ .newCloud-picker-range:hover .newCloud-picker-input,
4137
+ .newCloud-picker-range:hover .newCloud-picker-range-separator,
4138
+ .newCloud-picker-range:hover .newCloud-picker-suffix {
4139
+ border-color: #bfbfbf;
4479
4140
  }
4480
4141
  .newCloud-picker-range.newCloud-picker-focused .newCloud-picker-input-active {
4481
4142
  border-color: var(--shuyunBlue4) !important;
@@ -4494,7 +4155,7 @@ input::-webkit-search-cancel-button {
4494
4155
  transition: border-color 0.3s;
4495
4156
  }
4496
4157
  .newCloud-picker-range .newCloud-picker-range-separator .newCloud-picker-separator {
4497
- color: rgba(0, 0, 0, 0.65);
4158
+ color: rgba(0, 0, 0, 0.25);
4498
4159
  padding: 0 4px;
4499
4160
  }
4500
4161
  .newCloud-picker-range .newCloud-picker-suffix {
@@ -4575,16 +4236,16 @@ input::-webkit-search-cancel-button {
4575
4236
  .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
4576
4237
  right: 8px;
4577
4238
  }
4578
- .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,
4579
- .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,
4580
- .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,
4581
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before {
4239
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4240
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4241
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
4242
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before {
4582
4243
  left: 18px;
4583
4244
  }
4584
- .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,
4585
- .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,
4586
- .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,
4587
- .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
4245
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4246
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4247
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
4248
+ .newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before {
4588
4249
  right: 18px;
4589
4250
  }
4590
4251
  .newCloud-picker-range-wrapper .newCloud-picker-panel-container {
@@ -4689,32 +4350,12 @@ input::-webkit-search-cancel-button {
4689
4350
  transition: border 0.3s, color 0.3s;
4690
4351
  box-sizing: border-box;
4691
4352
  vertical-align: middle;
4692
- border-radius: 3px;
4693
- }
4694
- .newCloud-input-loading-spin {
4695
- display: inline-block;
4696
- width: 14px;
4697
- height: 14px;
4698
- border-radius: 50%;
4699
- animation: load 1.5s infinite linear;
4700
- border: 1px solid var(--shuyunBlue4);
4701
- border-right: 1px solid transparent;
4702
- }
4703
- @keyframes load {
4704
- from {
4705
- transform: rotate(0deg);
4706
- }
4707
- to {
4708
- transform: rotate(360deg);
4709
- }
4710
- }
4711
- .newCloud-input-group:not(.newCloud-input-disabled) .icon-search:hover {
4712
- cursor: pointer;
4353
+ border-radius: 2px;
4713
4354
  }
4714
4355
  .newCloud-input,
4715
4356
  .newCloud-input-textarea {
4716
4357
  border: 1px solid #e8e8e8;
4717
- border-radius: 3px;
4358
+ border-radius: 2px;
4718
4359
  outline: none;
4719
4360
  width: 250px;
4720
4361
  vertical-align: top;
@@ -4799,20 +4440,11 @@ input::-webkit-search-cancel-button {
4799
4440
  color: rgba(0, 0, 0, 0.85);
4800
4441
  }
4801
4442
  .newCloud-input-affix:hover {
4802
- border-color: var(--shuyunBlue4);
4803
- }
4804
- .newCloud-input-affix .icon-search {
4805
- color: rgba(0, 0, 0, 0.25);
4806
- cursor: pointer;
4807
- font-size: 16px;
4808
- }
4809
- .newCloud-input-affix .icon-search:hover {
4810
- color: var(--shuyunBlue4);
4443
+ border-color: rgba(0, 0, 0, 0.25);
4811
4444
  }
4812
4445
  .newCloud-input-counter {
4813
- font-size: 14px;
4814
- line-height: 20px;
4815
- color: rgba(0, 0, 0, 0.25);
4446
+ font-size: 12px;
4447
+ color: #c9c9c9;
4816
4448
  word-break: keep-all;
4817
4449
  }
4818
4450
  .newCloud-input-addon {
@@ -4886,7 +4518,7 @@ input::-webkit-search-cancel-button {
4886
4518
  }
4887
4519
  .newCloud-input-textarea:hover,
4888
4520
  .newCloud-input:hover {
4889
- border-color: var(--shuyunBlue4);
4521
+ border-color: rgba(0, 0, 0, 0.25);
4890
4522
  }
4891
4523
  .newCloud-input-focus.newCloud-input-affix,
4892
4524
  .newCloud-input-focus .newCloud-input-affix,
@@ -4894,12 +4526,6 @@ input::-webkit-search-cancel-button {
4894
4526
  .newCloud-input:focus {
4895
4527
  border-color: var(--shuyunBlue4);
4896
4528
  }
4897
- .newCloud-input-focus.newCloud-input-affix .icon-search,
4898
- .newCloud-input-focus .newCloud-input-affix .icon-search,
4899
- .newCloud-input-textarea:focus .icon-search,
4900
- .newCloud-input:focus .icon-search {
4901
- color: var(--shuyunBlue4);
4902
- }
4903
4529
  .newCloud-input-disabled.newCloud-input-affix,
4904
4530
  .newCloud-input-disabled .newCloud-input-affix,
4905
4531
  .newCloud-input-textarea:disabled,
@@ -4914,18 +4540,6 @@ input::-webkit-search-cancel-button {
4914
4540
  .newCloud-input:disabled:hover {
4915
4541
  border-color: #e8e8e8;
4916
4542
  }
4917
- .newCloud-input-disabled.newCloud-input-affix .icon-search,
4918
- .newCloud-input-disabled .newCloud-input-affix .icon-search,
4919
- .newCloud-input-textarea:disabled .icon-search,
4920
- .newCloud-input:disabled .icon-search {
4921
- cursor: not-allowed;
4922
- }
4923
- .newCloud-input-disabled.newCloud-input-affix .icon-search:hover,
4924
- .newCloud-input-disabled .newCloud-input-affix .icon-search:hover,
4925
- .newCloud-input-textarea:disabled .icon-search:hover,
4926
- .newCloud-input:disabled .icon-search:hover {
4927
- color: rgba(0, 0, 0, 0.25);
4928
- }
4929
4543
  .newCloud-input-textarea-wrapper {
4930
4544
  position: relative;
4931
4545
  }
@@ -4934,11 +4548,12 @@ input::-webkit-search-cancel-button {
4934
4548
  height: 100%;
4935
4549
  border: 1px solid #e8e8e8;
4936
4550
  background: #ffffff;
4937
- border-radius: 3px;
4551
+ border-radius: 2px;
4938
4552
  }
4939
4553
  .newCloud-input-textarea {
4940
4554
  font-family: inherit;
4941
4555
  width: 100%;
4556
+ resize: none;
4942
4557
  border: none;
4943
4558
  }
4944
4559
  .newCloud-input-textarea.has-counter {
@@ -4961,7 +4576,7 @@ input::-webkit-search-cancel-button {
4961
4576
  }
4962
4577
  .newCloud-select {
4963
4578
  display: inline-block;
4964
- min-width: 50px;
4579
+ min-width: 100px;
4965
4580
  max-width: 400px;
4966
4581
  position: relative;
4967
4582
  }
@@ -4969,7 +4584,7 @@ input::-webkit-search-cancel-button {
4969
4584
  box-sizing: border-box;
4970
4585
  }
4971
4586
  .newCloud-select:hover .newCloud-select-selected {
4972
- border: 1px solid var(--shuyunBlue4);
4587
+ border: 1px solid rgba(0, 0, 0, 0.25);
4973
4588
  }
4974
4589
  .newCloud-select:hover .newCloud-select-selected .newCloud-select-select-icon {
4975
4590
  color: rgba(0, 0, 0, 0.25);
@@ -4981,9 +4596,8 @@ input::-webkit-search-cancel-button {
4981
4596
  display: flex;
4982
4597
  align-items: center;
4983
4598
  justify-content: space-between;
4984
- border-radius: 3px;
4599
+ border-radius: 2px;
4985
4600
  cursor: pointer;
4986
- padding-right: 28px;
4987
4601
  }
4988
4602
  .newCloud-select .newCloud-select-wrapper.default {
4989
4603
  height: 32px;
@@ -4995,37 +4609,29 @@ input::-webkit-search-cancel-button {
4995
4609
  height: 36px;
4996
4610
  }
4997
4611
  .newCloud-select .newCloud-select-wrapper:hover {
4998
- border: 1px solid var(--shuyunBlue4);
4612
+ border: 1px solid rgba(0, 0, 0, 0.25);
4999
4613
  }
5000
4614
  .newCloud-select .newCloud-select-wrapper:hover .newCloud-select-select-icon {
5001
4615
  color: rgba(0, 0, 0, 0.25);
5002
4616
  }
5003
4617
  .newCloud-select .newCloud-select-wrapper.disabled {
5004
- border: 1px solid #e8e8e8;
5005
- background: #f5f5f5;
4618
+ border: 1px solid #d9d9d9;
4619
+ background: #eee;
5006
4620
  cursor: not-allowed;
5007
4621
  }
5008
4622
  .newCloud-select .newCloud-select-wrapper.disabled:hover {
5009
- border-color: 1px solid #e8e8e8;
4623
+ border-color: 1px solid #d9d9d9;
5010
4624
  }
5011
4625
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-selected {
5012
- color: rgba(0, 0, 0, 0.45);
5013
- background: #f5f5f5;
4626
+ color: rgba(0, 0, 0, 0.25);
4627
+ background: #eee;
5014
4628
  cursor: not-allowed;
5015
4629
  }
5016
4630
  .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-select-icon {
5017
4631
  color: rgba(0, 0, 0, 0.25);
5018
4632
  }
5019
- .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-single-select-selected,
5020
- .newCloud-select .newCloud-select-wrapper.disabled.single-search-in-box .newCloud-select-search-selected,
5021
- .newCloud-select .newCloud-select-wrapper.disabled.comma-search-in-box .newCloud-select-search-selected {
5022
- color: rgba(0, 0, 0, 0.45);
5023
- }
5024
- .newCloud-select .newCloud-select-wrapper.disabled .newCloud-select-select-icon:hover {
5025
- color: rgba(0, 0, 0, 0.25);
5026
- }
5027
4633
  .newCloud-select .newCloud-select-wrapper.empty .newCloud-select-selected {
5028
- color: rgba(0, 0, 0, 0.25);
4634
+ color: rgba(0, 0, 0, 0.45);
5029
4635
  }
5030
4636
  .newCloud-select .newCloud-select-wrapper.hidden {
5031
4637
  background: transparent;
@@ -5037,223 +4643,37 @@ input::-webkit-search-cancel-button {
5037
4643
  .newCloud-select .newCloud-select-wrapper.hidden .newCloud-select-selected {
5038
4644
  background: transparent;
5039
4645
  }
5040
- .newCloud-select .newCloud-select-wrapper.single-search-in-box,
5041
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box {
5042
- padding: 6px 28px 6px 12px;
5043
- }
5044
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-select-container,
5045
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-select-container {
5046
- display: flex;
5047
- align-items: center;
5048
- flex: 1;
5049
- width: calc(100% - 40px);
5050
- }
5051
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search-selected,
5052
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search-selected {
5053
- width: 100%;
4646
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-selected {
4647
+ flex: 1 0;
4648
+ padding: 6px 12px;
5054
4649
  font-size: 14px;
5055
4650
  color: #3d3d3d;
5056
- }
5057
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search-selected.overflow-ellipsis,
5058
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search-selected.overflow-ellipsis {
4651
+ border: none;
5059
4652
  white-space: nowrap;
5060
4653
  overflow: hidden;
5061
4654
  text-overflow: ellipsis;
4655
+ cursor: pointer;
5062
4656
  }
5063
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search-selected.scroll-selected,
5064
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search-selected.scroll-selected {
5065
- white-space: nowrap;
5066
- overflow: auto;
4657
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon {
4658
+ font-size: 14px;
4659
+ color: rgba(0, 0, 0, 0.25);
4660
+ margin-right: 10px;
4661
+ transition: transform 0.3s;
5067
4662
  }
5068
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search-selected.scroll-selected::-webkit-scrollbar,
5069
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search-selected.scroll-selected::-webkit-scrollbar {
5070
- background: transparent;
5071
- width: 0;
5072
- height: 0;
4663
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.open {
4664
+ transform: rotate(180deg);
5073
4665
  }
5074
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search,
5075
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search {
5076
- width: 0;
5077
- flex: 1;
4666
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.close {
4667
+ transform: rotate(0deg);
5078
4668
  }
5079
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search .newCloud-select-search-input,
5080
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search .newCloud-select-search-input {
5081
- width: 100%;
5082
- height: 30px;
5083
- border: none;
5084
- padding: 0;
5085
- outline: none;
5086
- z-index: 1;
5087
- background: transparent;
5088
- white-space: nowrap;
5089
- overflow: hidden;
5090
- text-overflow: ellipsis;
4669
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.hidden {
4670
+ display: none;
5091
4671
  }
5092
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .newCloud-select-search .newCloud-select-search-icon,
5093
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .newCloud-select-search .newCloud-select-search-icon {
5094
- color: rgba(0, 0, 0, 0.25);
5095
- right: 18px;
5096
- top: 10px;
5097
- display: block;
4672
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon {
4673
+ display: none;
5098
4674
  }
5099
- .newCloud-select .newCloud-select-wrapper.single-search-in-box .search-placeholder,
5100
- .newCloud-select .newCloud-select-wrapper.comma-search-in-box .search-placeholder {
5101
- color: rgba(0, 0, 0, 0.25);
5102
- font-size: 14px;
5103
- }
5104
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box {
5105
- height: auto;
5106
- min-height: 32px;
5107
- flex-wrap: wrap;
5108
- justify-content: flex-start;
5109
- gap: 4px;
5110
- padding-top: 4px;
5111
- padding-bottom: 4px;
5112
- padding-left: 8px;
5113
- font-size: 14px;
5114
- color: #3d3d3d;
5115
- }
5116
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-container {
5117
- display: flex;
5118
- align-items: center;
5119
- flex: 1;
5120
- flex-wrap: wrap;
5121
- gap: 4px;
5122
- width: calc(100% - 30px);
5123
- }
5124
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.large {
5125
- min-height: 36px;
5126
- }
5127
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.large .newCloud-select-multiple-search-item {
5128
- height: 26px;
5129
- }
5130
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.small {
5131
- min-height: 28px;
5132
- }
5133
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box.small .newCloud-select-multiple-search-item {
5134
- height: 20px;
5135
- }
5136
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search {
5137
- position: relative;
5138
- width: 4px;
5139
- }
5140
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search .newCloud-select-search-input {
5141
- width: 100%;
5142
- height: 20px;
5143
- border: none;
5144
- padding: 0;
5145
- outline: none;
5146
- z-index: 1;
5147
- background: transparent;
5148
- white-space: nowrap;
5149
- overflow: hidden;
5150
- text-overflow: ellipsis;
5151
- }
5152
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-search .newCloud-select-search-icon {
5153
- color: rgba(0, 0, 0, 0.25);
5154
- }
5155
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder {
5156
- position: absolute;
5157
- color: rgba(0, 0, 0, 0.25);
5158
- }
5159
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder .multi-unlimited {
5160
- color: rgba(0, 0, 0, 0.85);
5161
- }
5162
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item {
5163
- height: 22px;
5164
- line-height: 22px;
5165
- display: inline-flex;
5166
- align-items: center;
5167
- gap: 4px;
5168
- background: #F5F5F5;
5169
- border: 1px solid #f5f5f5;
5170
- border-radius: 2px;
5171
- color: rgba(0, 0, 0, 0.85);
5172
- padding: 0 6px;
5173
- max-width: 100%;
5174
- font-size: 12px;
5175
- }
5176
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item-text {
5177
- white-space: nowrap;
5178
- overflow: hidden;
5179
- text-overflow: ellipsis;
5180
- }
5181
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item i {
5182
- font-size: 12px;
5183
- color: rgba(0, 0, 0, 0.25);
5184
- }
5185
- .newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multiple-search-item.disabled {
5186
- color: rgba(0, 0, 0, 0.45);
5187
- border: 1px solid #E8E8E8;
5188
- }
5189
- .newCloud-select .newCloud-select-wrapper.border-radius-medium {
5190
- border-radius: 6px;
5191
- }
5192
- .newCloud-select .newCloud-select-wrapper.border-radius-large {
5193
- border-radius: 12px;
5194
- }
5195
- .newCloud-select .newCloud-select-wrapper .newCloud-select-selected {
5196
- flex: 1 0;
5197
- padding: 0 6px;
5198
- font-size: 14px;
5199
- color: #3d3d3d;
5200
- border: none;
5201
- cursor: pointer;
5202
- }
5203
- .newCloud-select .newCloud-select-wrapper .newCloud-select-selected.overflow-ellipsis {
5204
- white-space: nowrap;
5205
- overflow: hidden;
5206
- text-overflow: ellipsis;
5207
- }
5208
- .newCloud-select .newCloud-select-wrapper .newCloud-select-selected.scroll-selected {
5209
- white-space: nowrap;
5210
- overflow: auto;
5211
- }
5212
- .newCloud-select .newCloud-select-wrapper .newCloud-select-selected.scroll-selected::-webkit-scrollbar {
5213
- background: transparent;
5214
- width: 0;
5215
- height: 0;
5216
- }
5217
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon {
5218
- position: absolute;
5219
- right: 0;
5220
- font-size: 16px;
5221
- color: rgba(0, 0, 0, 0.25);
5222
- margin-right: 10px;
5223
- transition: transform 0.3s;
5224
- }
5225
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.open {
5226
- transform: rotate(180deg);
5227
- }
5228
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.close {
5229
- transform: rotate(0deg);
5230
- }
5231
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon.hidden {
5232
- display: none;
5233
- }
5234
- .newCloud-select .newCloud-select-wrapper .newCloud-select-select-icon:hover {
5235
- color: rgba(0, 0, 0, 0.45);
5236
- }
5237
- .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon {
5238
- display: none;
5239
- }
5240
- .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon.show {
5241
- display: block;
5242
- }
5243
- .newCloud-select .newCloud-select-wrapper .newCloud-select-search-icon {
5244
- position: absolute;
5245
- right: 0;
5246
- display: none;
5247
- background: white;
5248
- z-index: 1;
5249
- margin-right: 1px;
5250
- width: 25px;
5251
- font-size: 16px;
5252
- color: rgba(0, 0, 0, 0.25);
5253
- transition: transform 0.3s;
5254
- }
5255
- .newCloud-select .newCloud-select-wrapper .newCloud-select-search-icon.show {
5256
- display: block;
4675
+ .newCloud-select .newCloud-select-wrapper .newCloud-select-clear-icon.show {
4676
+ display: block;
5257
4677
  }
5258
4678
  .newCloud-select-open .newCloud-select-wrapper {
5259
4679
  border: 1px solid var(--shuyunBlue4) !important;
@@ -5264,22 +4684,14 @@ input::-webkit-search-cancel-button {
5264
4684
  .newCloud-select-open .newCloud-select-wrapper .newCloud-select-select-icon {
5265
4685
  color: rgba(0, 0, 0, 0.25);
5266
4686
  }
5267
- .newCloud-select-open.newCloud-select .newCloud-select-wrapper.multi-search-in-box .newCloud-select-multi-search-placeholder .multi-unlimited {
5268
- color: rgba(0, 0, 0, 0.25);
5269
- }
5270
4687
  .newCloud-select-option-container {
5271
- opacity: 0;
5272
4688
  z-index: 1020;
5273
4689
  width: 100%;
5274
4690
  position: absolute;
5275
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
5276
- border-radius: 6px;
4691
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
4692
+ border-radius: 2px;
5277
4693
  padding: 8px 0;
5278
4694
  background: #fff;
5279
- transition: opacity 0.2s;
5280
- }
5281
- .newCloud-select-option-container.show {
5282
- opacity: 1;
5283
4695
  }
5284
4696
  .newCloud-select-option-container .divider {
5285
4697
  height: 1px;
@@ -5291,14 +4703,16 @@ input::-webkit-search-cancel-button {
5291
4703
  color: rgba(0, 0, 0, 0.45);
5292
4704
  font-size: 12px;
5293
4705
  margin-left: 12px;
5294
- height: 32px;
5295
- line-height: 32px;
4706
+ margin-bottom: 8px;
4707
+ }
4708
+ .newCloud-select-group-select-options .groupName:not(:first-child) {
4709
+ margin-top: 8px;
5296
4710
  }
5297
4711
  .newCloud-select-select-options {
5298
4712
  box-sizing: border-box;
5299
4713
  padding: 0;
5300
4714
  margin: 0;
5301
- min-width: 50px;
4715
+ min-width: 100px;
5302
4716
  width: 100%;
5303
4717
  cursor: pointer;
5304
4718
  }
@@ -5322,7 +4736,7 @@ input::-webkit-search-cancel-button {
5322
4736
  padding-right: 20px;
5323
4737
  height: 25px;
5324
4738
  border: 1px solid #e8e8e8;
5325
- border-radius: 3px;
4739
+ border-radius: 2px;
5326
4740
  outline: none;
5327
4741
  white-space: nowrap;
5328
4742
  overflow: hidden;
@@ -5342,49 +4756,36 @@ input::-webkit-search-cancel-button {
5342
4756
  width: 100%;
5343
4757
  line-height: 20px;
5344
4758
  padding: 6px 12px;
5345
- white-space: nowrap;
5346
- display: flex;
5347
- cursor: pointer;
5348
- }
5349
- .newCloud-select-select-options .newCloud-select-option .option-content {
5350
- flex: 1;
5351
- }
5352
- .newCloud-select-select-options .newCloud-select-option.overflow-ellipsis .option-content {
5353
4759
  white-space: nowrap;
5354
4760
  overflow: hidden;
5355
4761
  text-overflow: ellipsis;
5356
4762
  }
5357
- .newCloud-select-select-options .newCloud-select-option.scroll-item .option-content {
5358
- overflow: auto;
5359
- }
5360
- .newCloud-select-select-options .newCloud-select-option.scroll-item .option-content::-webkit-scrollbar {
5361
- background: transparent;
5362
- width: 0;
5363
- height: 0;
5364
- }
5365
- .newCloud-select-select-options .newCloud-select-option.scroll-item.newCloud-select-multi-option .option-content {
5366
- overflow: auto;
5367
- }
5368
- .newCloud-select-select-options .newCloud-select-option.scroll-item.newCloud-select-multi-option .option-content::-webkit-scrollbar {
5369
- background: transparent;
5370
- width: 0;
5371
- height: 0;
5372
- }
5373
- .newCloud-select-select-options .newCloud-select-option.newCloud-select-option-select-all {
5374
- height: auto;
5375
- }
5376
4763
  .newCloud-select-select-options .newCloud-select-option:hover {
5377
- background: #f5f5f5;
4764
+ background: var(--shuyunBlue1);
5378
4765
  }
5379
4766
  .newCloud-select-select-options .newCloud-select-option.disabled {
5380
4767
  cursor: not-allowed;
5381
4768
  }
5382
4769
  .newCloud-select-select-options .newCloud-select-option.disabled span {
5383
- color: rgba(0, 0, 0, 0.45);
4770
+ color: rgba(0, 0, 0, 0.25);
5384
4771
  }
5385
4772
  .newCloud-select-select-options .newCloud-select-option.selected {
5386
4773
  background: var(--shuyunBlue2);
5387
4774
  }
4775
+ .newCloud-select-select-options .newCloud-select-multi-option {
4776
+ display: flex;
4777
+ cursor: pointer;
4778
+ }
4779
+ .newCloud-select-select-options .newCloud-select-multi-option > span {
4780
+ flex: 1;
4781
+ white-space: nowrap;
4782
+ overflow: hidden;
4783
+ text-overflow: ellipsis;
4784
+ text-align: left;
4785
+ min-height: 20px;
4786
+ display: flex;
4787
+ align-items: center;
4788
+ }
5388
4789
  .newCloud-select-select-options .newCloud-select-single-selected-icon {
5389
4790
  color: var(--shuyunBlue4);
5390
4791
  }
@@ -5395,11 +4796,11 @@ input::-webkit-search-cancel-button {
5395
4796
  align-items: center;
5396
4797
  justify-content: center;
5397
4798
  flex-direction: column;
5398
- font-size: 12px;
5399
- color: rgba(0, 0, 0, 0.25);
4799
+ font-size: 14px;
4800
+ color: rgba(0, 0, 0, 0.45);
5400
4801
  }
5401
4802
  .newCloud-select-select-options .newCloud-select-empty-options > img {
5402
- width: 104px;
4803
+ width: 70%;
5403
4804
  height: auto;
5404
4805
  margin-bottom: 8px;
5405
4806
  }
@@ -5418,7 +4819,7 @@ input::-webkit-search-cancel-button {
5418
4819
  background: #fff;
5419
4820
  }
5420
4821
  .newCloud-select-select-options .newCloud-select-multiple-options .newCloud-select-option-list .newCloud-select-option:hover {
5421
- background: #f5f5f5;
4822
+ background: var(--shuyunBlue1);
5422
4823
  }
5423
4824
  .newCloud-select-select-options .newCloud-select-operate-btn {
5424
4825
  display: flex;
@@ -5427,16 +4828,11 @@ input::-webkit-search-cancel-button {
5427
4828
  border-top: 1px solid rgba(0, 0, 0, 0.25);
5428
4829
  }
5429
4830
  .newCloud-select-select-options .newCloud-select-operate-btn .btn {
5430
- width: 50px;
4831
+ width: 100px;
5431
4832
  }
5432
4833
  .newCloud-select-select-options .newCloud-select-operate-btn .btn:not(:last-child) {
5433
4834
  margin-right: 10px;
5434
4835
  }
5435
- .newCloud-select-select-options .newCloud-select-desc {
5436
- color: rgba(0, 0, 0, 0.45);
5437
- margin-left: 8px;
5438
- font-size: 12px;
5439
- }
5440
4836
 
5441
4837
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
5442
4838
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -5509,19 +4905,13 @@ input::-webkit-search-cancel-button {
5509
4905
  display: inline-flex;
5510
4906
  align-items: center;
5511
4907
  height: 20px;
5512
- font-size: 14px;
5513
- line-height: 20px;
5514
4908
  }
5515
4909
  .newCloud-checkbox:not(.newCloud-checkbox-disabled):hover {
5516
4910
  cursor: pointer;
5517
4911
  }
5518
- .newCloud-checkbox:not(.newCloud-checkbox-disabled) .newCloud-checkbox-wrapper:hover .newCloud-checkbox-inner {
5519
- border-color: var(--shuyunBlue4);
5520
- }
5521
4912
  .newCloud-checkbox-group {
5522
4913
  display: inline-flex;
5523
4914
  flex-wrap: wrap;
5524
- gap: 8px 20px;
5525
4915
  }
5526
4916
  .newCloud-checkbox-group.vertical {
5527
4917
  flex-direction: column;
@@ -5529,6 +4919,9 @@ input::-webkit-search-cancel-button {
5529
4919
  .newCloud-checkbox-group.horizontal {
5530
4920
  flex-direction: row;
5531
4921
  }
4922
+ .newCloud-checkbox-group.horizontal > *:not(:last-child) {
4923
+ margin-right: 16px;
4924
+ }
5532
4925
  .newCloud-checkbox-wrapper {
5533
4926
  position: relative;
5534
4927
  flex-shrink: 0;
@@ -5577,13 +4970,10 @@ input::-webkit-search-cancel-button {
5577
4970
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner {
5578
4971
  background: #f5f5f5;
5579
4972
  }
5580
- .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-inner:hover {
5581
- border-color: #d9d9d9;
5582
- }
5583
4973
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-checked .newCloud-checkbox-inner,
5584
4974
  .newCloud-checkbox.newCloud-checkbox-disabled.newCloud-checkbox-indeterminate .newCloud-checkbox-inner {
5585
- border-color: #d9d9d9;
5586
- background: #d9d9d9;
4975
+ border-color: var(--shuyunBlue2);
4976
+ background: var(--shuyunBlue2);
5587
4977
  }
5588
4978
  .newCloud-checkbox.newCloud-checkbox-disabled .newCloud-checkbox-text {
5589
4979
  color: rgba(0, 0, 0, 0.25);
@@ -5605,7 +4995,7 @@ input::-webkit-search-cancel-button {
5605
4995
  color: #d66a04;
5606
4996
  }
5607
4997
  .newCloud-popover-icon {
5608
- color: #fd830a;
4998
+ color: #FD830A;
5609
4999
  margin-right: 8px;
5610
5000
  font-size: 16px;
5611
5001
  line-height: 20px;
@@ -5618,7 +5008,6 @@ input::-webkit-search-cancel-button {
5618
5008
  .newCloud-popover-title {
5619
5009
  font-size: 14px;
5620
5010
  color: rgba(0, 0, 0, 0.85);
5621
- font-weight: bold;
5622
5011
  margin-bottom: 4px;
5623
5012
  }
5624
5013
  .newCloud-popover-desc {
@@ -5782,9 +5171,6 @@ input::-webkit-search-cancel-button {
5782
5171
  width: 106px;
5783
5172
  min-width: 106px;
5784
5173
  }
5785
- .newCloud-pagination .change-size .icon-down {
5786
- font-size: 16px;
5787
- }
5788
5174
  .newCloud-pagination.newCloud-pagination-simple ul li,
5789
5175
  .newCloud-pagination.newCloud-pagination-small ul li,
5790
5176
  .newCloud-pagination.newCloud-pagination-mini-page ul li,
@@ -5893,7 +5279,7 @@ input::-webkit-search-cancel-button {
5893
5279
  cursor: not-allowed;
5894
5280
  }
5895
5281
  .newCloud-pagination-mini-container {
5896
- padding: 0!important;
5282
+ padding: 8px 0;
5897
5283
  }
5898
5284
  .newCloud-pagination-mini-container .mini-page-list {
5899
5285
  width: 72px;
@@ -5922,6 +5308,12 @@ input::-webkit-search-cancel-button {
5922
5308
  .newCloud-pagination-mini-container.newCloud-tooltip.bottom-center.is-light:after {
5923
5309
  display: none;
5924
5310
  }
5311
+ .newCloud-pagination-mini-container .newCloud-popover-desc {
5312
+ overflow-y: overlay;
5313
+ }
5314
+ .newCloud-pagination-mini-container .newCloud-popover-desc::-webkit-scrollbar {
5315
+ width: 8px !important;
5316
+ }
5925
5317
 
5926
5318
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
5927
5319
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -6330,7 +5722,6 @@ input::-webkit-search-cancel-button {
6330
5722
  display: flex;
6331
5723
  align-items: center;
6332
5724
  justify-content: space-between;
6333
- font-size: 14px;
6334
5725
  }
6335
5726
  .newCloud-table-footer-statistics {
6336
5727
  display: flex;
@@ -6865,6 +6256,7 @@ input::-webkit-search-cancel-button {
6865
6256
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
6866
6257
  .root-cloud-radio-position,
6867
6258
  .newCloud-radio-input.checked + .newCloud-radio-inner::after,
6259
+ .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after,
6868
6260
  .newCloud-radio-inner {
6869
6261
  position: absolute;
6870
6262
  top: 0;
@@ -6873,33 +6265,21 @@ input::-webkit-search-cancel-button {
6873
6265
  bottom: 0;
6874
6266
  }
6875
6267
  .newCloud-radio {
6876
- height: 20px;
6877
6268
  display: inline-flex;
6878
6269
  align-items: center;
6879
- margin-right: 20px;
6270
+ margin-right: 24px;
6880
6271
  cursor: pointer;
6881
6272
  color: #d9d9d9;
6882
- font-size: 14px;
6883
6273
  }
6884
6274
  .newCloud-radio-group {
6885
6275
  display: inline-flex;
6886
6276
  }
6887
- .newCloud-radio-group.vertical .newCloud-radio,
6888
- .newCloud-radio-group.horizontal .newCloud-radio {
6889
- margin-right: 0;
6890
- margin-bottom: 0;
6891
- }
6892
6277
  .newCloud-radio-group.vertical {
6893
6278
  flex-direction: column;
6894
6279
  gap: 16px;
6895
6280
  }
6896
6281
  .newCloud-radio-group.horizontal {
6897
6282
  flex-direction: row;
6898
- gap: 16px 20px;
6899
- }
6900
- .newCloud-radio-container {
6901
- display: inline-flex;
6902
- align-items: center;
6903
6283
  }
6904
6284
  .newCloud-radio-container-text {
6905
6285
  color: rgba(0, 0, 0, 0.45);
@@ -6913,7 +6293,7 @@ input::-webkit-search-cancel-button {
6913
6293
  margin-right: 8px;
6914
6294
  }
6915
6295
  .newCloud-radio-wrapper:hover {
6916
- color: var(--shuyunBlue4);
6296
+ color: rgba(0, 0, 0, 0.25);
6917
6297
  }
6918
6298
  .newCloud-radio-input {
6919
6299
  position: absolute;
@@ -6944,10 +6324,11 @@ input::-webkit-search-cancel-button {
6944
6324
  background-color: #f5f5f5;
6945
6325
  }
6946
6326
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner {
6947
- color: #d9d9d9;
6327
+ color: var(--shuyunBlue2);
6948
6328
  }
6949
6329
  .newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after {
6950
- background-color: #d9d9d9;
6330
+ background-color: var(--shuyunBlue2);
6331
+ box-shadow: 0 0 5px var(--shuyunBlue2);
6951
6332
  }
6952
6333
  .newCloud-radio-inner {
6953
6334
  z-index: 1;
@@ -6958,6 +6339,7 @@ input::-webkit-search-cancel-button {
6958
6339
  .newCloud-radio-text {
6959
6340
  display: inline-flex;
6960
6341
  align-items: center;
6342
+ line-height: 30px;
6961
6343
  color: rgba(0, 0, 0, 0.85);
6962
6344
  }
6963
6345
  .newCloud-radio .disabled {
@@ -7139,7 +6521,7 @@ input::-webkit-search-cancel-button {
7139
6521
  overflow: hidden;
7140
6522
  background: #fff;
7141
6523
  position: absolute;
7142
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
6524
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
7143
6525
  border-radius: 2px;
7144
6526
  white-space: nowrap;
7145
6527
  }
@@ -7296,60 +6678,22 @@ input::-webkit-search-cancel-button {
7296
6678
  height: 24px;
7297
6679
  width: 24px;
7298
6680
  margin-right: 8px;
7299
- border-radius: 3px;
7300
- }
7301
- .newCloud-complex img[alt='header'] .newCloud-checkbox-wrapper {
7302
- top: 0px;
7303
- }
7304
- .newCloud-complex-has-content .newCloud-checkbox-wrapper {
7305
- top: 3px;
7306
6681
  }
7307
6682
  .newCloud-complex-title {
7308
6683
  color: rgba(0, 0, 0, 0.85);
6684
+ margin-bottom: 4px;
7309
6685
  }
7310
6686
  .newCloud-complex-content {
7311
6687
  color: rgba(0, 0, 0, 0.45);
7312
6688
  line-height: 20px;
7313
- margin-top: 4px;
7314
6689
  }
7315
- .newCloud-complex-card {
7316
- background: #fff;
7317
- padding: 16px;
7318
- border-radius: 6px;
7319
- border: 1px solid #e8e8e8;
7320
- min-width: 120px;
7321
- }
7322
- .newCloud-complex-card:hover {
7323
- border: 1px solid var(--shuyunBlue4);
6690
+ .newCloud-complex.newCloud-complex-overflow-ellipsis .newCloud-complex-content {
6691
+ white-space: nowrap;
6692
+ overflow: hidden;
6693
+ text-overflow: ellipsis;
7324
6694
  }
7325
- .newCloud-complex-card.newCloud-checkbox-checked {
7326
- background-color: var(--shuyunBlue1);
7327
- border: 1px solid var(--shuyunBlue4);
7328
- }
7329
- .newCloud-complex-card.newCloud-checkbox-checked:hover {
7330
- background: var(--shuyunBlue1);
7331
- }
7332
- .newCloud-complex-card-disabled {
7333
- background: #fff;
7334
- }
7335
- .newCloud-complex-card-disabled.newCloud-checkbox-checked {
7336
- background: #f5f5f5 !important;
7337
- border: 1px solid #e8e8e8;
7338
- }
7339
- .newCloud-complex-card-disabled:hover {
7340
- background: #fff;
7341
- border: 1px solid #e8e8e8;
7342
- }
7343
- .newCloud-complex-card-disabled:hover .newCloud-checkbox-inner {
7344
- border-color: #d9d9d9;
7345
- }
7346
- .newCloud-complex.newCloud-complex-overflow-ellipsis .newCloud-complex-content {
7347
- white-space: nowrap;
7348
- overflow: hidden;
7349
- text-overflow: ellipsis;
7350
- }
7351
- .newCloud-complex.newCloud-complex-img {
7352
- height: auto;
6695
+ .newCloud-complex.newCloud-complex-img {
6696
+ height: auto;
7353
6697
  }
7354
6698
  .newCloud-complex.newCloud-complex-img img[alt='header'] {
7355
6699
  height: 48px;
@@ -7375,8 +6719,7 @@ input::-webkit-search-cancel-button {
7375
6719
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
7376
6720
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
7377
6721
  .newCloud-complex-radio {
7378
- line-height: 20px;
7379
- height: 20px;
6722
+ height: 24px;
7380
6723
  }
7381
6724
  .newCloud-complex-radio img[alt='header'] {
7382
6725
  height: 24px;
@@ -7390,40 +6733,31 @@ input::-webkit-search-cancel-button {
7390
6733
  min-width: 177px;
7391
6734
  }
7392
6735
  .newCloud-complex-radio-content {
7393
- margin-top: 4px;
7394
6736
  color: rgba(0, 0, 0, 0.45);
7395
- line-height: 20px;
6737
+ line-height: 16px;
7396
6738
  font-size: 14px;
7397
6739
  }
7398
6740
  .newCloud-complex-radio-card {
7399
6741
  background: #fff;
7400
- padding: 16px;
7401
- border-radius: 6px;
7402
- border: 1px solid #e8e8e8;
6742
+ padding: 18px;
6743
+ border-radius: 2px;
7403
6744
  }
7404
6745
  .newCloud-complex-radio-card:hover {
7405
- border: 1px solid var(--shuyunBlue4);
6746
+ background: #fafafa;
7406
6747
  }
7407
6748
  .newCloud-complex-radio-card-checked {
7408
- background-color: var(--shuyunBlue1);
7409
- border: 1px solid var(--shuyunBlue4);
6749
+ background-color: #f5f8ff;
6750
+ border: 1px solid #5280ff;
7410
6751
  }
7411
6752
  .newCloud-complex-radio-card-checked:hover {
7412
- background: var(--shuyunBlue1);
6753
+ background: #f5f8ff;
7413
6754
  }
7414
6755
  .newCloud-complex-radio-card-disabled {
7415
- background: #f5f5f5;
7416
- border: 1px solid #e8e8e8;
6756
+ background: #fff !important;
6757
+ border: none !important;
7417
6758
  }
7418
6759
  .newCloud-complex-radio-card-disabled:hover {
7419
- border: 1px solid #e8e8e8;
7420
- background: #f5f5f5;
7421
- }
7422
- .newCloud-complex-radio-radius-small {
7423
- border-radius: 3px;
7424
- }
7425
- .newCloud-complex-radio-radius-large {
7426
- border-radius: 12px;
6760
+ background: #fff !important;
7427
6761
  }
7428
6762
  .newCloud-complex-radio.newCloud-complex-radio-overflow-ellipsis .newCloud-complex-radio-content {
7429
6763
  white-space: nowrap;
@@ -7436,7 +6770,7 @@ input::-webkit-search-cancel-button {
7436
6770
  .newCloud-complex-radio.newCloud-complex-radio-img img[alt='header'] {
7437
6771
  height: 48px;
7438
6772
  width: 48px;
7439
- border-radius: 3px;
6773
+ border-radius: 2px;
7440
6774
  }
7441
6775
  .newCloud-complex-radio.newCloud-complex-radio-title-content {
7442
6776
  height: auto;
@@ -7445,6 +6779,7 @@ input::-webkit-search-cancel-button {
7445
6779
  flex-direction: column;
7446
6780
  align-items: flex-start;
7447
6781
  font-size: 14px;
6782
+ line-height: 20px;
7448
6783
  }
7449
6784
  .newCloud-complex-radio.newCloud-complex-radio-title-content .newCloud-radio-wrapper {
7450
6785
  align-self: flex-start;
@@ -7856,7 +7191,7 @@ input::-webkit-search-cancel-button {
7856
7191
  }
7857
7192
  .newCloud-form-item {
7858
7193
  display: flex;
7859
- margin-bottom: 20px;
7194
+ margin-bottom: 24px;
7860
7195
  /* layout */
7861
7196
  /* align */
7862
7197
  /* others */
@@ -7885,12 +7220,12 @@ input::-webkit-search-cancel-button {
7885
7220
  .newCloud-form-item.large .newCloud-form-item-label,
7886
7221
  .newCloud-form-item.large .newCloud-form-item-wrapper {
7887
7222
  min-height: 36px;
7888
- line-height: 35px;
7223
+ line-height: 36px;
7889
7224
  }
7890
7225
  .newCloud-form-item.large .newCloud-form-item-label.has-colon::after,
7891
7226
  .newCloud-form-item.large .newCloud-form-item-wrapper.has-colon::after {
7892
7227
  height: 36px;
7893
- line-height: 35px;
7228
+ line-height: 36px;
7894
7229
  }
7895
7230
  .newCloud-form-item.vertical {
7896
7231
  flex-direction: column;
@@ -7936,17 +7271,10 @@ input::-webkit-search-cancel-button {
7936
7271
  top: -0.5px;
7937
7272
  margin: 0 8px 0 2px;
7938
7273
  }
7939
- .newCloud-form-item.fixedError .has-error + .newCloud-form-item-explain {
7940
- position: relative;
7941
- top: 20px;
7942
- }
7943
- .newCloud-form-item.fixedError .newCloud-form-item-explain {
7944
- position: absolute;
7945
- }
7946
7274
  .newCloud-form-item-explain {
7947
- margin-top: 0;
7948
- line-height: 20px;
7275
+ margin-top: 4px;
7949
7276
  font-size: 12px;
7277
+ line-height: 12px;
7950
7278
  color: #666;
7951
7279
  }
7952
7280
  .newCloud-form-item-explain.error {
@@ -7963,33 +7291,53 @@ input::-webkit-search-cancel-button {
7963
7291
  height: 24px;
7964
7292
  }
7965
7293
  .newCloud-form-item.large .newCloud-radio-text {
7966
- line-height: 35px;
7294
+ line-height: 36px;
7967
7295
  }
7968
7296
  .newCloud-form-item.large .newCloud-picker,
7969
7297
  .newCloud-form-item.large .newCloud-picker-range {
7970
7298
  height: 36px;
7971
7299
  }
7972
- .newCloud-form-item .has-error,
7300
+ .newCloud-form-item .has-error > .newCloud-select-wrapper,
7973
7301
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper,
7974
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-open .newCloud-select-wrapper,
7975
- .newCloud-form-item .has-error > .newCloud-input-number:not(.newCloud-input-number-disabled),
7976
- .newCloud-form-item .has-error > .newCloud-input-textarea-wrapper > textarea,
7977
- .newCloud-form-item .has-error > .newCloud-tree-select .newCloud-tree-select-wrapper,
7302
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper,
7303
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper,
7304
+ .newCloud-form-item .has-error > .newCloud-input-number,
7305
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number,
7306
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number,
7307
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number,
7308
+ .newCloud-form-item .has-error > .newCloud-input-textarea,
7309
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea,
7310
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea,
7311
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea,
7978
7312
  .newCloud-form-item .has-error > .newCloud-input,
7313
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input,
7314
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input,
7315
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input,
7979
7316
  .newCloud-form-item .has-error > .newCloud-input-affix,
7980
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block,
7981
- .newCloud-form-item .has-error .newCloud-datepicker-container,
7982
- .newCloud-form-item .has-error:hover,
7317
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix,
7318
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix,
7319
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix,
7320
+ .newCloud-form-item .has-error > .newCloud-select-wrapper:hover,
7983
7321
  .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-wrapper:hover,
7984
- .newCloud-form-item .has-error > .newCloud-select > .newCloud-select-open .newCloud-select-wrapper:hover,
7985
- .newCloud-form-item .has-error > .newCloud-input-number:not(.newCloud-input-number-disabled):hover,
7986
- .newCloud-form-item .has-error > .newCloud-input-textarea-wrapper > textarea:hover,
7987
- .newCloud-form-item .has-error > .newCloud-tree-select .newCloud-tree-select-wrapper:hover,
7322
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-select-wrapper:hover,
7323
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-select-wrapper:hover,
7324
+ .newCloud-form-item .has-error > .newCloud-input-number:hover,
7325
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-number:hover,
7326
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-number:hover,
7327
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-number:hover,
7328
+ .newCloud-form-item .has-error > .newCloud-input-textarea:hover,
7329
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-textarea:hover,
7330
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-textarea:hover,
7331
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-textarea:hover,
7988
7332
  .newCloud-form-item .has-error > .newCloud-input:hover,
7333
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input:hover,
7334
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input:hover,
7335
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input:hover,
7989
7336
  .newCloud-form-item .has-error > .newCloud-input-affix:hover,
7990
- .newCloud-form-item .has-error .newCloud-datepicker-inp-block:hover,
7991
- .newCloud-form-item .has-error .newCloud-datepicker-container:hover {
7992
- border-color: #e74949 !important;
7337
+ .newCloud-form-item .has-error > .newCloud-select > .newCloud-input-affix:hover,
7338
+ .newCloud-form-item .has-error .newCloud-datepicker-inp-block > .newCloud-input-affix:hover,
7339
+ .newCloud-form-item .has-error .newCloud-datepicker-container > .newCloud-input-affix:hover {
7340
+ border-color: #e74949;
7993
7341
  }
7994
7342
  .newCloud-form .col-1 {
7995
7343
  width: 4.166666666666667%;
@@ -8146,7 +7494,7 @@ input::-webkit-search-cancel-button {
8146
7494
  width: 150px;
8147
7495
  color: rgba(0, 0, 0, 0.85);
8148
7496
  border: 1px solid #e8e8e8;
8149
- border-radius: 3px;
7497
+ border-radius: 2px;
8150
7498
  background-color: #fff;
8151
7499
  transition: border-color 0.3s;
8152
7500
  }
@@ -8154,7 +7502,7 @@ input::-webkit-search-cancel-button {
8154
7502
  box-sizing: border-box;
8155
7503
  }
8156
7504
  .newCloud-input-number:not(.newCloud-input-number-focused):not(.newCloud-input-number-disabled):hover {
8157
- border-color: var(--shuyunBlue4);
7505
+ border-color: rgba(0, 0, 0, 0.25);
8158
7506
  }
8159
7507
  .newCloud-input-number-focused {
8160
7508
  border-color: var(--shuyunBlue4);
@@ -8213,10 +7561,6 @@ input::-webkit-search-cancel-button {
8213
7561
  .newCloud-input-number-handler-sub-icon:hover {
8214
7562
  color: var(--shuyunBlue4);
8215
7563
  }
8216
- .newCloud-input-number-handler-plus-icon:active,
8217
- .newCloud-input-number-handler-sub-icon:active {
8218
- color: rgba(0, 0, 0, 0.45);
8219
- }
8220
7564
  .newCloud-input-number.large {
8221
7565
  height: 36px;
8222
7566
  line-height: 36px;
@@ -8233,9 +7577,6 @@ input::-webkit-search-cancel-button {
8233
7577
  .newCloud-input-number.large .newCloud-input-number-handle {
8234
7578
  width: calc(36px - 2px);
8235
7579
  }
8236
- .newCloud-input-number.large .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8237
- width: calc(100% - 34px);
8238
- }
8239
7580
  .newCloud-input-number.default {
8240
7581
  height: 32px;
8241
7582
  line-height: 32px;
@@ -8252,9 +7593,6 @@ input::-webkit-search-cancel-button {
8252
7593
  .newCloud-input-number.default .newCloud-input-number-handle {
8253
7594
  width: calc(32px - 2px);
8254
7595
  }
8255
- .newCloud-input-number.default .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8256
- width: calc(100% - 30px);
8257
- }
8258
7596
  .newCloud-input-number.small {
8259
7597
  height: 28px;
8260
7598
  line-height: 28px;
@@ -8275,14 +7613,11 @@ input::-webkit-search-cancel-button {
8275
7613
  .newCloud-input-number.small .newCloud-input-number-handle {
8276
7614
  width: calc(28px - 2px);
8277
7615
  }
8278
- .newCloud-input-number.small .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8279
- width: calc(100% - 26px);
8280
- }
8281
7616
  .newCloud-input-number-handler-wrap {
8282
7617
  position: absolute;
8283
7618
  top: 0;
8284
7619
  right: 0;
8285
- width: 30px;
7620
+ width: 22px;
8286
7621
  height: 100%;
8287
7622
  background: #fff;
8288
7623
  border-left: 1px solid #e8e8e8;
@@ -8304,6 +7639,7 @@ input::-webkit-search-cancel-button {
8304
7639
  align-items: center;
8305
7640
  overflow: hidden;
8306
7641
  color: rgba(0, 0, 0, 0.25);
7642
+ font-weight: bold;
8307
7643
  transition: all 0.1s linear;
8308
7644
  }
8309
7645
  .newCloud-input-number-handler-down {
@@ -8315,18 +7651,25 @@ input::-webkit-search-cancel-button {
8315
7651
  cursor: pointer;
8316
7652
  color: var(--shuyunBlue4);
8317
7653
  }
8318
- .newCloud-input-number-handler-up:active,
8319
- .newCloud-input-number-handler-down:active {
8320
- color: rgba(0, 0, 0, 0.45);
8321
- }
8322
7654
  .newCloud-input-number-handler-disabled,
8323
7655
  .newCloud-input-number-handler-disabled:hover {
8324
7656
  color: rgba(0, 0, 0, 0.25);
8325
7657
  cursor: not-allowed;
8326
7658
  }
7659
+ .newCloud-input-number-handler-down-icon,
7660
+ .newCloud-input-number-handler-up-icon {
7661
+ font-size: 12px;
7662
+ transform: scale(0.7);
7663
+ }
8327
7664
  .newCloud-input-number-handler-input {
8328
7665
  height: 100%;
8329
7666
  }
7667
+ .newCloud-input-number-handler-input-left-right {
7668
+ height: 100%;
7669
+ position: absolute;
7670
+ left: 30px;
7671
+ display: inline-block;
7672
+ }
8330
7673
  .newCloud-input-number .newCloud-input-number-input {
8331
7674
  font-size: inherit;
8332
7675
  width: 100%;
@@ -8350,17 +7693,8 @@ input::-webkit-search-cancel-button {
8350
7693
  .newCloud-input-number .newCloud-input-number-input::placeholder {
8351
7694
  color: rgba(0, 0, 0, 0.25);
8352
7695
  }
8353
- .newCloud-input-number-handler-input-left-right {
8354
- height: 100%;
8355
- position: absolute;
8356
- left: 30px;
8357
- display: inline-block;
8358
- }
8359
- .newCloud-input-number-handler-input-left-right .newCloud-input-number-input {
8360
- text-align: center;
8361
- }
8362
7696
  .newCloud-input-number-add-on-container {
8363
- display: inline-flex;
7697
+ display: flex;
8364
7698
  align-items: center;
8365
7699
  }
8366
7700
  .newCloud-input-number-add-on-container .add-on {
@@ -8379,17 +7713,17 @@ input::-webkit-search-cancel-button {
8379
7713
  }
8380
7714
  .newCloud-input-number-add-on-container.newCloud-input-number-add-before .add-on {
8381
7715
  border-right: none;
8382
- border-radius: 3px 0 0 3px;
7716
+ border-radius: 2px 0 0 2px;
8383
7717
  }
8384
7718
  .newCloud-input-number-add-on-container.newCloud-input-number-add-before .newCloud-input-number {
8385
- border-radius: 0 3px 3px 0;
7719
+ border-radius: 0 2px 2px 0;
8386
7720
  }
8387
7721
  .newCloud-input-number-add-on-container.newCloud-input-number-add-after .add-on {
8388
7722
  border-left: none;
8389
- border-radius: 0 3px 3px 0;
7723
+ border-radius: 0 2px 2px 0;
8390
7724
  }
8391
7725
  .newCloud-input-number-add-on-container.newCloud-input-number-add-after .newCloud-input-number {
8392
- border-radius: 3px 0 0 3px;
7726
+ border-radius: 2px 0 0 2px;
8393
7727
  }
8394
7728
  .newCloud-input-number-add-on-container.small .add-on {
8395
7729
  height: 28px;
@@ -8451,8 +7785,8 @@ input::-webkit-search-cancel-button {
8451
7785
  opacity: 0.6;
8452
7786
  }
8453
7787
  .newCloud-message-success {
8454
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8455
- border-radius: 6px;
7788
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7789
+ border-radius: 2px;
8456
7790
  background: #fff;
8457
7791
  }
8458
7792
  .newCloud-message-success .msg-text {
@@ -8470,7 +7804,7 @@ input::-webkit-search-cancel-button {
8470
7804
  color: #3352cc;
8471
7805
  }
8472
7806
  .newCloud-message-success .close-icon {
8473
- color: rgba(0, 0, 0, 0.45);
7807
+ color: rgba(0, 0, 0, 0.25);
8474
7808
  margin-top: 1px;
8475
7809
  }
8476
7810
  .newCloud-message-success .close-icon:hover {
@@ -8480,15 +7814,9 @@ input::-webkit-search-cancel-button {
8480
7814
  color: #21ba45;
8481
7815
  margin-top: 1px;
8482
7816
  }
8483
- .newCloud-message-success.newCloud-message-small-radius {
8484
- border-radius: 3px;
8485
- }
8486
- .newCloud-message-success.newCloud-message-large-radius {
8487
- border-radius: 12px;
8488
- }
8489
7817
  .newCloud-message-error {
8490
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8491
- border-radius: 6px;
7818
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7819
+ border-radius: 2px;
8492
7820
  background: #fff;
8493
7821
  }
8494
7822
  .newCloud-message-error .msg-text {
@@ -8506,7 +7834,7 @@ input::-webkit-search-cancel-button {
8506
7834
  color: #3352cc;
8507
7835
  }
8508
7836
  .newCloud-message-error .close-icon {
8509
- color: rgba(0, 0, 0, 0.45);
7837
+ color: rgba(0, 0, 0, 0.25);
8510
7838
  margin-top: 1px;
8511
7839
  }
8512
7840
  .newCloud-message-error .close-icon:hover {
@@ -8516,15 +7844,9 @@ input::-webkit-search-cancel-button {
8516
7844
  color: #e74949;
8517
7845
  margin-top: 1px;
8518
7846
  }
8519
- .newCloud-message-error.newCloud-message-small-radius {
8520
- border-radius: 3px;
8521
- }
8522
- .newCloud-message-error.newCloud-message-large-radius {
8523
- border-radius: 12px;
8524
- }
8525
7847
  .newCloud-message-info {
8526
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8527
- border-radius: 6px;
7848
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7849
+ border-radius: 2px;
8528
7850
  background: #fff;
8529
7851
  }
8530
7852
  .newCloud-message-info .msg-text {
@@ -8542,7 +7864,7 @@ input::-webkit-search-cancel-button {
8542
7864
  color: #3352cc;
8543
7865
  }
8544
7866
  .newCloud-message-info .close-icon {
8545
- color: rgba(0, 0, 0, 0.45);
7867
+ color: rgba(0, 0, 0, 0.25);
8546
7868
  margin-top: 1px;
8547
7869
  }
8548
7870
  .newCloud-message-info .close-icon:hover {
@@ -8552,15 +7874,9 @@ input::-webkit-search-cancel-button {
8552
7874
  color: var(--shuyunBlue4);
8553
7875
  margin-top: 1px;
8554
7876
  }
8555
- .newCloud-message-info.newCloud-message-small-radius {
8556
- border-radius: 3px;
8557
- }
8558
- .newCloud-message-info.newCloud-message-large-radius {
8559
- border-radius: 12px;
8560
- }
8561
7877
  .newCloud-message-warn {
8562
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8563
- border-radius: 6px;
7878
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7879
+ border-radius: 2px;
8564
7880
  background: #fff;
8565
7881
  }
8566
7882
  .newCloud-message-warn .msg-text {
@@ -8578,7 +7894,7 @@ input::-webkit-search-cancel-button {
8578
7894
  color: #3352cc;
8579
7895
  }
8580
7896
  .newCloud-message-warn .close-icon {
8581
- color: rgba(0, 0, 0, 0.45);
7897
+ color: rgba(0, 0, 0, 0.25);
8582
7898
  margin-top: 1px;
8583
7899
  }
8584
7900
  .newCloud-message-warn .close-icon:hover {
@@ -8588,15 +7904,9 @@ input::-webkit-search-cancel-button {
8588
7904
  color: #fd830a;
8589
7905
  margin-top: 1px;
8590
7906
  }
8591
- .newCloud-message-warn.newCloud-message-small-radius {
8592
- border-radius: 3px;
8593
- }
8594
- .newCloud-message-warn.newCloud-message-large-radius {
8595
- border-radius: 12px;
8596
- }
8597
7907
  .newCloud-message-deepen.newCloud-message-success {
8598
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8599
- border-radius: 6px;
7908
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7909
+ border-radius: 2px;
8600
7910
  background: #21ba45;
8601
7911
  }
8602
7912
  .newCloud-message-deepen.newCloud-message-success .msg-text {
@@ -8614,7 +7924,7 @@ input::-webkit-search-cancel-button {
8614
7924
  color: #3352cc;
8615
7925
  }
8616
7926
  .newCloud-message-deepen.newCloud-message-success .close-icon {
8617
- color: rgba(0, 0, 0, 0.45);
7927
+ color: rgba(0, 0, 0, 0.25);
8618
7928
  margin-top: 1px;
8619
7929
  }
8620
7930
  .newCloud-message-deepen.newCloud-message-success .close-icon:hover {
@@ -8624,15 +7934,9 @@ input::-webkit-search-cancel-button {
8624
7934
  color: #fff;
8625
7935
  margin-top: 1px;
8626
7936
  }
8627
- .newCloud-message-deepen.newCloud-message-success.newCloud-message-small-radius {
8628
- border-radius: 3px;
8629
- }
8630
- .newCloud-message-deepen.newCloud-message-success.newCloud-message-large-radius {
8631
- border-radius: 12px;
8632
- }
8633
7937
  .newCloud-message-deepen.newCloud-message-error {
8634
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8635
- border-radius: 6px;
7938
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7939
+ border-radius: 2px;
8636
7940
  background: #e74949;
8637
7941
  }
8638
7942
  .newCloud-message-deepen.newCloud-message-error .msg-text {
@@ -8650,7 +7954,7 @@ input::-webkit-search-cancel-button {
8650
7954
  color: #3352cc;
8651
7955
  }
8652
7956
  .newCloud-message-deepen.newCloud-message-error .close-icon {
8653
- color: rgba(0, 0, 0, 0.45);
7957
+ color: rgba(0, 0, 0, 0.25);
8654
7958
  margin-top: 1px;
8655
7959
  }
8656
7960
  .newCloud-message-deepen.newCloud-message-error .close-icon:hover {
@@ -8660,15 +7964,9 @@ input::-webkit-search-cancel-button {
8660
7964
  color: #fff;
8661
7965
  margin-top: 1px;
8662
7966
  }
8663
- .newCloud-message-deepen.newCloud-message-error.newCloud-message-small-radius {
8664
- border-radius: 3px;
8665
- }
8666
- .newCloud-message-deepen.newCloud-message-error.newCloud-message-large-radius {
8667
- border-radius: 12px;
8668
- }
8669
7967
  .newCloud-message-deepen.newCloud-message-info {
8670
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8671
- border-radius: 6px;
7968
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7969
+ border-radius: 2px;
8672
7970
  background: var(--shuyunBlue4);
8673
7971
  }
8674
7972
  .newCloud-message-deepen.newCloud-message-info .msg-text {
@@ -8686,7 +7984,7 @@ input::-webkit-search-cancel-button {
8686
7984
  color: #3352cc;
8687
7985
  }
8688
7986
  .newCloud-message-deepen.newCloud-message-info .close-icon {
8689
- color: rgba(0, 0, 0, 0.45);
7987
+ color: rgba(0, 0, 0, 0.25);
8690
7988
  margin-top: 1px;
8691
7989
  }
8692
7990
  .newCloud-message-deepen.newCloud-message-info .close-icon:hover {
@@ -8696,15 +7994,9 @@ input::-webkit-search-cancel-button {
8696
7994
  color: #fff;
8697
7995
  margin-top: 1px;
8698
7996
  }
8699
- .newCloud-message-deepen.newCloud-message-info.newCloud-message-small-radius {
8700
- border-radius: 3px;
8701
- }
8702
- .newCloud-message-deepen.newCloud-message-info.newCloud-message-large-radius {
8703
- border-radius: 12px;
8704
- }
8705
7997
  .newCloud-message-deepen.newCloud-message-warn {
8706
- box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
8707
- border-radius: 6px;
7998
+ box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
7999
+ border-radius: 2px;
8708
8000
  background: #fd830a;
8709
8001
  }
8710
8002
  .newCloud-message-deepen.newCloud-message-warn .msg-text {
@@ -8722,7 +8014,7 @@ input::-webkit-search-cancel-button {
8722
8014
  color: #3352cc;
8723
8015
  }
8724
8016
  .newCloud-message-deepen.newCloud-message-warn .close-icon {
8725
- color: rgba(0, 0, 0, 0.45);
8017
+ color: rgba(0, 0, 0, 0.25);
8726
8018
  margin-top: 1px;
8727
8019
  }
8728
8020
  .newCloud-message-deepen.newCloud-message-warn .close-icon:hover {
@@ -8732,12 +8024,6 @@ input::-webkit-search-cancel-button {
8732
8024
  color: #fff;
8733
8025
  margin-top: 1px;
8734
8026
  }
8735
- .newCloud-message-deepen.newCloud-message-warn.newCloud-message-small-radius {
8736
- border-radius: 3px;
8737
- }
8738
- .newCloud-message-deepen.newCloud-message-warn.newCloud-message-large-radius {
8739
- border-radius: 12px;
8740
- }
8741
8027
 
8742
8028
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8743
8029
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -8940,6 +8226,7 @@ input::-webkit-search-cancel-button {
8940
8226
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
8941
8227
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
8942
8228
  .newCloud-modal {
8229
+ font-family: Tahoma, 'Microsoft Yahei', sans-serif;
8943
8230
  position: fixed;
8944
8231
  top: 0;
8945
8232
  right: 0;
@@ -8978,7 +8265,7 @@ input::-webkit-search-cancel-button {
8978
8265
  position: relative;
8979
8266
  top: 20%;
8980
8267
  background: #fff;
8981
- border-radius: 12px;
8268
+ border-radius: 4px;
8982
8269
  white-space: normal;
8983
8270
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
8984
8271
  }
@@ -9007,7 +8294,7 @@ input::-webkit-search-cancel-button {
9007
8294
  align-items: center;
9008
8295
  justify-content: space-between;
9009
8296
  height: 56px;
9010
- border-radius: 12px 12px 0 0;
8297
+ border-radius: 4px 4px 0 0;
9011
8298
  padding: 0 16px;
9012
8299
  color: #000;
9013
8300
  font-size: 16px;
@@ -9016,7 +8303,7 @@ input::-webkit-search-cancel-button {
9016
8303
  line-height: 24px;
9017
8304
  border-bottom: 1px solid #f5f5f5;
9018
8305
  }
9019
- .newCloud-modal-header.newCloud-modal-header-drag:active {
8306
+ .newCloud-modal-header:active {
9020
8307
  cursor: move;
9021
8308
  }
9022
8309
  .newCloud-modal-header .close-icon {
@@ -9037,7 +8324,7 @@ input::-webkit-search-cancel-button {
9037
8324
  max-height: calc(100vh - 200px);
9038
8325
  color: #3d3d3d;
9039
8326
  background-color: white;
9040
- padding: 20px;
8327
+ padding: 16px;
9041
8328
  overflow: auto;
9042
8329
  box-sizing: border-box;
9043
8330
  font-size: 14px;
@@ -9049,7 +8336,7 @@ input::-webkit-search-cancel-button {
9049
8336
  .newCloud-modal-body::-webkit-scrollbar-thumb {
9050
8337
  /*滚动条里面小方块*/
9051
8338
  background: #d9d9d9;
9052
- border-radius: 12px;
8339
+ border-radius: 4px;
9053
8340
  }
9054
8341
  .newCloud-modal-body::-webkit-scrollbar-thumb:hover {
9055
8342
  background: rgba(0, 0, 0, 0.45);
@@ -9064,11 +8351,11 @@ input::-webkit-search-cancel-button {
9064
8351
  background: #f5f5f5;
9065
8352
  }
9066
8353
  .newCloud-modal-no-footer {
9067
- border-radius: 0 0 12px 12px;
8354
+ border-radius: 0 0 4px 4px;
9068
8355
  }
9069
8356
  .newCloud-modal-confirm-size {
9070
8357
  min-height: 40px;
9071
- border-radius: 12px;
8358
+ border-radius: 4px;
9072
8359
  }
9073
8360
  .newCloud-modal-size {
9074
8361
  min-height: 202px;
@@ -9077,7 +8364,7 @@ input::-webkit-search-cancel-button {
9077
8364
  padding: 12px 16px;
9078
8365
  background: #fff;
9079
8366
  text-align: right;
9080
- border-radius: 0 0 12px 12px;
8367
+ border-radius: 0 0 4px 4px;
9081
8368
  border-top: 1px solid #f5f5f5;
9082
8369
  }
9083
8370
  .newCloud-modal-footer-default {
@@ -9091,30 +8378,6 @@ input::-webkit-search-cancel-button {
9091
8378
  padding: 16px 24px 24px 24px;
9092
8379
  border-top: none;
9093
8380
  }
9094
- .newCloud-modal.newCloud-modal-small .newCloud-modal-header {
9095
- border-radius: 4px 4px 0 0;
9096
- }
9097
- .newCloud-modal.newCloud-modal-small .newCloud-modal-body::-webkit-scrollbar-thumb {
9098
- border-radius: 4px;
9099
- }
9100
- .newCloud-modal.newCloud-modal-small .newCloud-modal-footer {
9101
- border-radius: 0 0 4px 4px;
9102
- }
9103
- .newCloud-modal.newCloud-modal-small .newCloud-modal-confirm-size {
9104
- border-radius: 4px;
9105
- }
9106
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-header {
9107
- border-radius: 8px 8px 0 0;
9108
- }
9109
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-body::-webkit-scrollbar-thumb {
9110
- border-radius: 8px;
9111
- }
9112
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-footer {
9113
- border-radius: 0 0 8px 8px;
9114
- }
9115
- .newCloud-modal.newCloud-modal-middle .newCloud-modal-confirm-size {
9116
- border-radius: 8px;
9117
- }
9118
8381
  .info-area {
9119
8382
  display: flex;
9120
8383
  justify-content: flex-start;
@@ -9146,9 +8409,10 @@ input::-webkit-search-cancel-button {
9146
8409
  }
9147
8410
  .info-area .icon-style {
9148
8411
  font-size: 24px;
9149
- line-height: 24px;
9150
8412
  vertical-align: text-top;
9151
8413
  margin-right: 8px;
8414
+ position: relative;
8415
+ top: -1px;
9152
8416
  }
9153
8417
  .info-area .confirm-style {
9154
8418
  color: #faad14;
@@ -9183,7 +8447,7 @@ input::-webkit-search-cancel-button {
9183
8447
  align-items: baseline;
9184
8448
  gap: 9px;
9185
8449
  padding: 20px;
9186
- background: #ffffff;
8450
+ background: #FFFFFF;
9187
8451
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
9188
8452
  border-radius: 12px;
9189
8453
  }
@@ -9197,12 +8461,12 @@ input::-webkit-search-cancel-button {
9197
8461
  color: white;
9198
8462
  }
9199
8463
  .newCloud-notification.light-theme .info-icon {
9200
- color: white !important;
8464
+ color: white!important;
9201
8465
  }
9202
8466
  .newCloud-notification.light-theme header,
9203
8467
  .newCloud-notification.light-theme main,
9204
8468
  .newCloud-notification.light-theme header i.close-icon {
9205
- color: rgba(0, 0, 0, 0.45);
8469
+ color: white;
9206
8470
  }
9207
8471
  .newCloud-notification-content {
9208
8472
  flex: 1;
@@ -9213,16 +8477,16 @@ input::-webkit-search-cancel-button {
9213
8477
  font-size: 20px;
9214
8478
  }
9215
8479
  .newCloud-notification .info-icon.info {
9216
- color: #496bf5;
8480
+ color: #496BF5;
9217
8481
  }
9218
8482
  .newCloud-notification .info-icon.success {
9219
- color: #21ba45;
8483
+ color: #21BA45;
9220
8484
  }
9221
8485
  .newCloud-notification .info-icon.fail {
9222
- color: #e74949;
8486
+ color: #E74949;
9223
8487
  }
9224
8488
  .newCloud-notification .info-icon.warn {
9225
- color: #fd830a;
8489
+ color: #FD830A;
9226
8490
  }
9227
8491
  .newCloud-notification header {
9228
8492
  display: flex;
@@ -9237,7 +8501,7 @@ input::-webkit-search-cancel-button {
9237
8501
  }
9238
8502
  .newCloud-notification header i.close-icon {
9239
8503
  font-size: 16px;
9240
- color: rgba(0, 0, 0, 0.45);
8504
+ color: #D8D8D8;
9241
8505
  cursor: pointer;
9242
8506
  }
9243
8507
  .newCloud-notification main {
@@ -9255,19 +8519,9 @@ input::-webkit-search-cancel-button {
9255
8519
  display: flex;
9256
8520
  align-items: center;
9257
8521
  flex-direction: row-reverse;
9258
- gap: 12px;
8522
+ gap: 16px;
9259
8523
  margin-top: 20px;
9260
8524
  }
9261
- .newCloud-notification-img-area {
9262
- width: 320px;
9263
- height: 180px;
9264
- margin: 20px auto;
9265
- }
9266
- .newCloud-notification-img-area img {
9267
- width: 100%;
9268
- height: 100%;
9269
- border-radius: 6px;
9270
- }
9271
8525
 
9272
8526
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9273
8527
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -9346,44 +8600,32 @@ input::-webkit-search-cancel-button {
9346
8600
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
9347
8601
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
9348
8602
  .newCloud-breadcrumbs {
9349
- margin-bottom: 20px;
8603
+ margin-bottom: 8px;
9350
8604
  }
9351
8605
  .newCloud-page-header {
9352
- display: flex;
9353
- align-items: center;
9354
8606
  font-size: 16px;
9355
8607
  font-family: PingFangSC-Medium, PingFang SC;
9356
8608
  font-weight: 500;
9357
8609
  color: rgba(0, 0, 0, 0.85);
9358
8610
  }
9359
- .newCloud-page-header.newCloud-page-header-large {
8611
+ .newCloud-page-header.newCloud-page-header-large,
8612
+ .newCloud-page-header.newCloud-page-header-large .newCloud-page-header-icon {
8613
+ font-size: 20px;
8614
+ }
8615
+ .newCloud-page-header.newCloud-page-header-default,
8616
+ .newCloud-page-header.newCloud-page-header-default .newCloud-page-header-icon {
9360
8617
  font-size: 16px;
9361
8618
  }
9362
- .newCloud-page-header.newCloud-page-header-default {
8619
+ .newCloud-page-header.newCloud-page-header-small,
8620
+ .newCloud-page-header.newCloud-page-header-small .newCloud-page-header-icon {
9363
8621
  font-size: 14px;
9364
8622
  }
9365
- .newCloud-page-header.newCloud-page-header-small {
9366
- font-size: 12px;
9367
- }
9368
8623
  .newCloud-page-header .newCloud-page-header-icon {
9369
8624
  cursor: pointer;
9370
- font-size: 16px;
9371
- margin-right: 4px;
9372
- color: rgba(0, 0, 0, 0.45);
9373
8625
  }
9374
8626
  .newCloud-page-header .newCloud-page-header-subtitle {
9375
- color: rgba(0, 0, 0, 0.45);
9376
- font-weight: normal;
9377
- }
9378
- .newCloud-page-header .split {
9379
- display: inline-block;
9380
- text-align: center;
9381
- width: 16px;
9382
- height: 16px;
9383
- margin-left: 4px;
9384
- margin-right: 4px;
9385
8627
  color: rgba(0, 0, 0, 0.25);
9386
- cursor: default;
8628
+ font-weight: normal;
9387
8629
  }
9388
8630
 
9389
8631
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
@@ -10534,108 +9776,92 @@ input::-webkit-search-cancel-button {
10534
9776
  .newCloud-tips.normal {
10535
9777
  background: var(--shuyunBlue1);
10536
9778
  border: 1px solid var(--shuyunBlue2);
10537
- border-radius: 6px;
9779
+ border-radius: 2px;
10538
9780
  }
10539
9781
  .newCloud-tips.normal .close-icon {
10540
- color: rgba(0, 0, 0, 0.45);
10541
- }
10542
- .newCloud-tips.normal .close-icon:hover,
10543
- .newCloud-tips.normal .close-icon:active {
10544
- color: rgba(0, 0, 0, 0.45);
9782
+ color: var(--shuyunBlue3);
10545
9783
  }
10546
9784
  .newCloud-tips.normal .action-icon,
10547
9785
  .newCloud-tips.normal .tip-icon {
10548
9786
  color: var(--shuyunBlue4);
10549
9787
  }
9788
+ .newCloud-tips.normal .close-icon:hover,
10550
9789
  .newCloud-tips.normal .action-icon:hover {
10551
9790
  color: var(--shuyunBlue5);
10552
9791
  }
9792
+ .newCloud-tips.normal .close-icon:active,
10553
9793
  .newCloud-tips.normal .action-icon:active {
10554
9794
  color: var(--shuyunBlue6);
10555
9795
  }
10556
9796
  .newCloud-tips.major {
10557
9797
  background: #fff5e6;
10558
9798
  border: 1px solid #fdd198;
10559
- border-radius: 6px;
9799
+ border-radius: 2px;
10560
9800
  }
10561
9801
  .newCloud-tips.major .close-icon {
10562
- color: rgba(0, 0, 0, 0.45);
10563
- }
10564
- .newCloud-tips.major .close-icon:hover,
10565
- .newCloud-tips.major .close-icon:active {
10566
- color: rgba(0, 0, 0, 0.45);
9802
+ color: #fda33d;
10567
9803
  }
10568
9804
  .newCloud-tips.major .action-icon,
10569
9805
  .newCloud-tips.major .tip-icon {
10570
9806
  color: #fd830a;
10571
9807
  }
9808
+ .newCloud-tips.major .close-icon:hover,
10572
9809
  .newCloud-tips.major .action-icon:hover {
10573
9810
  color: #d66a04;
10574
9811
  }
9812
+ .newCloud-tips.major .close-icon:active,
10575
9813
  .newCloud-tips.major .action-icon:active {
10576
9814
  color: #b05302;
10577
9815
  }
10578
9816
  .newCloud-tips.warning {
10579
9817
  background: #ffeded;
10580
9818
  border: 1px solid #fac8c8;
10581
- border-radius: 6px;
9819
+ border-radius: 2px;
10582
9820
  }
10583
9821
  .newCloud-tips.warning .close-icon {
10584
- color: rgba(0, 0, 0, 0.45);
10585
- }
10586
- .newCloud-tips.warning .close-icon:hover,
10587
- .newCloud-tips.warning .close-icon:active {
10588
- color: rgba(0, 0, 0, 0.45);
9822
+ color: #f07878;
10589
9823
  }
10590
9824
  .newCloud-tips.warning .action-icon,
10591
9825
  .newCloud-tips.warning .tip-icon {
10592
9826
  color: #e74949;
10593
9827
  }
9828
+ .newCloud-tips.warning .close-icon:hover,
10594
9829
  .newCloud-tips.warning .action-icon:hover {
10595
9830
  color: #bd3535;
10596
9831
  }
9832
+ .newCloud-tips.warning .close-icon:active,
10597
9833
  .newCloud-tips.warning .action-icon:active {
10598
9834
  color: #962424;
10599
9835
  }
10600
9836
  .newCloud-tips.success {
10601
9837
  background: #e5f9e7;
10602
9838
  border: 1px solid #abe6b2;
10603
- border-radius: 6px;
9839
+ border-radius: 2px;
10604
9840
  }
10605
9841
  .newCloud-tips.success .close-icon {
10606
- color: rgba(0, 0, 0, 0.45);
10607
- }
10608
- .newCloud-tips.success .close-icon:hover,
10609
- .newCloud-tips.success .close-icon:active {
10610
- color: rgba(0, 0, 0, 0.45);
9842
+ color: #59cc74;
10611
9843
  }
10612
9844
  .newCloud-tips.success .action-icon,
10613
9845
  .newCloud-tips.success .tip-icon {
10614
9846
  color: #21ba45;
10615
9847
  }
9848
+ .newCloud-tips.success .close-icon:hover,
10616
9849
  .newCloud-tips.success .action-icon:hover {
10617
9850
  color: #008f21;
10618
9851
  }
9852
+ .newCloud-tips.success .close-icon:active,
10619
9853
  .newCloud-tips.success .action-icon:active {
10620
9854
  color: #00701e;
10621
9855
  }
10622
9856
  .newCloud-tips.banner {
10623
9857
  overflow: hidden;
10624
9858
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
10625
- border: none;
10626
- border-radius: 0;
10627
9859
  }
10628
9860
  .newCloud-tips.inline {
10629
9861
  display: inline-block;
10630
9862
  background: none;
10631
9863
  border: none;
10632
9864
  }
10633
- .newCloud-tips.small-radius {
10634
- border-radius: 3px;
10635
- }
10636
- .newCloud-tips.large-radius {
10637
- border-radius: 12px;
10638
- }
10639
9865
  .newCloud-tips-container {
10640
9866
  display: flex;
10641
9867
  gap: 8px;
@@ -10667,9 +9893,6 @@ input::-webkit-search-cancel-button {
10667
9893
  display: flex;
10668
9894
  gap: 8px;
10669
9895
  }
10670
- .newCloud-tips-container .msg.hasDesc {
10671
- font-weight: 500;
10672
- }
10673
9896
  .newCloud-tips-container .collapsible .msg,
10674
9897
  .newCloud-tips-container .collapsible .description {
10675
9898
  overflow: hidden;
@@ -10751,28 +9974,6 @@ input::-webkit-search-cancel-button {
10751
9974
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
10752
9975
  content: '';
10753
9976
  }
10754
- .newCloud-toggle-loading {
10755
- display: inline-block;
10756
- border: 1px solid var(--shuyunBlue4);
10757
- border-right-color: #fff;
10758
- border-radius: 50%;
10759
- width: 12px;
10760
- height: 12px;
10761
- position: absolute;
10762
- top: 3px;
10763
- left: 2px;
10764
- z-index: 1;
10765
- box-sizing: border-box;
10766
- animation: load 1.5s infinite linear;
10767
- }
10768
- @keyframes load {
10769
- from {
10770
- transform: rotate(0deg);
10771
- }
10772
- to {
10773
- transform: rotate(360deg);
10774
- }
10775
- }
10776
9977
  .newCloud-toggle-checked {
10777
9978
  background-color: var(--shuyunBlue4);
10778
9979
  }
@@ -10787,9 +9988,6 @@ input::-webkit-search-cancel-button {
10787
9988
  margin-left: -1px;
10788
9989
  transform: translateX(-100%);
10789
9990
  }
10790
- .newCloud-toggle-checked .newCloud-toggle-loading {
10791
- left: calc(100% - 16px);
10792
- }
10793
9991
  .newCloud-toggle-checked .newCloud-toggle-inner {
10794
9992
  padding-left: 0;
10795
9993
  padding-right: 16px;
@@ -10818,11 +10016,6 @@ input::-webkit-search-cancel-button {
10818
10016
  width: 12px;
10819
10017
  height: 12px;
10820
10018
  }
10821
- .newCloud-toggle.small .newCloud-toggle-loading {
10822
- width: 10px;
10823
- height: 10px;
10824
- top: 2px;
10825
- }
10826
10019
  .newCloud-toggle.small .newCloud-toggle-inner {
10827
10020
  padding-left: 12px;
10828
10021
  padding-right: 0;
@@ -10831,46 +10024,18 @@ input::-webkit-search-cancel-button {
10831
10024
  padding-left: 0;
10832
10025
  padding-right: 12px;
10833
10026
  }
10834
- .newCloud-toggle.small.newCloud-toggle-checked .newCloud-toggle-loading {
10835
- left: calc(100% - 12px);
10836
- }
10837
10027
 
10838
10028
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
10839
10029
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
10840
- .newCloud-transfer {
10841
- width: -moz-fit-content;
10842
- width: fit-content;
10843
- }
10844
- .newCloud-transfer.newCloud-transfer-simple {
10845
- border: 1px solid #e8e8e8;
10846
- }
10847
- .newCloud-transfer.newCloud-transfer-simple .newCloud-transfer-panel {
10848
- border: none;
10849
- }
10850
- .newCloud-transfer.newCloud-transfer-simple .newCloud-transfer-panel:first-child {
10851
- border-right: 1px solid #e8e8e8;
10852
- }
10853
- .newCloud-transfer.newCloud-transfer-disabled {
10854
- cursor: not-allowed !important;
10855
- color: rgba(0, 0, 0, 0.25);
10856
- }
10857
- .newCloud-transfer.newCloud-transfer-disabled .newCloud-transfer-button-text {
10858
- background: #f5f5f5;
10859
- }
10860
- .newCloud-transfer.newCloud-transfer-disabled .newCloud-transfer-single-item {
10861
- color: rgba(0, 0, 0, 0.25);
10862
- cursor: not-allowed;
10863
- }
10864
10030
  .newCloud-transfer-panel {
10865
10031
  display: inline-block;
10866
10032
  vertical-align: middle;
10867
10033
  width: 200px;
10868
10034
  height: 300px;
10869
10035
  border-radius: 2px;
10870
- border: 1px solid #e8e8e8;
10036
+ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
10871
10037
  }
10872
- .newCloud-transfer-panel .newCloud-checkbox-text,
10873
- .newCloud-transfer-panel-header-title {
10038
+ .newCloud-transfer-panel .newCloud-checkbox-text {
10874
10039
  font-size: 14px;
10875
10040
  }
10876
10041
  .newCloud-transfer-panel-header {
@@ -10880,16 +10045,12 @@ input::-webkit-search-cancel-button {
10880
10045
  border-bottom: 1px solid #f5f5f5;
10881
10046
  margin-bottom: 8px;
10882
10047
  padding: 0 12px;
10883
- justify-content: space-between;
10884
- display: flex;
10885
- align-items: center;
10886
10048
  }
10887
10049
  .newCloud-transfer-panel-header-checkbox {
10888
10050
  position: absolute;
10889
10051
  top: 9px;
10890
10052
  }
10891
- .newCloud-transfer-panel-header > span,
10892
- .newCloud-transfer-panel-header > button {
10053
+ .newCloud-transfer-panel-header > span {
10893
10054
  position: absolute;
10894
10055
  right: 12px;
10895
10056
  font-size: 12px;
@@ -10897,8 +10058,7 @@ input::-webkit-search-cancel-button {
10897
10058
  .newCloud-transfer-panel-header-page {
10898
10059
  color: rgba(0, 0, 0, 0.25);
10899
10060
  }
10900
- .newCloud-transfer-panel-header-clear,
10901
- .newCloud-transfer-panel-header-removeAll {
10061
+ .newCloud-transfer-panel-header-clear {
10902
10062
  color: var(--shuyunBlue4);
10903
10063
  cursor: pointer;
10904
10064
  }
@@ -10917,7 +10077,7 @@ input::-webkit-search-cancel-button {
10917
10077
  padding: 5px 12px;
10918
10078
  }
10919
10079
  .newCloud-transfer-panel-content label:hover {
10920
- background: #f5f5f5;
10080
+ background: var(--shuyunBlue1);
10921
10081
  }
10922
10082
  .newCloud-transfer-panel-content.filterable {
10923
10083
  height: calc(100% - 90px);
@@ -10925,19 +10085,6 @@ input::-webkit-search-cancel-button {
10925
10085
  .newCloud-transfer-panel-content .newCloud-checkbox-group {
10926
10086
  width: 100%;
10927
10087
  }
10928
- .newCloud-transfer-panel-content .newCloud-transfer-empty {
10929
- display: inline-block;
10930
- width: 100%;
10931
- height: 100%;
10932
- text-align: center;
10933
- padding-top: calc(50% - 10px);
10934
- box-sizing: border-box;
10935
- font-size: 14px;
10936
- line-height: 20px;
10937
- font-family: PingFangSC-Regular, PingFang SC;
10938
- font-weight: 400;
10939
- color: rgba(0, 0, 0, 0.25);
10940
- }
10941
10088
  .newCloud-transfer-button {
10942
10089
  display: inline-block;
10943
10090
  vertical-align: middle;
@@ -10971,25 +10118,6 @@ input::-webkit-search-cancel-button {
10971
10118
  color: #fff;
10972
10119
  border: 1px solid var(--shuyunBlue4);
10973
10120
  }
10974
- .newCloud-transfer-single-item {
10975
- font-size: 14px;
10976
- line-height: 20px;
10977
- font-weight: 400;
10978
- color: rgba(0, 0, 0, 0.85);
10979
- padding: 6px 12px;
10980
- display: flex;
10981
- justify-content: space-between;
10982
- cursor: pointer;
10983
- }
10984
- .newCloud-transfer-single-item:hover {
10985
- background: #f5f5f5;
10986
- }
10987
- .newCloud-transfer-single-item-remove {
10988
- color: rgba(0, 0, 0, 0.25);
10989
- }
10990
- .newCloud-transfer-single-item-remove:hover {
10991
- color: rgba(0, 0, 0, 0.45);
10992
- }
10993
10121
 
10994
10122
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
10995
10123
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -11007,6 +10135,8 @@ input::-webkit-search-cancel-button {
11007
10135
  }
11008
10136
  .newCloud-tree li {
11009
10137
  list-style: none;
10138
+ border-bottom: 1px solid transparent;
10139
+ border-top: 1px solid transparent;
11010
10140
  }
11011
10141
  .newCloud-tree .move-bottom-style {
11012
10142
  border-bottom: 1px solid #409eff;
@@ -11052,7 +10182,8 @@ input::-webkit-search-cancel-button {
11052
10182
  line-height: 25px;
11053
10183
  }
11054
10184
  .newCloud-tree-search .icon-search {
11055
- color: rgba(0, 0, 0, 0.25);
10185
+ color: #dbdbdb;
10186
+ font-size: 20px;
11056
10187
  cursor: pointer;
11057
10188
  }
11058
10189
  .newCloud-tree-list {
@@ -11090,29 +10221,6 @@ input::-webkit-search-cancel-button {
11090
10221
  .newCloud-tree-list-node-area .node-item-container:hover .edit-icon:hover {
11091
10222
  color: var(--shuyunBlue4);
11092
10223
  }
11093
- .newCloud-tree-list-node-area .node-item-container.support-checkbox .loading-spin {
11094
- top: 0;
11095
- }
11096
- .newCloud-tree-list-node-area .node-item-container .loading-spin {
11097
- position: relative;
11098
- top: 3px;
11099
- display: inline-block;
11100
- width: 12px;
11101
- height: 12px;
11102
- margin: 0 9px;
11103
- border-radius: 50%;
11104
- animation: load 1.5s infinite linear;
11105
- border: 1px solid var(--shuyunBlue4);
11106
- border-right: 1px solid transparent;
11107
- }
11108
- @keyframes load {
11109
- from {
11110
- transform: rotate(0deg);
11111
- }
11112
- to {
11113
- transform: rotate(360deg);
11114
- }
11115
- }
11116
10224
  .newCloud-tree-list-node-area .node-item-container .toggle-icon {
11117
10225
  cursor: pointer;
11118
10226
  font-size: 16px;
@@ -11121,6 +10229,9 @@ input::-webkit-search-cancel-button {
11121
10229
  margin: 0 8px;
11122
10230
  transition: all 0.1s;
11123
10231
  }
10232
+ .newCloud-tree-list-node-area .node-item-container .toggle-icon:hover {
10233
+ color: rgba(0, 0, 0, 0.25);
10234
+ }
11124
10235
  .newCloud-tree-list-node-area .node-item-container .drag-icon {
11125
10236
  display: none;
11126
10237
  width: 4px;
@@ -11147,18 +10258,15 @@ input::-webkit-search-cancel-button {
11147
10258
  text-align: center;
11148
10259
  font-weight: 700;
11149
10260
  }
11150
- .newCloud-tree-list-node-area .node-item-container:hover {
11151
- background: #F5F5F5;
10261
+ .newCloud-tree-list-node-area .node-item-container:not(.support-checkbox):hover {
10262
+ background: var(--shuyunBlue1);
11152
10263
  }
11153
10264
  .newCloud-tree-list-node-area .node-children {
11154
10265
  overflow: hidden;
11155
10266
  }
11156
10267
  .newCloud-tree-list-node-area .node-children-visible .node-item-container {
11157
- opacity: 1;
11158
10268
  height: 32px;
11159
- }
11160
- .newCloud-tree-list-node-area .node-children-visible .node-item-container.add {
11161
- height: auto;
10269
+ opacity: 1;
11162
10270
  }
11163
10271
  .newCloud-tree-list-node-area .node-children-hidden .node-item-container {
11164
10272
  height: 0;
@@ -11230,7 +10338,7 @@ input::-webkit-search-cancel-button {
11230
10338
  width: calc(100% - 25px);
11231
10339
  }
11232
10340
  .newCloud-tree-list-node-area .hot-text {
11233
- color: var(--shuyunBlue4);
10341
+ color: #00aaf1;
11234
10342
  }
11235
10343
  .newCloud-tree-list-node-area .is-add {
11236
10344
  padding-left: 47px;
@@ -11247,7 +10355,7 @@ input::-webkit-search-cancel-button {
11247
10355
  width: 28px;
11248
10356
  }
11249
10357
  .newCloud-tree-list-node-area .is-active:not(.support-checkbox) {
11250
- background: var(--shuyunBlue1) !important;
10358
+ background: #d4e1ff !important;
11251
10359
  }
11252
10360
  .newCloud-tree-list-node-area .break-checkbox .newCloud-checkbox {
11253
10361
  width: auto !important;
@@ -11265,49 +10373,6 @@ input::-webkit-search-cancel-button {
11265
10373
  .newCloud-tree-list .hide-node {
11266
10374
  display: none;
11267
10375
  }
11268
- .newCloud-tree-list .newCloud-tree-list-node-area {
11269
- position: relative;
11270
- }
11271
- .newCloud-tree-list .newCloud-tree-list-node-area .v-line {
11272
- position: absolute;
11273
- height: calc(100% + 17px);
11274
- border-left: 1px solid #E8E8E8;
11275
- z-index: 10;
11276
- }
11277
- .newCloud-tree-list .newCloud-tree-list-node-area .v-line.dashed {
11278
- border-left: 1px dashed #E8E8E8;
11279
- }
11280
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:last-child > .newCloud-tree-list-node-area > .v-line {
11281
- display: none;
11282
- }
11283
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:first-child > .newCloud-tree-list-node-area > .v-line {
11284
- display: block;
11285
- }
11286
- .newCloud-tree-list .newCloud-tree-list-node-area .newCloud-tree-list li:first-child:last-child > .newCloud-tree-list-node-area > .v-line {
11287
- height: 17px!important;
11288
- }
11289
- .newCloud-tree-list .newCloud-tree-list-node-area .line {
11290
- position: absolute;
11291
- top: 28px;
11292
- left: 16px;
11293
- border-right: 1px solid #E8E8E8;
11294
- height: 5px;
11295
- z-index: 10;
11296
- }
11297
- .newCloud-tree-list .newCloud-tree-list-node-area .line.dashed {
11298
- border-left: 1px dashed #E8E8E8;
11299
- }
11300
- .newCloud-tree-list .newCloud-tree-list-node-area .h-line {
11301
- position: absolute;
11302
- top: 16px;
11303
- left: 16px;
11304
- border-bottom: 1px solid #E8E8E8;
11305
- width: 8px;
11306
- z-index: 10;
11307
- }
11308
- .newCloud-tree-list .newCloud-tree-list-node-area .h-line.dashed {
11309
- border-bottom: 1px dashed #E8E8E8;
11310
- }
11311
10376
  .newCloud-tree-menu {
11312
10377
  width: -moz-fit-content;
11313
10378
  width: fit-content;
@@ -11336,19 +10401,6 @@ input::-webkit-search-cancel-button {
11336
10401
  cursor: not-allowed;
11337
10402
  color: rgba(0, 0, 0, 0.25);
11338
10403
  }
11339
- .newCloud-tree-no-data {
11340
- display: flex;
11341
- flex-direction: column;
11342
- align-items: center;
11343
- font-weight: 400;
11344
- color: rgba(0, 0, 0, 0.25);
11345
- line-height: 20px;
11346
- font-size: 14px;
11347
- }
11348
- .newCloud-tree-no-data > img {
11349
- width: 130px;
11350
- height: 86px;
11351
- }
11352
10404
 
11353
10405
  /* 不要在此引入normalize.less及其他放置公用无需编译的css */
11354
10406
  /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -11365,71 +10417,64 @@ input::-webkit-search-cancel-button {
11365
10417
  box-sizing: border-box;
11366
10418
  }
11367
10419
  .newCloud-tree-select:hover .newCloud-tree-select-selected {
11368
- border: 1px solid var(--shuyunBlue4);
10420
+ border: 1px solid #aacbe1;
10421
+ }
10422
+ .newCloud-tree-select:hover .newCloud-tree-select-selected .newCloud-tree-select-select-icon {
10423
+ color: #aacbe1;
11369
10424
  }
11370
10425
  .newCloud-tree-select .newCloud-tree-select-wrapper {
11371
- height: 32px;
10426
+ height: 30px;
11372
10427
  line-height: 16px;
11373
10428
  background: #fff;
11374
- border: 1px solid #E8E8E8;
10429
+ border: 1px solid #d9d9d9;
11375
10430
  display: flex;
11376
10431
  align-items: center;
11377
10432
  justify-content: space-between;
11378
10433
  cursor: pointer;
11379
- border-radius: 3px;
11380
10434
  }
11381
10435
  .newCloud-tree-select .newCloud-tree-select-wrapper:hover {
11382
- border: 1px solid var(--shuyunBlue4);
11383
- }
11384
- .newCloud-tree-select .newCloud-tree-select-wrapper.border-radius-medium {
11385
- border-radius: 6px;
10436
+ border: 1px solid #aacbe1;
11386
10437
  }
11387
- .newCloud-tree-select .newCloud-tree-select-wrapper.border-radius-large {
11388
- border-radius: 12px;
10438
+ .newCloud-tree-select .newCloud-tree-select-wrapper:hover .newCloud-tree-select-select-icon {
10439
+ color: #aacbe1;
11389
10440
  }
11390
10441
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled {
11391
- border: 1px solid #e8e8e8;
11392
- background: #f5f5f5;
10442
+ border: 1px solid #d9d9d9;
10443
+ background: #eee;
11393
10444
  cursor: not-allowed;
11394
10445
  }
11395
10446
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled:hover {
11396
- border: 1px solid #e8e8e8;
10447
+ border-color: 1px solid #d9d9d9;
11397
10448
  }
11398
10449
  .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-selected {
11399
- color: rgba(0, 0, 0, 0.45);
11400
- background: #f5f5f5;
10450
+ color: #c9c9c9;
10451
+ background: #eee;
11401
10452
  cursor: not-allowed;
11402
10453
  }
11403
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon:hover {
11404
- color: rgba(0, 0, 0, 0.25);
11405
- }
11406
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-selected,
11407
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled.single-search-in-box .newCloud-tree-select-select-selected,
11408
- .newCloud-tree-select .newCloud-tree-select-wrapper.disabled.comma-search-in-box .newCloud-tree-select-select-selected {
11409
- color: rgba(0, 0, 0, 0.45);
10454
+ .newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon {
10455
+ color: #c2c2c2;
11410
10456
  }
11411
10457
  .newCloud-tree-select .newCloud-tree-select-wrapper.empty .newCloud-tree-select-selected {
11412
- color: rgba(0, 0, 0, 0.25);
10458
+ color: #c9c9c9;
11413
10459
  }
11414
10460
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
11415
10461
  flex: 1 0;
11416
- padding: 7px 20px 7px 12px;
11417
- font-size: 14px;
10462
+ padding: 5px;
10463
+ padding-right: 20px;
10464
+ font-size: 12px;
11418
10465
  color: #3d3d3d;
11419
10466
  border: none;
10467
+ white-space: nowrap;
10468
+ overflow: hidden;
10469
+ text-overflow: ellipsis;
11420
10470
  cursor: pointer;
11421
10471
  }
11422
10472
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
11423
- position: absolute;
11424
- right: 0;
11425
- font-size: 14px;
11426
- color: rgba(0, 0, 0, 0.25);
10473
+ font-size: 12px;
10474
+ color: #c2c2c2;
11427
10475
  margin-right: 10px;
11428
10476
  transition: transform 0.3s;
11429
10477
  }
11430
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon:hover {
11431
- color: rgba(0, 0, 0, 0.45);
11432
- }
11433
10478
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon.open {
11434
10479
  transform: rotate(180deg);
11435
10480
  }
@@ -11445,175 +10490,18 @@ input::-webkit-search-cancel-button {
11445
10490
  .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-clear-icon.show {
11446
10491
  display: block;
11447
10492
  }
11448
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-search-icon {
11449
- color: rgba(0, 0, 0, 0.25);
11450
- position: absolute;
11451
- right: 10px;
11452
- display: none;
11453
- }
11454
- .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-search-icon.show {
11455
- display: block;
11456
- }
11457
- .newCloud-tree-select .newCloud-tree-select-wrapper.small {
11458
- height: 28px;
11459
- }
11460
- .newCloud-tree-select .newCloud-tree-select-wrapper.large {
11461
- height: 36px;
11462
- }
11463
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box,
11464
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box {
11465
- padding: 6px 28px 6px 12px;
11466
- }
11467
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-search-container,
11468
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-search-container {
11469
- display: flex;
11470
- align-items: center;
11471
- width: 100%;
11472
- }
11473
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-select-selected,
11474
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-select-selected {
11475
- width: 100%;
11476
- font-size: 14px;
11477
- color: #3d3d3d;
11478
- }
11479
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-select-selected.overflow-ellipsis,
11480
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-select-selected.overflow-ellipsis {
11481
- white-space: nowrap;
11482
- overflow: hidden;
11483
- text-overflow: ellipsis;
11484
- }
11485
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-select-selected.scroll-selected,
11486
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-select-selected.scroll-selected {
11487
- white-space: nowrap;
11488
- overflow: auto;
11489
- }
11490
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-select-selected.scroll-selected::-webkit-scrollbar,
11491
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-select-selected.scroll-selected::-webkit-scrollbar {
11492
- background: transparent;
11493
- width: 0;
11494
- height: 0;
11495
- }
11496
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-search,
11497
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-search {
11498
- width: 0;
11499
- flex: 1;
11500
- }
11501
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-input,
11502
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-input {
11503
- width: 100%;
11504
- height: 30px;
11505
- border: none;
11506
- padding: 0;
11507
- outline: none;
11508
- z-index: 1;
11509
- background: transparent;
11510
- white-space: nowrap;
11511
- overflow: hidden;
11512
- text-overflow: ellipsis;
11513
- }
11514
- .newCloud-tree-select .newCloud-tree-select-wrapper.single-search-in-box .search-placeholder,
11515
- .newCloud-tree-select .newCloud-tree-select-wrapper.comma-search-in-box .search-placeholder {
11516
- color: rgba(0, 0, 0, 0.25);
11517
- font-size: 14px;
11518
- }
11519
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box {
11520
- height: auto;
11521
- min-height: 32px;
11522
- flex-wrap: wrap;
11523
- justify-content: flex-start;
11524
- gap: 4px;
11525
- padding: 4px 0 4px 8px;
11526
- font-size: 14px;
11527
- color: #3d3d3d;
11528
- }
11529
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multi-search-container {
11530
- display: flex;
11531
- align-items: center;
11532
- flex: 1;
11533
- flex-wrap: wrap;
11534
- gap: 4px;
11535
- width: calc(100% - 30px);
11536
- padding-right: 30px;
11537
- }
11538
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.empty {
11539
- padding: 4px 0 4px 12px;
11540
- }
11541
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.large {
11542
- min-height: 36px;
11543
- }
11544
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.large .newCloud-tree-select-multiple-search-item {
11545
- height: 26px;
11546
- }
11547
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.small {
11548
- min-height: 28px;
11549
- }
11550
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box.small .newCloud-tree-select-multiple-search-item {
11551
- height: 20px;
11552
- }
11553
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search {
11554
- position: relative;
11555
- width: 4px;
11556
- }
11557
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-input {
11558
- width: 100%;
11559
- height: 20px;
11560
- border: none;
11561
- padding: 0;
11562
- outline: none;
11563
- z-index: 1;
11564
- background: transparent;
11565
- white-space: nowrap;
11566
- overflow: hidden;
11567
- text-overflow: ellipsis;
11568
- }
11569
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-search .newCloud-tree-select-search-icon {
11570
- color: rgba(0, 0, 0, 0.25);
11571
- }
11572
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multi-search-placeholder {
11573
- position: absolute;
11574
- color: rgba(0, 0, 0, 0.25);
11575
- }
11576
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item {
11577
- height: 22px;
11578
- line-height: 22px;
11579
- display: inline-flex;
11580
- align-items: center;
11581
- gap: 4px;
11582
- background: #F5F5F5;
11583
- border: 1px solid #f5f5f5;
11584
- border-radius: 2px;
11585
- color: rgba(0, 0, 0, 0.85);
11586
- padding: 0 6px;
11587
- max-width: calc(100% - 48px);
11588
- font-size: 12px;
11589
- }
11590
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item-text {
11591
- white-space: nowrap;
11592
- overflow: hidden;
11593
- text-overflow: ellipsis;
11594
- }
11595
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item i {
11596
- font-size: 12px;
11597
- color: #D8D8D8;
11598
- }
11599
- .newCloud-tree-select .newCloud-tree-select-wrapper.multi-search-in-box .newCloud-tree-select-multiple-search-item.disabled {
11600
- color: rgba(0, 0, 0, 0.45);
11601
- border: 1px solid #E8E8E8;
11602
- }
11603
10493
  .newCloud-tree-select-container {
11604
- opacity: 0;
11605
10494
  z-index: 1020;
11606
10495
  position: absolute;
11607
- transition: opacity 0.2s;
11608
- }
11609
- .newCloud-tree-select-container.show {
11610
- opacity: 1;
11611
10496
  }
11612
10497
  .newCloud-tree-select .no-data {
11613
10498
  text-align: center;
11614
10499
  }
11615
10500
  .newCloud-tree-select-open .newCloud-tree-select-wrapper {
11616
- border: 1px solid var(--shuyunBlue4);
10501
+ border: 1px solid #aacbe1;
10502
+ }
10503
+ .newCloud-tree-select-open .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
10504
+ color: #aacbe1;
11617
10505
  }
11618
10506
  .newCloud-tree-select-options {
11619
10507
  box-sizing: border-box;
@@ -11623,26 +10511,24 @@ input::-webkit-search-cancel-button {
11623
10511
  max-width: 400px;
11624
10512
  min-width: 64px;
11625
10513
  width: 100%;
10514
+ border: 1px solid #d9d9d9;
11626
10515
  background: #fff;
11627
10516
  cursor: pointer;
11628
10517
  overflow: auto;
11629
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
11630
- border-radius: 6px;
11631
- padding: 8px 0;
11632
10518
  display: flex;
11633
10519
  flex-direction: column;
11634
10520
  }
11635
10521
  .newCloud-tree-select-options * {
11636
10522
  box-sizing: border-box;
11637
- font-size: 14px;
10523
+ font-size: 12px;
11638
10524
  color: #3d3d3d;
11639
10525
  }
11640
10526
  .newCloud-tree-select-options-confirm {
11641
- padding-bottom: 62px;
10527
+ padding-bottom: 45px;
11642
10528
  }
11643
10529
  .newCloud-tree-select-options .newCloud-tree-select-search {
11644
10530
  width: 100%;
11645
- padding: 0 5px 5px 5px;
10531
+ padding: 5px;
11646
10532
  position: relative;
11647
10533
  }
11648
10534
  .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input {
@@ -11657,12 +10543,22 @@ input::-webkit-search-cancel-button {
11657
10543
  overflow: hidden;
11658
10544
  text-overflow: ellipsis;
11659
10545
  }
10546
+ .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon {
10547
+ color: #dbdbdb;
10548
+ position: absolute;
10549
+ right: 10px;
10550
+ top: 10px;
10551
+ display: none;
10552
+ }
10553
+ .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon.show {
10554
+ display: block;
10555
+ }
11660
10556
  .newCloud-tree-select-options .newCloud-tree-select-empty-options {
11661
- height: 32px;
11662
- line-height: 32px;
10557
+ height: 30px;
10558
+ line-height: 30px;
11663
10559
  margin: 5px;
11664
10560
  text-align: center;
11665
- color: rgba(0, 0, 0, 0.25);
10561
+ color: #c9c9c9;
11666
10562
  cursor: default;
11667
10563
  }
11668
10564
  .newCloud-tree-select-options .newCloud-tree-select-option-list {
@@ -11690,49 +10586,22 @@ input::-webkit-search-cancel-button {
11690
10586
  right: 1px;
11691
10587
  display: flex;
11692
10588
  justify-content: flex-end;
11693
- padding: 14px 12px;
11694
- border-top: 1px solid #e8e8e8;
10589
+ padding: 10px;
10590
+ border-top: 1px solid #dbdbdb;
11695
10591
  background: #fff;
11696
10592
  }
10593
+ .newCloud-tree-select-options .newCloud-tree-select-operate-btn .btn {
10594
+ width: 64px;
10595
+ }
11697
10596
  .newCloud-tree-select-options .newCloud-tree-select-operate-btn .btn:not(:last-child) {
11698
- margin-right: 8px;
10597
+ margin-right: 10px;
11699
10598
  }
11700
10599
  .newCloud-tree-select-options .newCloud-tree {
10600
+ padding: 5px 0;
11701
10601
  overflow: auto;
11702
10602
  }
11703
- .newCloud-tree-select-options .newCloud-tree-list-container {
11704
- padding: 0;
11705
- overflow: hidden!important;
11706
- }
11707
- .newCloud-tree-select-options .newCloud-tree-list-container .loading-spin {
11708
- margin: 0 10px;
11709
- top: 1px;
11710
- }
11711
- .newCloud-tree-select-options .newCloud-tree-search-input {
11712
- height: 25px;
11713
- }
11714
- .newCloud-tree-select-options .newCloud-tree-search-input .icon-search {
11715
- font-size: 14px;
11716
- }
11717
- .newCloud-tree-select-options .newCloud-tree-no-data {
11718
- margin: 16px 0;
11719
- }
11720
- .newCloud-tree-select-options .newCloud-tree-no-data > p {
11721
- font-size: 12px;
11722
- color: rgba(0, 0, 0, 0.25);
11723
- }
11724
- .newCloud-tree-select-options .newCloud-tree-no-data > img {
11725
- width: 104px;
11726
- height: auto;
11727
- margin-bottom: 8px;
11728
- }
11729
- .newCloud-tree-select-options .newCloud-tree .node-item .node-name {
11730
- width: calc(100% - 20px);
11731
- }
11732
- .newCloud-tree-select-options .newCloud-tree .node-item-container {
11733
- height: 32px;
11734
- }
11735
10603
  .newCloud-tree-select-single-options {
10604
+ padding: 0;
11736
10605
  z-index: 1020;
11737
10606
  }
11738
10607
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list {
@@ -11743,8 +10612,8 @@ input::-webkit-search-cancel-button {
11743
10612
  display: none;
11744
10613
  justify-content: space-between;
11745
10614
  padding: 5px 10px;
11746
- height: 32px;
11747
- line-height: 22px;
10615
+ height: 30px;
10616
+ line-height: 20px;
11748
10617
  white-space: nowrap;
11749
10618
  overflow: hidden;
11750
10619
  text-overflow: ellipsis;
@@ -11760,7 +10629,7 @@ input::-webkit-search-cancel-button {
11760
10629
  transform: rotate(0deg);
11761
10630
  }
11762
10631
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option .search-text {
11763
- color: var(--shuyunBlue4);
10632
+ color: #00aaf1;
11764
10633
  }
11765
10634
  .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option-show {
11766
10635
  display: flex;