acud 0.0.72 → 0.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/acud.css +1958 -1950
  2. package/dist/acud.css.map +1 -1
  3. package/dist/acud.js +168 -132
  4. package/dist/acud.js.map +1 -1
  5. package/dist/acud.min.css +1 -1
  6. package/dist/acud.min.css.map +1 -1
  7. package/dist/acud.min.js +8 -10
  8. package/dist/acud.min.js.map +1 -1
  9. package/es/card/Card.js +4 -2
  10. package/es/cascader/index.js +3 -2
  11. package/es/cascader/style/css.js +5 -1
  12. package/es/cascader/style/index.d.ts +4 -0
  13. package/es/cascader/style/index.js +5 -1
  14. package/es/modal/style/css.js +3 -1
  15. package/es/modal/style/index.d.ts +1 -0
  16. package/es/modal/style/index.js +3 -1
  17. package/es/modal/style/index.less +8 -8
  18. package/es/modal/style/mixin.less +12 -3
  19. package/es/progress/CircleProgress.js +3 -2
  20. package/es/progress/LineProgress.js +3 -2
  21. package/es/progress/index.js +3 -1
  22. package/es/progress/interface.d.ts +1 -0
  23. package/es/select/src/OptionList.d.ts +5 -4
  24. package/es/select/src/OptionList.js +12 -4
  25. package/es/select/src/generate.d.ts +1 -0
  26. package/es/select/src/generate.js +3 -1
  27. package/es/select/style/css.js +2 -1
  28. package/es/select/style/index.css +6 -0
  29. package/es/select/style/index.d.ts +1 -0
  30. package/es/select/style/index.js +2 -1
  31. package/es/select/style/index.less +6 -0
  32. package/es/tree/tree.js +6 -2
  33. package/es/upload/style/index.css +4 -2
  34. package/es/upload/style/index.less +7 -5
  35. package/lib/card/Card.js +4 -2
  36. package/lib/cascader/index.js +4 -2
  37. package/lib/cascader/style/css.js +9 -1
  38. package/lib/cascader/style/index.d.ts +4 -0
  39. package/lib/cascader/style/index.js +9 -1
  40. package/lib/modal/style/css.js +3 -1
  41. package/lib/modal/style/index.d.ts +1 -0
  42. package/lib/modal/style/index.js +3 -1
  43. package/lib/modal/style/index.less +8 -8
  44. package/lib/modal/style/mixin.less +12 -3
  45. package/lib/progress/CircleProgress.js +3 -2
  46. package/lib/progress/LineProgress.js +3 -2
  47. package/lib/progress/index.js +3 -1
  48. package/lib/progress/interface.d.ts +1 -0
  49. package/lib/select/src/OptionList.d.ts +5 -4
  50. package/lib/select/src/OptionList.js +12 -4
  51. package/lib/select/src/generate.d.ts +1 -0
  52. package/lib/select/src/generate.js +3 -1
  53. package/lib/select/style/css.js +3 -1
  54. package/lib/select/style/index.css +6 -0
  55. package/lib/select/style/index.d.ts +1 -0
  56. package/lib/select/style/index.js +3 -1
  57. package/lib/select/style/index.less +6 -0
  58. package/lib/tree/tree.js +6 -2
  59. package/lib/upload/style/index.css +4 -2
  60. package/lib/upload/style/index.less +7 -5
  61. package/package.json +1 -1
package/dist/acud.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! acud v0.0.72 */
1
+ /*! acud v0.0.75 */
2
2
  /* color */
3
3
  /* 默认颜色 */
4
4
  /* 通用-icon */
@@ -10812,440 +10812,525 @@ a {
10812
10812
  /* 垂直 */
10813
10813
  /* 序号水平 */
10814
10814
  /* 序号垂直 */
10815
- @-webkit-keyframes acudCheckboxEffect {
10816
- 0% {
10817
- transform: scale(1);
10818
- opacity: 0.5;
10819
- }
10820
- 100% {
10821
- transform: scale(1.6);
10822
- opacity: 0;
10823
- }
10824
- }
10825
- @keyframes acudCheckboxEffect {
10826
- 0% {
10827
- transform: scale(1);
10828
- opacity: 0.5;
10829
- }
10830
- 100% {
10831
- transform: scale(1.6);
10832
- opacity: 0;
10833
- }
10834
- }
10835
- .acud-checkbox {
10815
+ .acud-tag {
10836
10816
  margin: 0;
10837
10817
  padding: 0;
10838
- display: flex;
10839
- position: relative;
10840
- line-height: 1;
10841
- top: 0;
10818
+ display: inline-block;
10819
+ height: auto;
10820
+ margin-right: 8px;
10821
+ padding: 0 8px;
10822
+ font-size: 12px;
10823
+ line-height: 20px;
10824
+ background: #F7F7F9;
10825
+ border-radius: 2px;
10826
+ transition: all 0.3s;
10827
+ max-width: 130px;
10828
+ overflow: hidden;
10829
+ text-overflow: ellipsis;
10842
10830
  white-space: nowrap;
10843
- outline: none;
10844
- cursor: pointer;
10831
+ color: #151B26;
10845
10832
  }
10846
- .acud-checkbox-wrapper:hover .acud-checkbox-inner,
10847
- .acud-checkbox:hover .acud-checkbox-inner {
10848
- border-color: #2468F2;
10833
+ .acud-tag:hover {
10834
+ color: #151B26;
10849
10835
  }
10850
- .acud-checkbox:active .acud-checkbox-inner {
10851
- border-color: #144BCC;
10836
+ .acud-tag:focus,
10837
+ .acud-tag:active {
10838
+ color: #151B26;
10852
10839
  }
10853
- .acud-checkbox:hover::after,
10854
- .acud-checkbox-wrapper:hover .acud-checkbox::after {
10855
- visibility: visible;
10840
+ .acud-tag[disabled],
10841
+ .acud-tag[disabled]:hover,
10842
+ .acud-tag[disabled]:focus,
10843
+ .acud-tag[disabled]:active {
10844
+ color: #B8BABF;
10856
10845
  }
10857
- .acud-checkbox-inner {
10858
- position: relative;
10859
- display: inline-flex;
10860
- width: 16px;
10861
- height: 16px;
10862
- direction: ltr;
10863
- background-color: #FFFFFF;
10864
- border: 1px solid #E8E9EB;
10865
- border-radius: 0px;
10866
- border-collapse: separate;
10867
- border-radius: 2px;
10846
+ .acud-tag > a:first-child:last-child {
10847
+ display: inline-block;
10848
+ margin: 0 -8px;
10849
+ padding: 0 8px;
10868
10850
  }
10869
- .acud-checkbox-input {
10870
- position: absolute;
10871
- top: 0;
10872
- right: 0;
10873
- bottom: 0;
10874
- left: 0;
10875
- z-index: 1;
10876
- width: 16px;
10877
- height: 16px;
10851
+ .acud-tag-close-icon {
10852
+ font-size: 16px;
10878
10853
  cursor: pointer;
10879
- opacity: 0;
10880
- }
10881
- .acud-checkbox-checked .acud-checkbox-inner {
10882
- background-color: #2468F2;
10883
- border-color: #2468F2;
10854
+ transition: all 0.3s;
10884
10855
  }
10885
- .acud-checkbox-checked .acud-checkbox-inner .checkbox-check-icon {
10886
- color: #FFFFFF;
10887
- width: 14px;
10888
- height: 14px;
10856
+ .acud-tag .acuicon {
10857
+ color: #84868C;
10858
+ line-height: 100%;
10889
10859
  }
10890
- .acud-checkbox-checked:hover .acud-checkbox-inner {
10891
- background-color: #528EFF;
10892
- border-color: #528EFF;
10860
+ .acud-tag .acuicon:hover {
10861
+ color: #5C5F66;
10893
10862
  }
10894
- .acud-checkbox-checked:hover .acud-checkbox-inner .checkbox-check-icon {
10895
- color: #FFFFFF;
10896
- width: 14px;
10897
- height: 14px;
10863
+ .acud-tag .acuicon:focus,
10864
+ .acud-tag .acuicon:active {
10865
+ color: #303540;
10898
10866
  }
10899
- .acud-checkbox-checked:active .acud-checkbox-inner {
10900
- background-color: #144BCC;
10901
- border-color: #144BCC;
10867
+ .acud-tag .acuicon[disabled],
10868
+ .acud-tag .acuicon[disabled]:hover,
10869
+ .acud-tag .acuicon[disabled]:focus,
10870
+ .acud-tag .acuicon[disabled]:active {
10871
+ color: #B8BABF;
10902
10872
  }
10903
- .acud-checkbox-checked:active .acud-checkbox-inner .checkbox-check-icon {
10904
- color: #FFFFFF;
10905
- width: 14px;
10906
- height: 14px;
10873
+ .acud-tag-has-color {
10874
+ border-color: transparent;
10907
10875
  }
10908
- .acud-checkbox.acud-checkbox-checked + span {
10876
+ .acud-tag-has-color,
10877
+ .acud-tag-has-color a,
10878
+ .acud-tag-has-color a:hover,
10879
+ .acud-tag-has-color .acuicon-close,
10880
+ .acud-tag-has-color .acuicon-close:hover {
10909
10881
  color: #151B26;
10910
10882
  }
10911
- .acud-checkbox.acud-checkbox-checked + span:hover {
10912
- color: #151B26;
10883
+ .acud-tag-checkable {
10884
+ cursor: pointer;
10913
10885
  }
10914
- .acud-checkbox.acud-checkbox-disabled {
10915
- cursor: not-allowed;
10886
+ .acud-tag-checkable-checked {
10887
+ color: #FFFFFF;
10888
+ background-color: #2468F2;
10889
+ border-color: transparent;
10890
+ cursor: pointer;
10916
10891
  }
10917
- .acud-checkbox.acud-checkbox-disabled.acud-checkbox-checked .acud-checkbox-inner::after {
10918
- border-color: #E8E9EB;
10919
- -webkit-animation-name: none;
10920
- animation-name: none;
10892
+ .acud-tag-checkable-checked:hover {
10893
+ color: #FFFFFF;
10921
10894
  }
10922
- .acud-checkbox.acud-checkbox-disabled .acud-checkbox-input {
10923
- cursor: not-allowed;
10895
+ .acud-tag-checkable-checked:focus,
10896
+ .acud-tag-checkable-checked:active {
10897
+ color: #FFFFFF;
10924
10898
  }
10925
- .acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner {
10926
- background-color: #F7F7F9;
10927
- border-color: #E8E9EB;
10899
+ .acud-tag-checkable-checked[disabled],
10900
+ .acud-tag-checkable-checked[disabled]:hover,
10901
+ .acud-tag-checkable-checked[disabled]:focus,
10902
+ .acud-tag-checkable-checked[disabled]:active {
10903
+ color: #FFFFFF;
10928
10904
  }
10929
- .acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner .checkbox-check-icon {
10930
- color: #B8BABF;
10905
+ .acud-tag-checkable-checked:hover {
10906
+ background-color: #528EFF;
10931
10907
  }
10932
- .acud-checkbox.acud-checkbox-disabled + span {
10933
- color: #B8BABF;
10934
- cursor: not-allowed;
10908
+ .acud-tag-checkable-checked:focus,
10909
+ .acud-tag-checkable-checked:active {
10910
+ background-color: #144BCC;
10935
10911
  }
10936
- .acud-checkbox.acud-checkbox-disabled + span:hover {
10937
- color: #B8BABF;
10912
+ .acud-tag-checkable-checked[disabled],
10913
+ .acud-tag-checkable-checked[disabled]:hover,
10914
+ .acud-tag-checkable-checked[disabled]:focus,
10915
+ .acud-tag-checkable-checked[disabled]:active {
10916
+ background-color: #E8E9EB;
10938
10917
  }
10939
- .acud-checkbox.acud-checkbox-disabled:hover::after,
10940
- .acud-checkbox-wrapper:hover .acud-checkbox.acud-checkbox-disabled::after {
10941
- visibility: hidden;
10918
+ .acud-tag-checkable-checked:hover {
10919
+ border-color: transparent;
10942
10920
  }
10943
- .acud-checkbox-wrapper {
10944
- margin: 0;
10945
- padding: 0;
10946
- display: flex;
10947
- align-items: center;
10948
- line-height: unset;
10949
- cursor: pointer;
10921
+ .acud-tag-checkable-checked:focus,
10922
+ .acud-tag-checkable-checked:active {
10923
+ border-color: transparent;
10950
10924
  }
10951
- .acud-checkbox-wrapper::after {
10952
- display: inline-block;
10953
- width: 0;
10954
- overflow: hidden;
10955
- content: "\a0";
10925
+ .acud-tag-checkable-checked[disabled],
10926
+ .acud-tag-checkable-checked[disabled]:hover,
10927
+ .acud-tag-checkable-checked[disabled]:focus,
10928
+ .acud-tag-checkable-checked[disabled]:active {
10929
+ border-color: transparent;
10956
10930
  }
10957
- .acud-checkbox-wrapper.acud-checkbox-wrapper-disabled {
10958
- cursor: not-allowed;
10931
+ .acud-tag-hidden {
10932
+ display: none;
10959
10933
  }
10960
- .acud-checkbox-wrapper + .acud-checkbox-wrapper {
10934
+ .acud-tag > .acuicon + span,
10935
+ .acud-tag > span + .acuicon {
10961
10936
  margin-left: 8px;
10962
10937
  }
10963
- .acud-checkbox + span {
10964
- padding-right: 8px;
10965
- padding-left: 8px;
10966
- color: #151B26;
10938
+ .acud-tag-active-solid {
10939
+ line-height: 20px;
10940
+ color: #FFFFFF;
10941
+ background-color: #2468F2;
10967
10942
  }
10968
- .acud-checkbox + span:hover {
10969
- color: #151B26;
10943
+ .acud-tag-active-solid:hover {
10944
+ color: #FFFFFF;
10970
10945
  }
10971
- .acud-checkbox-group {
10972
- margin: 0;
10973
- padding: 0;
10974
- display: inline-flex;
10946
+ .acud-tag-processing-solid {
10947
+ line-height: 20px;
10948
+ color: #FFFFFF;
10949
+ background-color: #528EFF;
10975
10950
  }
10976
- .acud-checkbox-group-item {
10977
- margin-right: 16px;
10951
+ .acud-tag-processing-solid:hover {
10952
+ color: #FFFFFF;
10978
10953
  }
10979
- .acud-checkbox-group-item:last-child {
10980
- margin-right: 0;
10954
+ .acud-tag-success-solid {
10955
+ line-height: 20px;
10956
+ color: #FFFFFF;
10957
+ background-color: #30BF13;
10981
10958
  }
10982
- .acud-checkbox-group-item + .acud-checkbox-group-item {
10983
- margin-left: 0;
10959
+ .acud-tag-success-solid:hover {
10960
+ color: #FFFFFF;
10984
10961
  }
10985
- .acud-checkbox-indeterminate .acud-checkbox-inner {
10986
- background-color: #FFFFFF;
10987
- border-color: #2468F2;
10962
+ .acud-tag-error-solid {
10963
+ line-height: 20px;
10964
+ color: #FFFFFF;
10965
+ background-color: #F33E3E;
10988
10966
  }
10989
- .acud-checkbox-indeterminate .acud-checkbox-inner::after {
10990
- position: absolute;
10991
- display: table;
10992
- top: 50%;
10993
- left: 50%;
10994
- width: 8px;
10995
- height: 8px;
10996
- background-color: #2468F2;
10997
- border: 0;
10998
- transform: translate(-50%, -50%) scale(1);
10999
- opacity: 1;
11000
- content: ' ';
10967
+ .acud-tag-error-solid:hover {
10968
+ color: #FFFFFF;
11001
10969
  }
11002
- .acud-checkbox-indeterminate.acud-checkbox-disabled .acud-checkbox-inner::after {
11003
- background-color: #D4D6D9;
11004
- border-color: #D4D6D9;
10970
+ .acud-tag-warning-solid {
10971
+ line-height: 20px;
10972
+ color: #FFFFFF;
10973
+ background-color: #FF9326;
11005
10974
  }
11006
- .acud-checkbox-indeterminate:hover .acud-checkbox-inner {
11007
- background-color: #FFFFFF;
11008
- border-color: #528EFF;
10975
+ .acud-tag-warning-solid:hover {
10976
+ color: #FFFFFF;
11009
10977
  }
11010
- .acud-checkbox-indeterminate:hover .acud-checkbox-inner::after {
11011
- background-color: #528EFF;
10978
+ .acud-tag-inactive-solid {
10979
+ line-height: 20px;
10980
+ color: #FFFFFF;
10981
+ background-color: #D4D6D9;
11012
10982
  }
11013
- .acud-checkbox-button {
11014
- min-width: 80px;
11015
- text-align: center;
11016
- height: 32px;
11017
- line-height: 30px;
11018
- padding-left: 12px;
11019
- padding-right: 12px;
10983
+ .acud-tag-inactive-solid:hover {
10984
+ color: #FFFFFF;
10985
+ }
10986
+ .acud-tag-active-outline {
10987
+ line-height: 18px;
10988
+ color: #2468F2;
11020
10989
  font-size: 12px;
11021
- border: 1px solid;
11022
- border-radius: 4px;
11023
- cursor: pointer;
11024
- position: relative;
11025
- display: inline-block;
11026
- color: #151B26;
11027
- background-color: #FFFFFF;
11028
- border-color: #E8E9EB;
10990
+ border-radius: 2px;
10991
+ background-color: transparent;
10992
+ border: 1px solid #2468F2;
11029
10993
  }
11030
- .acud-checkbox-button:hover {
10994
+ .acud-tag-active-outline:hover {
11031
10995
  color: #2468F2;
11032
10996
  }
11033
- .acud-checkbox-button:focus,
11034
- .acud-checkbox-button:active {
11035
- color: #144BCC;
10997
+ .acud-tag-processing-outline {
10998
+ line-height: 18px;
10999
+ color: #528EFF;
11000
+ font-size: 12px;
11001
+ border-radius: 2px;
11002
+ background-color: transparent;
11003
+ border: 1px solid #528EFF;
11036
11004
  }
11037
- .acud-checkbox-button[disabled],
11038
- .acud-checkbox-button[disabled]:hover,
11039
- .acud-checkbox-button[disabled]:focus,
11040
- .acud-checkbox-button[disabled]:active {
11041
- color: #B8BABF;
11005
+ .acud-tag-processing-outline:hover {
11006
+ color: #528EFF;
11042
11007
  }
11043
- .acud-checkbox-button:hover {
11044
- background-color: #FFFFFF;
11008
+ .acud-tag-success-outline {
11009
+ line-height: 18px;
11010
+ color: #30BF13;
11011
+ font-size: 12px;
11012
+ border-radius: 2px;
11013
+ background-color: transparent;
11014
+ border: 1px solid #30BF13;
11045
11015
  }
11046
- .acud-checkbox-button:focus,
11047
- .acud-checkbox-button:active {
11048
- background-color: #FFFFFF;
11016
+ .acud-tag-success-outline:hover {
11017
+ color: #30BF13;
11049
11018
  }
11050
- .acud-checkbox-button[disabled],
11051
- .acud-checkbox-button[disabled]:hover,
11052
- .acud-checkbox-button[disabled]:focus,
11053
- .acud-checkbox-button[disabled]:active {
11054
- background-color: #F7F7F9;
11019
+ .acud-tag-error-outline {
11020
+ line-height: 18px;
11021
+ color: #F33E3E;
11022
+ font-size: 12px;
11023
+ border-radius: 2px;
11024
+ background-color: transparent;
11025
+ border: 1px solid #F33E3E;
11055
11026
  }
11056
- .acud-checkbox-button:hover {
11057
- border-color: #2468F2;
11027
+ .acud-tag-error-outline:hover {
11028
+ color: #F33E3E;
11058
11029
  }
11059
- .acud-checkbox-button:focus,
11060
- .acud-checkbox-button:active {
11061
- border-color: #144BCC;
11030
+ .acud-tag-warning-outline {
11031
+ line-height: 18px;
11032
+ color: #FF9326;
11033
+ font-size: 12px;
11034
+ border-radius: 2px;
11035
+ background-color: transparent;
11036
+ border: 1px solid #FF9326;
11062
11037
  }
11063
- .acud-checkbox-button[disabled],
11064
- .acud-checkbox-button[disabled]:hover,
11065
- .acud-checkbox-button[disabled]:focus,
11066
- .acud-checkbox-button[disabled]:active {
11067
- border-color: #E8E9EB;
11038
+ .acud-tag-warning-outline:hover {
11039
+ color: #FF9326;
11068
11040
  }
11069
- .acud-checkbox-button-checked {
11070
- color: #2468F2;
11071
- background-color: #FFFFFF;
11072
- border-color: #2468F2;
11041
+ .acud-tag-inactive-outline {
11042
+ line-height: 18px;
11043
+ color: #D4D6D9;
11044
+ font-size: 12px;
11045
+ border-radius: 2px;
11046
+ background-color: transparent;
11047
+ border: 1px solid #D4D6D9;
11073
11048
  }
11074
- .acud-checkbox-button-checked:hover {
11075
- color: #528EFF;
11049
+ .acud-tag-inactive-outline:hover {
11050
+ color: #D4D6D9;
11076
11051
  }
11077
- .acud-checkbox-button-checked:focus,
11078
- .acud-checkbox-button-checked:active {
11079
- color: #144BCC;
11052
+ .acud-tag-red {
11053
+ color: #FFF;
11054
+ background-color: #F33E3E;
11080
11055
  }
11081
- .acud-checkbox-button-checked[disabled],
11082
- .acud-checkbox-button-checked[disabled]:hover,
11083
- .acud-checkbox-button-checked[disabled]:focus,
11084
- .acud-checkbox-button-checked[disabled]:active {
11085
- color: #84868C;
11056
+ .acud-tag-red:hover {
11057
+ color: #FFF;
11086
11058
  }
11087
- .acud-checkbox-button-checked:hover {
11088
- background-color: #FFFFFF;
11059
+ .acud-tag-orange {
11060
+ color: #FFF;
11061
+ background-color: #FF9326;
11089
11062
  }
11090
- .acud-checkbox-button-checked:focus,
11091
- .acud-checkbox-button-checked:active {
11092
- background-color: #FFFFFF;
11063
+ .acud-tag-orange:hover {
11064
+ color: #FFF;
11093
11065
  }
11094
- .acud-checkbox-button-checked[disabled],
11095
- .acud-checkbox-button-checked[disabled]:hover,
11096
- .acud-checkbox-button-checked[disabled]:focus,
11097
- .acud-checkbox-button-checked[disabled]:active {
11098
- background-color: #F7F7F9;
11066
+ .acud-tag-yellow {
11067
+ color: #FFF;
11068
+ background-color: #FAD000;
11099
11069
  }
11100
- .acud-checkbox-button-checked:hover {
11101
- border-color: #528EFF;
11070
+ .acud-tag-yellow:hover {
11071
+ color: #FFF;
11102
11072
  }
11103
- .acud-checkbox-button-checked:focus,
11104
- .acud-checkbox-button-checked:active {
11105
- border-color: #144BCC;
11073
+ .acud-tag-grey {
11074
+ color: #FFF;
11075
+ background-color: #B8BABF;
11106
11076
  }
11107
- .acud-checkbox-button-checked[disabled],
11108
- .acud-checkbox-button-checked[disabled]:hover,
11109
- .acud-checkbox-button-checked[disabled]:focus,
11110
- .acud-checkbox-button-checked[disabled]:active {
11111
- border-color: #E8E9EB;
11077
+ .acud-tag-grey:hover {
11078
+ color: #FFF;
11112
11079
  }
11113
- .acud-checkbox-button-checked .acud-checkbox-button-checked-flag {
11114
- position: absolute;
11115
- top: 0;
11116
- left: 0;
11117
- width: 0;
11118
- height: 0;
11119
- border-top: 7px solid #2468F2;
11120
- border-left: 7px solid #2468F2;
11121
- border-right: 7px solid transparent;
11122
- border-bottom: 7px solid transparent;
11080
+ .acud-tag-status {
11081
+ line-height: 20px;
11082
+ color: #FFFFFF;
11123
11083
  }
11124
- .acud-checkbox-button-checked:hover .acud-checkbox-button-checked-flag {
11125
- border-top: 7px solid #528EFF;
11126
- border-left: 7px solid #528EFF;
11084
+ .acud-tag-type-marketing {
11085
+ position: relative;
11086
+ width: 50px;
11087
+ background: transparent;
11088
+ border-top: 0px solid transparent;
11089
+ border-bottom: 15px solid green;
11090
+ border-left: 16px solid transparent;
11091
+ border-right: 16px solid transparent;
11092
+ transform: rotate(-46deg);
11093
+ padding: 0;
11094
+ overflow: visible;
11127
11095
  }
11128
- .acud-checkbox-button-checked:active .acud-checkbox-button-checked-flag {
11129
- border-top: 7px solid #144BCC;
11130
- border-left: 7px solid #144BCC;
11096
+ .acud-tag-type-subscription {
11097
+ background: transparent;
11131
11098
  }
11132
- .acud-checkbox-button-checked .acud-checkbox-button-checked-icon {
11133
- position: absolute;
11134
- top: 0;
11135
- left: 0;
11136
- line-height: 14px;
11137
- font-size: 12px;
11138
- color: #FFFFFF;
11139
- transform: translate(-1px, -2px) scale(0.6);
11099
+ .acud-tag-type-subscription span {
11100
+ color: #84868C;
11140
11101
  }
11141
- .acud-checkbox-button-disabled {
11142
- cursor: not-allowed;
11102
+ .acud-tag-type-subscription span:hover {
11103
+ color: #5C5F66;
11143
11104
  }
11144
- .acud-checkbox-button-disabled .acud-checkbox-button-checked-flag {
11145
- border-top: 7px solid #E8E9EB;
11146
- border-left: 7px solid #E8E9EB;
11105
+ .acud-tag-type-subscription span:focus,
11106
+ .acud-tag-type-subscription span:active {
11107
+ color: #FF9326;
11147
11108
  }
11148
- .acud-checkbox-button-disabled:hover .acud-checkbox-button-checked-flag {
11149
- border-top: 7px solid #E8E9EB;
11150
- border-left: 7px solid #E8E9EB;
11109
+ .acud-tag-type-subscription span[disabled],
11110
+ .acud-tag-type-subscription span[disabled]:hover,
11111
+ .acud-tag-type-subscription span[disabled]:focus,
11112
+ .acud-tag-type-subscription span[disabled]:active {
11113
+ color: transparent;
11151
11114
  }
11152
- .acud-checkbox-button-disabled .acud-checkbox-button-checked-icon {
11153
- color: #FFFFFF;
11115
+ .acud-tag-type-edit {
11116
+ -webkit-user-select: none;
11117
+ -moz-user-select: none;
11118
+ -ms-user-select: none;
11119
+ user-select: none;
11120
+ padding-right: 4px;
11121
+ line-height: 24px;
11154
11122
  }
11155
- .acud-checkbox-button-group-item {
11156
- border-radius: 0;
11157
- border-width: 1px 0;
11123
+ .acud-tag-type-edit[disabled],
11124
+ .acud-tag-type-edit[disabled]:hover {
11125
+ color: #84868C;
11126
+ background-color: #E8E9EB;
11158
11127
  }
11159
- .acud-checkbox-button-group-item::before {
11160
- box-sizing: content-box;
11161
- content: "";
11162
- display: block;
11163
- height: 32px;
11164
- left: -1px;
11128
+ .acud-tag.acud-tag-rtl {
11129
+ margin-right: 0;
11130
+ margin-left: 8px;
11131
+ direction: rtl;
11132
+ text-align: right;
11133
+ }
11134
+ .acud-tag-rtl .acud-tag-close-icon {
11135
+ margin-right: 3px;
11136
+ margin-left: 0;
11137
+ }
11138
+ .acud-tag-rtl.acud-tag > .acuicon + span,
11139
+ .acud-tag-rtl.acud-tag > span + .acuicon {
11140
+ margin-right: 7px;
11141
+ margin-left: 0;
11142
+ }
11143
+
11144
+ /* color */
11145
+ /* 默认颜色 */
11146
+ /* 通用-icon */
11147
+ /* 标签 */
11148
+ /* 默认颜色 */
11149
+ /* 其他颜色 */
11150
+ /* 通用 */
11151
+ /* 水平 */
11152
+ /* 垂直 */
11153
+ /* 序号水平 */
11154
+ /* 序号垂直 */
11155
+ .acud-tooltip {
11156
+ margin: 0;
11157
+ padding: 0;
11165
11158
  position: absolute;
11166
- top: -1px;
11167
- width: 1px;
11168
- background-color: #E8E9EB;
11169
- z-index: 0;
11159
+ z-index: 1070;
11160
+ display: block;
11161
+ width: -webkit-max-content;
11162
+ width: -moz-max-content;
11163
+ width: max-content;
11164
+ max-width: 220px;
11165
+ visibility: visible;
11170
11166
  }
11171
- .acud-checkbox-button-group-item::after {
11172
- box-sizing: content-box;
11173
- content: "";
11167
+ .acud-tooltip-hidden {
11168
+ display: none;
11169
+ }
11170
+ .acud-tooltip-placement-top,
11171
+ .acud-tooltip-placement-topLeft,
11172
+ .acud-tooltip-placement-topRight {
11173
+ padding-bottom: 8px;
11174
+ }
11175
+ .acud-tooltip-placement-right,
11176
+ .acud-tooltip-placement-rightTop,
11177
+ .acud-tooltip-placement-rightBottom {
11178
+ padding-left: 8px;
11179
+ }
11180
+ .acud-tooltip-placement-bottom,
11181
+ .acud-tooltip-placement-bottomLeft,
11182
+ .acud-tooltip-placement-bottomRight {
11183
+ padding-top: 8px;
11184
+ }
11185
+ .acud-tooltip-placement-left,
11186
+ .acud-tooltip-placement-leftTop,
11187
+ .acud-tooltip-placement-leftBottom {
11188
+ padding-right: 8px;
11189
+ }
11190
+ .acud-tooltip-inner {
11191
+ min-width: 36px;
11192
+ min-height: 36px;
11193
+ line-height: 20px;
11194
+ padding: 8px;
11195
+ color: #151B26;
11196
+ text-align: left;
11197
+ text-decoration: none;
11198
+ word-wrap: break-word;
11199
+ font-size: 12px;
11200
+ background-color: #FFFFFF;
11201
+ border-radius: 4px;
11202
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
11203
+ }
11204
+ .acud-tooltip-inner .title {
11205
+ color: #151B26;
11206
+ font-size: 12px;
11207
+ font-weight: 500;
11208
+ margin: 4px 0 4px;
11209
+ }
11210
+ .acud-tooltip-inner .description {
11211
+ color: #5C5F66;
11212
+ font-size: 12px;
11213
+ margin-bottom: 4px;
11214
+ }
11215
+ .acud-tooltip-arrow {
11216
+ position: absolute;
11174
11217
  display: block;
11175
- height: 32px;
11176
- right: 0;
11218
+ width: 17.3137085px;
11219
+ height: 17.3137085px;
11220
+ overflow: hidden;
11221
+ background: transparent;
11222
+ pointer-events: none;
11223
+ }
11224
+ .acud-tooltip-arrow-content {
11177
11225
  position: absolute;
11178
- top: -1px;
11179
- width: 1px;
11180
- background-color: #E8E9EB;
11181
- z-index: 0;
11226
+ top: 0;
11227
+ right: 0;
11228
+ bottom: 0;
11229
+ left: 0;
11230
+ display: block;
11231
+ width: 8px;
11232
+ height: 8px;
11233
+ margin: auto;
11234
+ background-color: #FFFFFF;
11235
+ content: '';
11236
+ pointer-events: auto;
11182
11237
  }
11183
- .acud-checkbox-button-group-item:first-child {
11184
- border-left-width: 1px;
11185
- border-top-left-radius: 4px;
11186
- border-bottom-left-radius: 4px;
11238
+ .acud-tooltip-placement-top .acud-tooltip-arrow,
11239
+ .acud-tooltip-placement-topLeft .acud-tooltip-arrow,
11240
+ .acud-tooltip-placement-topRight .acud-tooltip-arrow {
11241
+ bottom: -9.3137085px;
11187
11242
  }
11188
- .acud-checkbox-button-group-item:first-child.acud-checkbox-button-group-item:first-child::before {
11189
- display: none;
11243
+ .acud-tooltip-placement-top .acud-tooltip-arrow-content,
11244
+ .acud-tooltip-placement-topLeft .acud-tooltip-arrow-content,
11245
+ .acud-tooltip-placement-topRight .acud-tooltip-arrow-content {
11246
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
11247
+ transform: translateY(-8.65685425px) rotate(45deg);
11190
11248
  }
11191
- .acud-checkbox-button-group-item:first-child .acud-checkbox-button-checked-flag {
11192
- border-top-left-radius: 1px;
11249
+ .acud-tooltip-placement-top .acud-tooltip-arrow {
11250
+ left: 50%;
11251
+ transform: translateX(-50%);
11193
11252
  }
11194
- .acud-checkbox-button-group-item:last-child {
11195
- border-right-width: 1px;
11196
- border-top-right-radius: 4px;
11197
- border-bottom-right-radius: 4px;
11253
+ .acud-tooltip-placement-topLeft .acud-tooltip-arrow {
11254
+ left: 13px;
11198
11255
  }
11199
- .acud-checkbox-button-group-item:last-child.acud-checkbox-button-group-item:last-child::after {
11200
- display: none;
11256
+ .acud-tooltip-placement-topRight .acud-tooltip-arrow {
11257
+ right: 13px;
11201
11258
  }
11202
- .acud-checkbox-button-group-item:hover::before {
11203
- background-color: #2468F2;
11204
- z-index: 4;
11259
+ .acud-tooltip-placement-right .acud-tooltip-arrow,
11260
+ .acud-tooltip-placement-rightTop .acud-tooltip-arrow,
11261
+ .acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
11262
+ left: -9.3137085px;
11205
11263
  }
11206
- .acud-checkbox-button-group-item:hover::after {
11207
- background-color: #2468F2;
11208
- z-index: 4;
11264
+ .acud-tooltip-placement-right .acud-tooltip-arrow-content,
11265
+ .acud-tooltip-placement-rightTop .acud-tooltip-arrow-content,
11266
+ .acud-tooltip-placement-rightBottom .acud-tooltip-arrow-content {
11267
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
11268
+ transform: translateX(8.65685425px) rotate(45deg);
11209
11269
  }
11210
- .acud-checkbox-button-group-item.acud-checkbox-button-checked::before {
11211
- background-color: #2468F2;
11212
- z-index: 3;
11270
+ .acud-tooltip-placement-right .acud-tooltip-arrow {
11271
+ top: 50%;
11272
+ transform: translateY(-50%);
11213
11273
  }
11214
- .acud-checkbox-button-group-item.acud-checkbox-button-checked::after {
11215
- background-color: #2468F2;
11216
- z-index: 3;
11274
+ .acud-tooltip-placement-rightTop .acud-tooltip-arrow {
11275
+ top: 5px;
11217
11276
  }
11218
- .acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::before {
11219
- background-color: #528EFF;
11220
- z-index: 5;
11277
+ .acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
11278
+ bottom: 5px;
11221
11279
  }
11222
- .acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::after {
11223
- background-color: #528EFF;
11224
- z-index: 5;
11280
+ .acud-tooltip-placement-left .acud-tooltip-arrow,
11281
+ .acud-tooltip-placement-leftTop .acud-tooltip-arrow,
11282
+ .acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
11283
+ right: -9.3137085px;
11225
11284
  }
11226
- .acud-checkbox-button-group-item.acud-checkbox-button-checked:active::before {
11227
- background-color: #144BCC;
11228
- z-index: 5;
11285
+ .acud-tooltip-placement-left .acud-tooltip-arrow-content,
11286
+ .acud-tooltip-placement-leftTop .acud-tooltip-arrow-content,
11287
+ .acud-tooltip-placement-leftBottom .acud-tooltip-arrow-content {
11288
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
11289
+ transform: translateX(-8.65685425px) rotate(45deg);
11229
11290
  }
11230
- .acud-checkbox-button-group-item.acud-checkbox-button-checked:active::after {
11231
- background-color: #144BCC;
11232
- z-index: 5;
11291
+ .acud-tooltip-placement-left .acud-tooltip-arrow {
11292
+ top: 50%;
11293
+ transform: translateY(-50%);
11233
11294
  }
11234
- .acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::before {
11235
- background-color: #E8E9EB;
11236
- z-index: 2;
11295
+ .acud-tooltip-placement-leftTop .acud-tooltip-arrow {
11296
+ top: 5px;
11237
11297
  }
11238
- .acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::after {
11239
- background-color: #E8E9EB;
11240
- z-index: 2;
11298
+ .acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
11299
+ bottom: 5px;
11241
11300
  }
11242
- .acud-checkbox-button-group-item.acud-checkbox-button-disabled::before {
11243
- background-color: #E8E9EB;
11244
- z-index: 1;
11301
+ .acud-tooltip-placement-bottom .acud-tooltip-arrow,
11302
+ .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow,
11303
+ .acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
11304
+ top: -9.3137085px;
11245
11305
  }
11246
- .acud-checkbox-button-group-item.acud-checkbox-button-disabled::after {
11247
- background-color: #E8E9EB;
11248
- z-index: 1;
11306
+ .acud-tooltip-placement-bottom .acud-tooltip-arrow-content,
11307
+ .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow-content,
11308
+ .acud-tooltip-placement-bottomRight .acud-tooltip-arrow-content {
11309
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
11310
+ transform: translateY(8.65685425px) rotate(45deg);
11311
+ }
11312
+ .acud-tooltip-placement-bottom .acud-tooltip-arrow {
11313
+ left: 50%;
11314
+ transform: translateX(-50%);
11315
+ }
11316
+ .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow {
11317
+ left: 13px;
11318
+ }
11319
+ .acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
11320
+ right: 13px;
11321
+ }
11322
+ .acud-tooltip-black .acud-tooltip-inner {
11323
+ color: #FFFFFF;
11324
+ background-color: #151B26;
11325
+ }
11326
+ .acud-tooltip-black .acud-tooltip-arrow-content {
11327
+ background-color: #151B26;
11328
+ }
11329
+ .acud-tooltip-rtl {
11330
+ direction: rtl;
11331
+ }
11332
+ .acud-tooltip-rtl .acud-tooltip-inner {
11333
+ text-align: right;
11249
11334
  }
11250
11335
 
11251
11336
  /* color */
@@ -11323,1831 +11408,1938 @@ a {
11323
11408
  /* 垂直 */
11324
11409
  /* 序号水平 */
11325
11410
  /* 序号垂直 */
11326
- .acud-collapse {
11327
- margin: 0;
11328
- padding: 0;
11329
- }
11330
- .acud-collapse > .acud-collapse-item {
11331
- border: 1px #E8E9EB solid;
11332
- border-bottom: 0;
11333
- overflow: hidden;
11334
- }
11335
- .acud-collapse > .acud-collapse-item:first-child {
11336
- border-top-left-radius: 4px;
11337
- border-top-right-radius: 4px;
11411
+ @-webkit-keyframes acudCheckboxEffect {
11412
+ 0% {
11413
+ transform: scale(1);
11414
+ opacity: 0.5;
11415
+ }
11416
+ 100% {
11417
+ transform: scale(1.6);
11418
+ opacity: 0;
11419
+ }
11338
11420
  }
11339
- .acud-collapse > .acud-collapse-item:last-child {
11340
- border-bottom: 1px #E8E9EB solid;
11341
- border-bottom-left-radius: 4px;
11342
- border-bottom-right-radius: 4px;
11421
+ @keyframes acudCheckboxEffect {
11422
+ 0% {
11423
+ transform: scale(1);
11424
+ opacity: 0.5;
11425
+ }
11426
+ 100% {
11427
+ transform: scale(1.6);
11428
+ opacity: 0;
11429
+ }
11343
11430
  }
11344
- .acud-collapse > .acud-collapse-item > .acud-collapse-header {
11345
- outline: none;
11431
+ .acud-checkbox {
11432
+ margin: 0;
11433
+ padding: 0;
11434
+ display: flex;
11346
11435
  position: relative;
11347
- background-color: #F7F7F9;
11348
- padding: 16px;
11349
- padding-left: 40px;
11436
+ line-height: 1;
11437
+ top: 0;
11438
+ white-space: nowrap;
11439
+ outline: none;
11350
11440
  cursor: pointer;
11351
- font-size: 14px;
11352
- line-height: 20px;
11353
- color: #151B26;
11354
11441
  }
11355
- .acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
11356
- color: #151B26;
11442
+ .acud-checkbox-wrapper:hover .acud-checkbox-inner,
11443
+ .acud-checkbox:hover .acud-checkbox-inner {
11444
+ border-color: #2468F2;
11357
11445
  }
11358
- .acud-collapse > .acud-collapse-item > .acud-collapse-header:focus,
11359
- .acud-collapse > .acud-collapse-item > .acud-collapse-header:active {
11360
- color: #151B26;
11446
+ .acud-checkbox:active .acud-checkbox-inner {
11447
+ border-color: #144BCC;
11361
11448
  }
11362
- .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled],
11363
- .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:hover,
11364
- .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:focus,
11365
- .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:active {
11366
- color: #B8BABF;
11449
+ .acud-checkbox:hover::after,
11450
+ .acud-checkbox-wrapper:hover .acud-checkbox::after {
11451
+ visibility: visible;
11367
11452
  }
11368
- .acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
11369
- background-color: #F2F2F4;
11453
+ .acud-checkbox-inner {
11454
+ position: relative;
11455
+ display: inline-flex;
11456
+ width: 16px;
11457
+ height: 16px;
11458
+ direction: ltr;
11459
+ background-color: #FFFFFF;
11460
+ border: 1px solid #E8E9EB;
11461
+ border-radius: 0px;
11462
+ border-collapse: separate;
11463
+ border-radius: 2px;
11370
11464
  }
11371
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow {
11465
+ .acud-checkbox-input {
11372
11466
  position: absolute;
11467
+ top: 0;
11468
+ right: 0;
11469
+ bottom: 0;
11470
+ left: 0;
11471
+ z-index: 1;
11373
11472
  width: 16px;
11374
11473
  height: 16px;
11375
- left: 16px;
11376
- top: 50%;
11377
- margin-top: -8px;
11378
- color: #84868C;
11474
+ cursor: pointer;
11475
+ opacity: 0;
11379
11476
  }
11380
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:hover {
11381
- color: #84868C;
11477
+ .acud-checkbox-checked .acud-checkbox-inner {
11478
+ background-color: #2468F2;
11479
+ border-color: #2468F2;
11382
11480
  }
11383
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:focus,
11384
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:active {
11385
- color: #84868C;
11481
+ .acud-checkbox-checked .acud-checkbox-inner .checkbox-check-icon {
11482
+ color: #FFFFFF;
11483
+ width: 14px;
11484
+ height: 14px;
11386
11485
  }
11387
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled],
11388
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:hover,
11389
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:focus,
11390
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:active {
11391
- color: #B8BABF;
11486
+ .acud-checkbox-checked:hover .acud-checkbox-inner {
11487
+ background-color: #528EFF;
11488
+ border-color: #528EFF;
11392
11489
  }
11393
- .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow svg {
11394
- font-size: 16px;
11395
- transition: transform 0.24s;
11490
+ .acud-checkbox-checked:hover .acud-checkbox-inner .checkbox-check-icon {
11491
+ color: #FFFFFF;
11492
+ width: 14px;
11493
+ height: 14px;
11396
11494
  }
11397
- .acud-collapse-content {
11398
- border-top: 1px #E8E9EB solid;
11399
- background-color: #FFFFFF;
11400
- transition: all 0.3s;
11495
+ .acud-checkbox-checked:active .acud-checkbox-inner {
11496
+ background-color: #144BCC;
11497
+ border-color: #144BCC;
11401
11498
  }
11402
- .acud-collapse-content > .acud-collapse-content-box {
11403
- padding: 16px;
11499
+ .acud-checkbox-checked:active .acud-checkbox-inner .checkbox-check-icon {
11500
+ color: #FFFFFF;
11501
+ width: 14px;
11502
+ height: 14px;
11404
11503
  }
11405
- .acud-collapse-content > .acud-collapse-content-box p {
11406
- font-size: 14px;
11407
- line-height: 20px;
11408
- color: #5C5F66;
11409
- margin: 0;
11504
+ .acud-checkbox.acud-checkbox-checked + span {
11505
+ color: #151B26;
11410
11506
  }
11411
- .acud-collapse-content-hidden {
11412
- display: none;
11507
+ .acud-checkbox.acud-checkbox-checked + span:hover {
11508
+ color: #151B26;
11413
11509
  }
11414
- .acud-collapse > .acud-collapse-item-disabled:hover {
11415
- box-shadow: none;
11510
+ .acud-checkbox.acud-checkbox-disabled {
11511
+ cursor: not-allowed;
11416
11512
  }
11417
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header,
11418
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover,
11419
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:focus,
11420
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:active {
11513
+ .acud-checkbox.acud-checkbox-disabled.acud-checkbox-checked .acud-checkbox-inner::after {
11514
+ border-color: #E8E9EB;
11515
+ -webkit-animation-name: none;
11516
+ animation-name: none;
11517
+ }
11518
+ .acud-checkbox.acud-checkbox-disabled .acud-checkbox-input {
11421
11519
  cursor: not-allowed;
11422
- color: #B8BABF;
11423
11520
  }
11424
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover {
11521
+ .acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner {
11425
11522
  background-color: #F7F7F9;
11523
+ border-color: #E8E9EB;
11426
11524
  }
11427
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow,
11428
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:hover,
11429
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:focus,
11430
- .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:active {
11525
+ .acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner .checkbox-check-icon {
11526
+ color: #B8BABF;
11527
+ }
11528
+ .acud-checkbox.acud-checkbox-disabled + span {
11529
+ color: #B8BABF;
11431
11530
  cursor: not-allowed;
11531
+ }
11532
+ .acud-checkbox.acud-checkbox-disabled + span:hover {
11432
11533
  color: #B8BABF;
11433
11534
  }
11434
-
11435
- /* color */
11436
- /* 默认颜色 */
11437
- /* 通用-icon */
11438
- /* 标签 */
11439
- /* 默认颜色 */
11440
- /* 其他颜色 */
11441
- /* 通用 */
11442
- /* 水平 */
11443
- /* 垂直 */
11444
- /* 序号水平 */
11445
- /* 序号垂直 */
11446
-
11447
- /* color */
11448
- /* 默认颜色 */
11449
- /* 通用-icon */
11450
- /* 标签 */
11451
- /* 默认颜色 */
11452
- /* 其他颜色 */
11453
- /* 通用 */
11454
- /* 水平 */
11455
- /* 垂直 */
11456
- /* 序号水平 */
11457
- /* 序号垂直 */
11458
- .acud-picker {
11535
+ .acud-checkbox.acud-checkbox-disabled:hover::after,
11536
+ .acud-checkbox-wrapper:hover .acud-checkbox.acud-checkbox-disabled::after {
11537
+ visibility: hidden;
11538
+ }
11539
+ .acud-checkbox-wrapper {
11459
11540
  margin: 0;
11460
11541
  padding: 0;
11461
- height: 32px;
11462
- padding: 0 12px;
11463
- position: relative;
11464
- display: inline-flex;
11542
+ display: flex;
11465
11543
  align-items: center;
11466
- background-color: #FFFFFF;
11467
- border-color: #E8E9EB;
11468
- border-width: 1px;
11469
- border-style: solid;
11470
- border-radius: 4px;
11471
- transition: border 0.3s, box-shadow 0.3s;
11472
- }
11473
- .acud-picker:hover {
11474
- background-color: #FFFFFF;
11544
+ line-height: unset;
11545
+ cursor: pointer;
11475
11546
  }
11476
- .acud-picker:focus,
11477
- .acud-picker:active {
11478
- background-color: #FFFFFF;
11547
+ .acud-checkbox-wrapper::after {
11548
+ display: inline-block;
11549
+ width: 0;
11550
+ overflow: hidden;
11551
+ content: "\a0";
11479
11552
  }
11480
- .acud-picker[disabled],
11481
- .acud-picker[disabled]:hover,
11482
- .acud-picker[disabled]:focus,
11483
- .acud-picker[disabled]:active {
11484
- background-color: #F7F7F9;
11553
+ .acud-checkbox-wrapper.acud-checkbox-wrapper-disabled {
11554
+ cursor: not-allowed;
11485
11555
  }
11486
- .acud-picker:hover {
11487
- border-color: #2468F2;
11556
+ .acud-checkbox-wrapper + .acud-checkbox-wrapper {
11557
+ margin-left: 8px;
11488
11558
  }
11489
- .acud-picker:focus,
11490
- .acud-picker:active {
11491
- border-color: #144BCC;
11559
+ .acud-checkbox + span {
11560
+ padding-right: 8px;
11561
+ padding-left: 8px;
11562
+ color: #151B26;
11492
11563
  }
11493
- .acud-picker[disabled],
11494
- .acud-picker[disabled]:hover,
11495
- .acud-picker[disabled]:focus,
11496
- .acud-picker[disabled]:active {
11497
- border-color: #E8E9EB;
11564
+ .acud-checkbox + span:hover {
11565
+ color: #151B26;
11498
11566
  }
11499
- .acud-picker-focused {
11500
- border-color: #2468F2;
11567
+ .acud-checkbox-group {
11568
+ margin: 0;
11569
+ padding: 0;
11570
+ display: inline-flex;
11501
11571
  }
11502
- .acud-picker.acud-picker-disabled {
11503
- background: #F7F7F9;
11504
- border-color: #E8E9EB;
11505
- cursor: not-allowed;
11572
+ .acud-checkbox-group-item {
11573
+ margin-right: 16px;
11506
11574
  }
11507
- .acud-picker.acud-picker-disabled.acud-picker-range-has-value:hover .acud-picker-suffix,
11508
- .acud-picker.acud-picker-disabled .acud-picker-input-has-value:hover .acud-picker-suffix {
11509
- opacity: 1;
11575
+ .acud-checkbox-group-item:last-child {
11576
+ margin-right: 0;
11510
11577
  }
11511
- .acud-picker-status-error {
11512
- border-color: #F33E3E;
11578
+ .acud-checkbox-group-item + .acud-checkbox-group-item {
11579
+ margin-left: 0;
11513
11580
  }
11514
- .acud-picker-status-error:hover {
11515
- border-color: #F33E3E;
11581
+ .acud-checkbox-indeterminate .acud-checkbox-inner {
11582
+ background-color: #FFFFFF;
11583
+ border-color: #2468F2;
11516
11584
  }
11517
- .acud-picker.acud-picker-disabled .acud-picker-suffix {
11518
- color: #B8BABF;
11585
+ .acud-checkbox-indeterminate .acud-checkbox-inner::after {
11586
+ position: absolute;
11587
+ display: table;
11588
+ top: 50%;
11589
+ left: 50%;
11590
+ width: 8px;
11591
+ height: 8px;
11592
+ background-color: #2468F2;
11593
+ border: 0;
11594
+ transform: translate(-50%, -50%) scale(1);
11595
+ opacity: 1;
11596
+ content: ' ';
11519
11597
  }
11520
- .acud-picker.acud-picker-borderless {
11521
- background-color: transparent !important;
11522
- border-color: transparent !important;
11523
- box-shadow: none !important;
11598
+ .acud-checkbox-indeterminate.acud-checkbox-disabled .acud-checkbox-inner::after {
11599
+ background-color: #D4D6D9;
11600
+ border-color: #D4D6D9;
11524
11601
  }
11525
- .acud-picker-input {
11526
- position: relative;
11527
- display: inline-flex;
11528
- align-items: center;
11529
- width: 100%;
11530
- height: 32px;
11602
+ .acud-checkbox-indeterminate:hover .acud-checkbox-inner {
11603
+ background-color: #FFFFFF;
11604
+ border-color: #528EFF;
11531
11605
  }
11532
- .acud-picker-input > input {
11533
- width: 100%;
11534
- outline: none;
11535
- display: flex;
11536
- position: relative;
11537
- align-items: center;
11538
- box-sizing: border-box;
11539
- font-weight: 400;
11540
- border-width: 1px;
11541
- border-style: solid;
11542
- overflow: hidden;
11606
+ .acud-checkbox-indeterminate:hover .acud-checkbox-inner::after {
11607
+ background-color: #528EFF;
11608
+ }
11609
+ .acud-checkbox-button {
11610
+ min-width: 80px;
11611
+ text-align: center;
11543
11612
  height: 32px;
11544
- line-height: 32px;
11545
- border-radius: 4px;
11546
- flex: auto;
11547
- min-width: 1px;
11613
+ line-height: 30px;
11614
+ padding-left: 12px;
11615
+ padding-right: 12px;
11548
11616
  font-size: 12px;
11549
- font-weight: #FFECD4;
11550
- height: 100%;
11551
- padding: 0;
11552
- background: transparent;
11553
- border: 0;
11554
- max-width: 130px;
11617
+ border: 1px solid;
11618
+ border-radius: 4px;
11619
+ cursor: pointer;
11620
+ position: relative;
11621
+ display: inline-block;
11555
11622
  color: #151B26;
11623
+ background-color: #FFFFFF;
11624
+ border-color: #E8E9EB;
11556
11625
  }
11557
- .acud-picker-input > input input {
11558
- min-width: 0;
11559
- padding: 0 12px;
11560
- border: none;
11561
- height: 100%;
11562
- flex-grow: 1;
11563
- color: inherit;
11564
- font-size: 12px;
11565
- }
11566
- .acud-picker-input > input input:-webkit-autofill {
11567
- box-shadow: 0 0 0px 1000px white inset !important;
11626
+ .acud-checkbox-button:hover {
11627
+ color: #2468F2;
11568
11628
  }
11569
- .acud-picker-input > input input:focus {
11570
- outline: none;
11629
+ .acud-checkbox-button:focus,
11630
+ .acud-checkbox-button:active {
11631
+ color: #144BCC;
11571
11632
  }
11572
- .acud-picker-input > input-prefix {
11573
- display: flex;
11574
- padding: 0 8px 0 0;
11633
+ .acud-checkbox-button[disabled],
11634
+ .acud-checkbox-button[disabled]:hover,
11635
+ .acud-checkbox-button[disabled]:focus,
11636
+ .acud-checkbox-button[disabled]:active {
11637
+ color: #B8BABF;
11575
11638
  }
11576
- .acud-picker-input > input-suffix {
11577
- display: flex;
11578
- padding: 0 0 0 4px;
11639
+ .acud-checkbox-button:hover {
11640
+ background-color: #FFFFFF;
11579
11641
  }
11580
- .acud-picker-input > input-prefix,
11581
- .acud-picker-input > input-suffix {
11582
- color: #84868C;
11642
+ .acud-checkbox-button:focus,
11643
+ .acud-checkbox-button:active {
11644
+ background-color: #FFFFFF;
11583
11645
  }
11584
- .acud-picker-input > input-prefix:hover,
11585
- .acud-picker-input > input-suffix:hover {
11586
- color: #84868C;
11646
+ .acud-checkbox-button[disabled],
11647
+ .acud-checkbox-button[disabled]:hover,
11648
+ .acud-checkbox-button[disabled]:focus,
11649
+ .acud-checkbox-button[disabled]:active {
11650
+ background-color: #F7F7F9;
11587
11651
  }
11588
- .acud-picker-input > input-prefix:focus,
11589
- .acud-picker-input > input-suffix:focus,
11590
- .acud-picker-input > input-prefix:active,
11591
- .acud-picker-input > input-suffix:active {
11592
- color: #84868C;
11652
+ .acud-checkbox-button:hover {
11653
+ border-color: #2468F2;
11593
11654
  }
11594
- .acud-picker-input > input-prefix[disabled],
11595
- .acud-picker-input > input-suffix[disabled],
11596
- .acud-picker-input > input-prefix[disabled]:hover,
11597
- .acud-picker-input > input-suffix[disabled]:hover,
11598
- .acud-picker-input > input-prefix[disabled]:focus,
11599
- .acud-picker-input > input-suffix[disabled]:focus,
11600
- .acud-picker-input > input-prefix[disabled]:active,
11601
- .acud-picker-input > input-suffix[disabled]:active {
11602
- color: #B8BABF;
11655
+ .acud-checkbox-button:focus,
11656
+ .acud-checkbox-button:active {
11657
+ border-color: #144BCC;
11603
11658
  }
11604
- .acud-picker-input > input-lg {
11605
- font-size: 14px;
11606
- height: 40px;
11607
- line-height: 40px;
11608
- border-radius: 4px;
11659
+ .acud-checkbox-button[disabled],
11660
+ .acud-checkbox-button[disabled]:hover,
11661
+ .acud-checkbox-button[disabled]:focus,
11662
+ .acud-checkbox-button[disabled]:active {
11663
+ border-color: #E8E9EB;
11609
11664
  }
11610
- .acud-picker-input > input-lg > * {
11611
- line-height: 38px;
11665
+ .acud-checkbox-button-checked {
11666
+ color: #2468F2;
11667
+ background-color: #FFFFFF;
11668
+ border-color: #2468F2;
11612
11669
  }
11613
- .acud-picker-input > input-lg input {
11614
- font-size: 14px;
11670
+ .acud-checkbox-button-checked:hover {
11671
+ color: #528EFF;
11615
11672
  }
11616
- .acud-picker-input > input-sm {
11617
- font-size: 12px;
11618
- height: 24px;
11619
- line-height: 24px;
11620
- border-radius: 2px;
11673
+ .acud-checkbox-button-checked:focus,
11674
+ .acud-checkbox-button-checked:active {
11675
+ color: #144BCC;
11621
11676
  }
11622
- .acud-picker-input > input-sm > * {
11623
- line-height: 22px;
11677
+ .acud-checkbox-button-checked[disabled],
11678
+ .acud-checkbox-button-checked[disabled]:hover,
11679
+ .acud-checkbox-button-checked[disabled]:focus,
11680
+ .acud-checkbox-button-checked[disabled]:active {
11681
+ color: #84868C;
11624
11682
  }
11625
- .acud-picker-input > input-sm input {
11626
- padding: 0 8px;
11683
+ .acud-checkbox-button-checked:hover {
11684
+ background-color: #FFFFFF;
11627
11685
  }
11628
- .acud-picker-input > input-sm input input {
11629
- font-size: 12px;
11686
+ .acud-checkbox-button-checked:focus,
11687
+ .acud-checkbox-button-checked:active {
11688
+ background-color: #FFFFFF;
11630
11689
  }
11631
- .acud-picker-input > input-has-prefix input {
11632
- padding: 0;
11690
+ .acud-checkbox-button-checked[disabled],
11691
+ .acud-checkbox-button-checked[disabled]:hover,
11692
+ .acud-checkbox-button-checked[disabled]:focus,
11693
+ .acud-checkbox-button-checked[disabled]:active {
11694
+ background-color: #F7F7F9;
11633
11695
  }
11634
- .acud-picker-input > input-has-prefix {
11635
- padding-left: 12px;
11696
+ .acud-checkbox-button-checked:hover {
11697
+ border-color: #528EFF;
11636
11698
  }
11637
- .acud-picker-input > input-has-addon-before {
11638
- padding-left: 0;
11699
+ .acud-checkbox-button-checked:focus,
11700
+ .acud-checkbox-button-checked:active {
11701
+ border-color: #144BCC;
11639
11702
  }
11640
- .acud-picker-input > input-has-suffix {
11641
- padding-right: 12px;
11703
+ .acud-checkbox-button-checked[disabled],
11704
+ .acud-checkbox-button-checked[disabled]:hover,
11705
+ .acud-checkbox-button-checked[disabled]:focus,
11706
+ .acud-checkbox-button-checked[disabled]:active {
11707
+ border-color: #E8E9EB;
11642
11708
  }
11643
- .acud-picker-input > input-has-addon-after {
11644
- padding-right: 0;
11709
+ .acud-checkbox-button-checked .acud-checkbox-button-checked-flag {
11710
+ position: absolute;
11711
+ top: 0;
11712
+ left: 0;
11713
+ width: 0;
11714
+ height: 0;
11715
+ border-top: 7px solid #2468F2;
11716
+ border-left: 7px solid #2468F2;
11717
+ border-right: 7px solid transparent;
11718
+ border-bottom: 7px solid transparent;
11645
11719
  }
11646
- .acud-picker-input > input-has-prefix.acud-picker-input > input-sm {
11647
- padding-right: 8px;
11648
- padding-left: 8px;
11720
+ .acud-checkbox-button-checked:hover .acud-checkbox-button-checked-flag {
11721
+ border-top: 7px solid #528EFF;
11722
+ border-left: 7px solid #528EFF;
11649
11723
  }
11650
- .acud-picker-input > input-has-prefix.acud-picker-input > input-sm input {
11651
- padding: 0px;
11724
+ .acud-checkbox-button-checked:active .acud-checkbox-button-checked-flag {
11725
+ border-top: 7px solid #144BCC;
11726
+ border-left: 7px solid #144BCC;
11652
11727
  }
11653
- .acud-picker-input > input-has-suffix.acud-picker-input > input-sm {
11654
- padding-right: 8px;
11655
- padding-left: 8px;
11728
+ .acud-checkbox-button-checked .acud-checkbox-button-checked-icon {
11729
+ position: absolute;
11730
+ top: 0;
11731
+ left: 0;
11732
+ line-height: 14px;
11733
+ font-size: 12px;
11734
+ color: #FFFFFF;
11735
+ transform: translate(-1px, -2px) scale(0.6);
11656
11736
  }
11657
- .acud-picker-input > input-has-suffix.acud-picker-input > input-sm input {
11658
- padding: 0px;
11737
+ .acud-checkbox-button-disabled {
11738
+ cursor: not-allowed;
11659
11739
  }
11660
- .acud-picker-input > input-has-suffix .acud-input-clear-wrapper {
11661
- margin-right: 0px;
11662
- }
11663
- .acud-picker-input > input-has-limit .acud-input-clear-wrapper {
11664
- margin-right: 0px;
11740
+ .acud-checkbox-button-disabled .acud-checkbox-button-checked-flag {
11741
+ border-top: 7px solid #E8E9EB;
11742
+ border-left: 7px solid #E8E9EB;
11665
11743
  }
11666
- .acud-picker-input > input-has-addon-before .acud-input-addon {
11667
- margin-left: -1px;
11744
+ .acud-checkbox-button-disabled:hover .acud-checkbox-button-checked-flag {
11745
+ border-top: 7px solid #E8E9EB;
11746
+ border-left: 7px solid #E8E9EB;
11668
11747
  }
11669
- .acud-picker-input > input-has-addon-before input {
11670
- padding: 0 8px 0 12px;
11748
+ .acud-checkbox-button-disabled .acud-checkbox-button-checked-icon {
11749
+ color: #FFFFFF;
11671
11750
  }
11672
- .acud-picker-input > input-has-addon-after .acud-input-addon {
11673
- margin-right: -1px;
11751
+ .acud-checkbox-button-group-item {
11752
+ border-radius: 0;
11753
+ border-width: 1px 0;
11674
11754
  }
11675
- .acud-picker-input > input-has-addon-after input {
11676
- padding: 0 8px 0 12px;
11755
+ .acud-checkbox-button-group-item::before {
11756
+ box-sizing: content-box;
11757
+ content: "";
11758
+ display: block;
11759
+ height: 32px;
11760
+ left: -1px;
11761
+ position: absolute;
11762
+ top: -1px;
11763
+ width: 1px;
11764
+ background-color: #E8E9EB;
11765
+ z-index: 0;
11677
11766
  }
11678
- .acud-picker-input > input-has-addon-before.acud-picker-input > input-has-addon-after input {
11679
- padding: 0 8px 0 12px;
11767
+ .acud-checkbox-button-group-item::after {
11768
+ box-sizing: content-box;
11769
+ content: "";
11770
+ display: block;
11771
+ height: 32px;
11772
+ right: 0;
11773
+ position: absolute;
11774
+ top: -1px;
11775
+ width: 1px;
11776
+ background-color: #E8E9EB;
11777
+ z-index: 0;
11680
11778
  }
11681
- .acud-picker-input > input-addonOnlyText {
11682
- padding: 0 12px 0 12px;
11683
- color: #151B26;
11684
- background-color: #F7F7F9;
11685
- border-color: transparent;
11779
+ .acud-checkbox-button-group-item:first-child {
11780
+ border-left-width: 1px;
11781
+ border-top-left-radius: 4px;
11782
+ border-bottom-left-radius: 4px;
11686
11783
  }
11687
- .acud-picker-input > input-addonOnlyText:hover {
11688
- color: #151B26;
11784
+ .acud-checkbox-button-group-item:first-child.acud-checkbox-button-group-item:first-child::before {
11785
+ display: none;
11689
11786
  }
11690
- .acud-picker-input > input-addonOnlyText:focus,
11691
- .acud-picker-input > input-addonOnlyText:active {
11692
- color: #151B26;
11787
+ .acud-checkbox-button-group-item:first-child .acud-checkbox-button-checked-flag {
11788
+ border-top-left-radius: 1px;
11693
11789
  }
11694
- .acud-picker-input > input-addonOnlyText[disabled],
11695
- .acud-picker-input > input-addonOnlyText[disabled]:hover,
11696
- .acud-picker-input > input-addonOnlyText[disabled]:focus,
11697
- .acud-picker-input > input-addonOnlyText[disabled]:active {
11698
- color: #B8BABF;
11790
+ .acud-checkbox-button-group-item:last-child {
11791
+ border-right-width: 1px;
11792
+ border-top-right-radius: 4px;
11793
+ border-bottom-right-radius: 4px;
11699
11794
  }
11700
- .acud-picker-input > input-addonOnlyText:hover {
11701
- background-color: #F2F2F4;
11795
+ .acud-checkbox-button-group-item:last-child.acud-checkbox-button-group-item:last-child::after {
11796
+ display: none;
11702
11797
  }
11703
- .acud-picker-input > input-addonOnlyText:focus,
11704
- .acud-picker-input > input-addonOnlyText:active {
11705
- background-color: #F2F2F4;
11798
+ .acud-checkbox-button-group-item:hover::before {
11799
+ background-color: #2468F2;
11800
+ z-index: 4;
11706
11801
  }
11707
- .acud-picker-input > input-addonOnlyText[disabled],
11708
- .acud-picker-input > input-addonOnlyText[disabled]:hover,
11709
- .acud-picker-input > input-addonOnlyText[disabled]:focus,
11710
- .acud-picker-input > input-addonOnlyText[disabled]:active {
11711
- background-color: #F2F2F4;
11802
+ .acud-checkbox-button-group-item:hover::after {
11803
+ background-color: #2468F2;
11804
+ z-index: 4;
11712
11805
  }
11713
- .acud-picker-input > input-addonOnlyText:hover {
11714
- border-color: transparent;
11806
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked::before {
11807
+ background-color: #2468F2;
11808
+ z-index: 3;
11715
11809
  }
11716
- .acud-picker-input > input-addonOnlyText:focus,
11717
- .acud-picker-input > input-addonOnlyText:active {
11718
- border-color: transparent;
11810
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked::after {
11811
+ background-color: #2468F2;
11812
+ z-index: 3;
11719
11813
  }
11720
- .acud-picker-input > input-addonOnlyText[disabled],
11721
- .acud-picker-input > input-addonOnlyText[disabled]:hover,
11722
- .acud-picker-input > input-addonOnlyText[disabled]:focus,
11723
- .acud-picker-input > input-addonOnlyText[disabled]:active {
11724
- border-color: transparent;
11814
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::before {
11815
+ background-color: #528EFF;
11816
+ z-index: 5;
11725
11817
  }
11726
- .acud-picker-input > input-addon {
11727
- height: 100%;
11728
- display: flex;
11729
- align-items: center;
11730
- overflow: hidden;
11818
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::after {
11819
+ background-color: #528EFF;
11820
+ z-index: 5;
11731
11821
  }
11732
- .acud-picker-input > input > * {
11733
- line-height: 30px;
11822
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked:active::before {
11823
+ background-color: #144BCC;
11824
+ z-index: 5;
11734
11825
  }
11735
- .acud-picker-input > input:hover {
11736
- color: #151B26;
11826
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked:active::after {
11827
+ background-color: #144BCC;
11828
+ z-index: 5;
11737
11829
  }
11738
- .acud-picker-input > input:focus,
11739
- .acud-picker-input > input:active {
11740
- color: #151B26;
11830
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::before {
11831
+ background-color: #E8E9EB;
11832
+ z-index: 2;
11741
11833
  }
11742
- .acud-picker-input > input[disabled],
11743
- .acud-picker-input > input[disabled]:hover,
11744
- .acud-picker-input > input[disabled]:focus,
11745
- .acud-picker-input > input[disabled]:active {
11746
- color: #84868C;
11834
+ .acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::after {
11835
+ background-color: #E8E9EB;
11836
+ z-index: 2;
11747
11837
  }
11748
- .acud-picker-input > input::-webkit-input-placeholder {
11749
- color: #B8BABF;
11838
+ .acud-checkbox-button-group-item.acud-checkbox-button-disabled::before {
11839
+ background-color: #E8E9EB;
11840
+ z-index: 1;
11750
11841
  }
11751
- .acud-picker-input > input::-webkit-input-placeholder:hover {
11752
- color: #B8BABF;
11842
+ .acud-checkbox-button-group-item.acud-checkbox-button-disabled::after {
11843
+ background-color: #E8E9EB;
11844
+ z-index: 1;
11753
11845
  }
11754
- .acud-picker-input > input::-webkit-input-placeholder:focus,
11755
- .acud-picker-input > input::-webkit-input-placeholder:active {
11756
- color: #B8BABF;
11846
+
11847
+ /* color */
11848
+ /* 默认颜色 */
11849
+ /* 通用-icon */
11850
+ /* 标签 */
11851
+ /* 默认颜色 */
11852
+ /* 其他颜色 */
11853
+ /* 通用 */
11854
+ /* 水平 */
11855
+ /* 垂直 */
11856
+ /* 序号水平 */
11857
+ /* 序号垂直 */
11858
+ .acud-collapse {
11859
+ margin: 0;
11860
+ padding: 0;
11757
11861
  }
11758
- .acud-picker-input > input::-webkit-input-placeholder[disabled],
11759
- .acud-picker-input > input::-webkit-input-placeholder[disabled]:hover,
11760
- .acud-picker-input > input::-webkit-input-placeholder[disabled]:focus,
11761
- .acud-picker-input > input::-webkit-input-placeholder[disabled]:active {
11762
- color: #B8BABF;
11862
+ .acud-collapse > .acud-collapse-item {
11863
+ border: 1px #E8E9EB solid;
11864
+ border-bottom: 0;
11865
+ overflow: hidden;
11763
11866
  }
11764
- .acud-picker-input > input:-moz-placeholder {
11765
- color: #B8BABF;
11867
+ .acud-collapse > .acud-collapse-item:first-child {
11868
+ border-top-left-radius: 4px;
11869
+ border-top-right-radius: 4px;
11766
11870
  }
11767
- .acud-picker-input > input:-moz-placeholder:hover {
11768
- color: #B8BABF;
11871
+ .acud-collapse > .acud-collapse-item:last-child {
11872
+ border-bottom: 1px #E8E9EB solid;
11873
+ border-bottom-left-radius: 4px;
11874
+ border-bottom-right-radius: 4px;
11769
11875
  }
11770
- .acud-picker-input > input:-moz-placeholder:focus,
11771
- .acud-picker-input > input:-moz-placeholder:active {
11772
- color: #B8BABF;
11876
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header {
11877
+ outline: none;
11878
+ position: relative;
11879
+ background-color: #F7F7F9;
11880
+ padding: 16px;
11881
+ padding-left: 40px;
11882
+ cursor: pointer;
11883
+ font-size: 14px;
11884
+ line-height: 20px;
11885
+ color: #151B26;
11773
11886
  }
11774
- .acud-picker-input > input:-moz-placeholder[disabled],
11775
- .acud-picker-input > input:-moz-placeholder[disabled]:hover,
11776
- .acud-picker-input > input:-moz-placeholder[disabled]:focus,
11777
- .acud-picker-input > input:-moz-placeholder[disabled]:active {
11778
- color: #B8BABF;
11887
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
11888
+ color: #151B26;
11779
11889
  }
11780
- .acud-picker-input > input::-moz-placeholder {
11781
- color: #B8BABF;
11890
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header:focus,
11891
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header:active {
11892
+ color: #151B26;
11782
11893
  }
11783
- .acud-picker-input > input::-moz-placeholder:hover {
11894
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled],
11895
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:hover,
11896
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:focus,
11897
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:active {
11784
11898
  color: #B8BABF;
11785
11899
  }
11786
- .acud-picker-input > input::-moz-placeholder:focus,
11787
- .acud-picker-input > input::-moz-placeholder:active {
11788
- color: #B8BABF;
11900
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
11901
+ background-color: #F2F2F4;
11789
11902
  }
11790
- .acud-picker-input > input::-moz-placeholder[disabled],
11791
- .acud-picker-input > input::-moz-placeholder[disabled]:hover,
11792
- .acud-picker-input > input::-moz-placeholder[disabled]:focus,
11793
- .acud-picker-input > input::-moz-placeholder[disabled]:active {
11794
- color: #B8BABF;
11903
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow {
11904
+ position: absolute;
11905
+ width: 16px;
11906
+ height: 16px;
11907
+ left: 16px;
11908
+ top: 50%;
11909
+ margin-top: -8px;
11910
+ color: #84868C;
11795
11911
  }
11796
- .acud-picker-input > input:-ms-input-placeholder {
11797
- color: #B8BABF;
11912
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:hover {
11913
+ color: #84868C;
11798
11914
  }
11799
- .acud-picker-input > input:-ms-input-placeholder:hover {
11800
- color: #B8BABF;
11915
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:focus,
11916
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:active {
11917
+ color: #84868C;
11801
11918
  }
11802
- .acud-picker-input > input:-ms-input-placeholder:focus,
11803
- .acud-picker-input > input:-ms-input-placeholder:active {
11919
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled],
11920
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:hover,
11921
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:focus,
11922
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:active {
11804
11923
  color: #B8BABF;
11805
11924
  }
11806
- .acud-picker-input > input:-ms-input-placeholder[disabled],
11807
- .acud-picker-input > input:-ms-input-placeholder[disabled]:hover,
11808
- .acud-picker-input > input:-ms-input-placeholder[disabled]:focus,
11809
- .acud-picker-input > input:-ms-input-placeholder[disabled]:active {
11810
- color: #B8BABF;
11925
+ .acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow svg {
11926
+ font-size: 16px;
11927
+ transition: transform 0.24s;
11811
11928
  }
11812
- .acud-picker-input:hover .acud-picker-clear {
11813
- opacity: 1;
11929
+ .acud-collapse-content {
11930
+ border-top: 1px #E8E9EB solid;
11931
+ background-color: #FFFFFF;
11932
+ transition: all 0.3s;
11814
11933
  }
11815
- .acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
11816
- opacity: 0;
11934
+ .acud-collapse-content > .acud-collapse-content-box {
11935
+ padding: 16px;
11817
11936
  }
11818
- .acud-picker-suffix {
11819
- align-self: center;
11820
- margin-left: 6px;
11821
- color: #84868C;
11822
- line-height: 1;
11823
- pointer-events: none;
11937
+ .acud-collapse-content > .acud-collapse-content-box p {
11938
+ font-size: 14px;
11939
+ line-height: 20px;
11940
+ color: #5C5F66;
11941
+ margin: 0;
11824
11942
  }
11825
- .acud-picker-suffix:hover {
11826
- color: #84868C;
11943
+ .acud-collapse-content-hidden {
11944
+ display: none;
11827
11945
  }
11828
- .acud-picker-suffix:focus,
11829
- .acud-picker-suffix:active {
11830
- color: #84868C;
11946
+ .acud-collapse > .acud-collapse-item-disabled:hover {
11947
+ box-shadow: none;
11831
11948
  }
11832
- .acud-picker-suffix[disabled],
11833
- .acud-picker-suffix[disabled]:hover,
11834
- .acud-picker-suffix[disabled]:focus,
11835
- .acud-picker-suffix[disabled]:active {
11949
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header,
11950
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover,
11951
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:focus,
11952
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:active {
11953
+ cursor: not-allowed;
11836
11954
  color: #B8BABF;
11837
11955
  }
11838
- .acud-picker-suffix > * {
11839
- vertical-align: top;
11956
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover {
11957
+ background-color: #F7F7F9;
11840
11958
  }
11841
- .acud-picker-suffix > .acuicon {
11842
- width: 16px;
11843
- height: 16px;
11959
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow,
11960
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:hover,
11961
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:focus,
11962
+ .acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:active {
11963
+ cursor: not-allowed;
11964
+ color: #B8BABF;
11844
11965
  }
11845
- .acud-picker-clear {
11846
- position: absolute;
11847
- top: 49%;
11848
- right: 0;
11849
- line-height: 1;
11850
- transform: translateY(-50%);
11851
- cursor: pointer;
11852
- opacity: 0;
11853
- transition: opacity 0.3s, color 0.3s;
11966
+
11967
+ /* color */
11968
+ /* 默认颜色 */
11969
+ /* 通用-icon */
11970
+ /* 标签 */
11971
+ /* 默认颜色 */
11972
+ /* 其他颜色 */
11973
+ /* 通用 */
11974
+ /* 水平 */
11975
+ /* 垂直 */
11976
+ /* 序号水平 */
11977
+ /* 序号垂直 */
11978
+
11979
+ /* color */
11980
+ /* 默认颜色 */
11981
+ /* 通用-icon */
11982
+ /* 标签 */
11983
+ /* 默认颜色 */
11984
+ /* 其他颜色 */
11985
+ /* 通用 */
11986
+ /* 水平 */
11987
+ /* 垂直 */
11988
+ /* 序号水平 */
11989
+ /* 序号垂直 */
11990
+ .acud-picker {
11991
+ margin: 0;
11992
+ padding: 0;
11993
+ height: 32px;
11994
+ padding: 0 12px;
11995
+ position: relative;
11996
+ display: inline-flex;
11997
+ align-items: center;
11998
+ background-color: #FFFFFF;
11999
+ border-color: #E8E9EB;
12000
+ border-width: 1px;
12001
+ border-style: solid;
12002
+ border-radius: 4px;
12003
+ transition: border 0.3s, box-shadow 0.3s;
11854
12004
  }
11855
- .acud-picker-clear > * {
11856
- vertical-align: top;
12005
+ .acud-picker:hover {
12006
+ background-color: #FFFFFF;
11857
12007
  }
11858
- .acud-picker-clear:hover {
11859
- color: #B8BABF;
12008
+ .acud-picker:focus,
12009
+ .acud-picker:active {
12010
+ background-color: #FFFFFF;
11860
12011
  }
11861
- .acud-picker-separator {
11862
- position: relative;
11863
- display: inline-block;
11864
- width: 1em;
11865
- height: 14px;
11866
- font-size: 14px;
11867
- vertical-align: top;
11868
- cursor: default;
12012
+ .acud-picker[disabled],
12013
+ .acud-picker[disabled]:hover,
12014
+ .acud-picker[disabled]:focus,
12015
+ .acud-picker[disabled]:active {
12016
+ background-color: #F7F7F9;
11869
12017
  }
11870
- .acud-picker-focused .acud-picker-separator {
11871
- color: #B8BABF;
12018
+ .acud-picker:hover {
12019
+ border-color: #2468F2;
11872
12020
  }
11873
- .acud-picker-range-separator .acud-picker-separator {
11874
- color: #B8BABF;
12021
+ .acud-picker:focus,
12022
+ .acud-picker:active {
12023
+ border-color: #144BCC;
11875
12024
  }
11876
- .acud-picker-disabled .acud-picker-range-separator .acud-picker-separator {
11877
- cursor: not-allowed;
12025
+ .acud-picker[disabled],
12026
+ .acud-picker[disabled]:hover,
12027
+ .acud-picker[disabled]:focus,
12028
+ .acud-picker[disabled]:active {
12029
+ border-color: #E8E9EB;
11878
12030
  }
11879
- .acud-picker-range {
11880
- position: relative;
11881
- display: inline-flex;
12031
+ .acud-picker-focused {
12032
+ border-color: #2468F2;
11882
12033
  }
11883
- .acud-picker-range:hover .acud-picker-clear {
12034
+ .acud-picker.acud-picker-disabled {
12035
+ background: #F7F7F9;
12036
+ border-color: #E8E9EB;
12037
+ cursor: not-allowed;
12038
+ }
12039
+ .acud-picker.acud-picker-disabled.acud-picker-range-has-value:hover .acud-picker-suffix,
12040
+ .acud-picker.acud-picker-disabled .acud-picker-input-has-value:hover .acud-picker-suffix {
11884
12041
  opacity: 1;
11885
12042
  }
11886
- .acud-picker-range .acud-picker-clear {
11887
- right: 12px;
12043
+ .acud-picker-status-error {
12044
+ border-color: #F33E3E;
11888
12045
  }
11889
- .acud-picker-range .acud-picker-active-bar {
11890
- bottom: -1px;
11891
- height: 2px;
11892
- opacity: 0;
11893
- transition: all 0.3s ease-out;
11894
- pointer-events: none;
12046
+ .acud-picker-status-error:hover {
12047
+ border-color: #F33E3E;
11895
12048
  }
11896
- .acud-picker-range.acud-picker-focused .acud-picker-active-bar {
11897
- opacity: 1;
12049
+ .acud-picker.acud-picker-disabled .acud-picker-suffix {
12050
+ color: #B8BABF;
11898
12051
  }
11899
- .acud-picker-range-separator {
12052
+ .acud-picker.acud-picker-borderless {
12053
+ background-color: transparent !important;
12054
+ border-color: transparent !important;
12055
+ box-shadow: none !important;
12056
+ }
12057
+ .acud-picker-input {
12058
+ position: relative;
12059
+ display: inline-flex;
12060
+ align-items: center;
12061
+ width: 100%;
12062
+ height: 32px;
12063
+ }
12064
+ .acud-picker-input > input {
12065
+ width: 100%;
12066
+ outline: none;
12067
+ display: flex;
12068
+ position: relative;
11900
12069
  align-items: center;
12070
+ box-sizing: border-box;
12071
+ font-weight: 400;
12072
+ border-width: 1px;
12073
+ border-style: solid;
12074
+ overflow: hidden;
12075
+ height: 32px;
12076
+ line-height: 32px;
12077
+ border-radius: 4px;
12078
+ flex: auto;
12079
+ min-width: 1px;
12080
+ font-size: 12px;
12081
+ font-weight: #FFECD4;
12082
+ height: 100%;
12083
+ padding: 0;
12084
+ background: transparent;
12085
+ border: 0;
12086
+ max-width: 130px;
12087
+ color: #151B26;
12088
+ }
12089
+ .acud-picker-input > input input {
12090
+ min-width: 0;
11901
12091
  padding: 0 12px;
11902
- line-height: 1;
12092
+ border: none;
12093
+ height: 100%;
12094
+ flex-grow: 1;
12095
+ color: inherit;
12096
+ font-size: 12px;
11903
12097
  }
11904
- .acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
11905
- opacity: 0;
12098
+ .acud-picker-input > input input:-webkit-autofill {
12099
+ box-shadow: 0 0 0px 1000px white inset !important;
11906
12100
  }
11907
- .acud-picker-dropdown {
11908
- margin: 0;
11909
- padding: 0;
11910
- position: absolute;
11911
- z-index: 1050;
12101
+ .acud-picker-input > input input:focus {
12102
+ outline: none;
11912
12103
  }
11913
- .acud-picker-dropdown-hidden {
11914
- display: none;
12104
+ .acud-picker-input > input-prefix {
12105
+ display: flex;
12106
+ padding: 0 8px 0 0;
11915
12107
  }
11916
- .acud-picker-dropdown-placement-bottomLeft .acud-picker-range-arrow {
11917
- top: 1.66666667px;
11918
- display: block;
11919
- transform: rotate(-45deg);
12108
+ .acud-picker-input > input-suffix {
12109
+ display: flex;
12110
+ padding: 0 0 0 4px;
11920
12111
  }
11921
- .acud-picker-dropdown-placement-topLeft .acud-picker-range-arrow {
11922
- bottom: 1.66666667px;
11923
- display: block;
11924
- transform: rotate(135deg);
12112
+ .acud-picker-input > input-prefix,
12113
+ .acud-picker-input > input-suffix {
12114
+ color: #84868C;
11925
12115
  }
11926
- .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topLeft,
11927
- .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topRight,
11928
- .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topLeft,
11929
- .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topRight {
11930
- -webkit-animation-name: antSlideDownIn;
11931
- animation-name: antSlideDownIn;
12116
+ .acud-picker-input > input-prefix:hover,
12117
+ .acud-picker-input > input-suffix:hover {
12118
+ color: #84868C;
11932
12119
  }
11933
- .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomLeft,
11934
- .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomRight,
11935
- .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomLeft,
11936
- .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomRight {
11937
- -webkit-animation-name: antSlideUpIn;
11938
- animation-name: antSlideUpIn;
12120
+ .acud-picker-input > input-prefix:focus,
12121
+ .acud-picker-input > input-suffix:focus,
12122
+ .acud-picker-input > input-prefix:active,
12123
+ .acud-picker-input > input-suffix:active {
12124
+ color: #84868C;
11939
12125
  }
11940
- .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topLeft,
11941
- .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topRight {
11942
- -webkit-animation-name: antSlideDownOut;
11943
- animation-name: antSlideDownOut;
12126
+ .acud-picker-input > input-prefix[disabled],
12127
+ .acud-picker-input > input-suffix[disabled],
12128
+ .acud-picker-input > input-prefix[disabled]:hover,
12129
+ .acud-picker-input > input-suffix[disabled]:hover,
12130
+ .acud-picker-input > input-prefix[disabled]:focus,
12131
+ .acud-picker-input > input-suffix[disabled]:focus,
12132
+ .acud-picker-input > input-prefix[disabled]:active,
12133
+ .acud-picker-input > input-suffix[disabled]:active {
12134
+ color: #B8BABF;
11944
12135
  }
11945
- .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomLeft,
11946
- .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomRight {
11947
- -webkit-animation-name: antSlideUpOut;
11948
- animation-name: antSlideUpOut;
12136
+ .acud-picker-input > input-lg {
12137
+ font-size: 14px;
12138
+ height: 40px;
12139
+ line-height: 40px;
12140
+ border-radius: 4px;
11949
12141
  }
11950
- .acud-picker-dropdown-range {
11951
- padding: 4px 0;
12142
+ .acud-picker-input > input-lg > * {
12143
+ line-height: 38px;
11952
12144
  }
11953
- .acud-picker-dropdown-range-hidden {
11954
- display: none;
12145
+ .acud-picker-input > input-lg input {
12146
+ font-size: 14px;
11955
12147
  }
11956
- .acud-picker-dropdown .acud-picker-panel > .acud-picker-time-panel {
11957
- padding-top: 6px;
12148
+ .acud-picker-input > input-sm {
12149
+ font-size: 12px;
12150
+ height: 24px;
12151
+ line-height: 24px;
12152
+ border-radius: 2px;
11958
12153
  }
11959
- .acud-picker-ranges {
11960
- margin-bottom: 0;
11961
- padding: 0 12px 8px;
11962
- overflow: hidden;
11963
- text-align: left;
11964
- list-style: none;
12154
+ .acud-picker-input > input-sm > * {
12155
+ line-height: 22px;
12156
+ }
12157
+ .acud-picker-input > input-sm input {
12158
+ padding: 0 8px;
12159
+ }
12160
+ .acud-picker-input > input-sm input input {
12161
+ font-size: 12px;
11965
12162
  }
11966
- .acud-picker-ranges > li {
11967
- display: inline-block;
12163
+ .acud-picker-input > input-has-prefix input {
12164
+ padding: 0;
11968
12165
  }
11969
- .acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
11970
- cursor: pointer;
12166
+ .acud-picker-input > input-has-prefix {
12167
+ padding-left: 12px;
11971
12168
  }
11972
- .acud-picker-ranges .acud-picker-now {
11973
- font-size: 12px;
11974
- float: left;
11975
- cursor: pointer;
11976
- margin-top: 10px;
12169
+ .acud-picker-input > input-has-addon-before {
12170
+ padding-left: 0;
11977
12171
  }
11978
- .acud-picker-ranges .acud-picker-now a {
11979
- color: #2468F2;
12172
+ .acud-picker-input > input-has-suffix {
12173
+ padding-right: 12px;
11980
12174
  }
11981
- .acud-picker-ranges .acud-picker-now a:hover {
11982
- color: #528EFF;
12175
+ .acud-picker-input > input-has-addon-after {
12176
+ padding-right: 0;
11983
12177
  }
11984
- .acud-picker-ranges .acud-picker-now a:focus,
11985
- .acud-picker-ranges .acud-picker-now a:active {
11986
- color: #144BCC;
12178
+ .acud-picker-input > input-has-prefix.acud-picker-input > input-sm {
12179
+ padding-right: 8px;
12180
+ padding-left: 8px;
11987
12181
  }
11988
- .acud-picker-ranges .acud-picker-now a[disabled],
11989
- .acud-picker-ranges .acud-picker-now a[disabled]:hover,
11990
- .acud-picker-ranges .acud-picker-now a[disabled]:focus,
11991
- .acud-picker-ranges .acud-picker-now a[disabled]:active {
11992
- color: #B8BABF;
12182
+ .acud-picker-input > input-has-prefix.acud-picker-input > input-sm input {
12183
+ padding: 0px;
11993
12184
  }
11994
- .acud-picker-ranges .acud-picker-ok {
11995
- float: right;
11996
- margin-left: 12px;
11997
- margin-top: 8px;
12185
+ .acud-picker-input > input-has-suffix.acud-picker-input > input-sm {
12186
+ padding-right: 8px;
12187
+ padding-left: 8px;
11998
12188
  }
11999
- .acud-picker-ranges .acud-btn-sm-text-limited {
12000
- min-width: 48px;
12189
+ .acud-picker-input > input-has-suffix.acud-picker-input > input-sm input {
12190
+ padding: 0px;
12001
12191
  }
12002
- .acud-picker-range-wrapper {
12003
- display: flex;
12192
+ .acud-picker-input > input-has-suffix .acud-input-clear-wrapper {
12193
+ margin-right: 0px;
12004
12194
  }
12005
- .acud-picker-panel-container {
12006
- overflow: hidden;
12007
- vertical-align: top;
12008
- background: #FFF;
12009
- border-radius: 6px;
12010
- box-shadow: 0px 6px 16px 2px rgba(7, 12, 20, 0.12);
12011
- transition: margin 0.3s;
12195
+ .acud-picker-input > input-has-limit .acud-input-clear-wrapper {
12196
+ margin-right: 0px;
12012
12197
  }
12013
- .acud-picker-panel-container .acud-picker-panels {
12014
- display: inline-flex;
12015
- flex-wrap: nowrap;
12016
- direction: ltr;
12198
+ .acud-picker-input > input-has-addon-before .acud-input-addon {
12199
+ margin-left: -1px;
12017
12200
  }
12018
- .acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-header,
12019
- .acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-body {
12020
- padding-right: 6px;
12201
+ .acud-picker-input > input-has-addon-before input {
12202
+ padding: 0 8px 0 12px;
12021
12203
  }
12022
- .acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-header,
12023
- .acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-body {
12024
- padding-left: 6px;
12025
- padding-right: 12px;
12204
+ .acud-picker-input > input-has-addon-after .acud-input-addon {
12205
+ margin-right: -1px;
12026
12206
  }
12027
- .acud-picker-panel-container .acud-picker-panel {
12028
- vertical-align: top;
12029
- background: transparent;
12030
- border-width: 0 0 1px 0;
12031
- border-radius: 0;
12207
+ .acud-picker-input > input-has-addon-after input {
12208
+ padding: 0 8px 0 12px;
12032
12209
  }
12033
- .acud-picker-panel {
12034
- display: inline-flex;
12035
- flex-direction: column;
12036
- text-align: center;
12037
- border-radius: 0px;
12038
- outline: none;
12210
+ .acud-picker-input > input-has-addon-before.acud-picker-input > input-has-addon-after input {
12211
+ padding: 0 8px 0 12px;
12039
12212
  }
12040
- .acud-picker-panel-header {
12041
- height: 32px;
12042
- padding: 0 12px;
12043
- background-color: #F7F7F9;
12044
- font-size: 12px;
12045
- line-height: 32px;
12213
+ .acud-picker-input > input-addonOnlyText {
12214
+ padding: 0 12px 0 12px;
12046
12215
  color: #151B26;
12216
+ background-color: #F7F7F9;
12217
+ border-color: transparent;
12047
12218
  }
12048
- .acud-picker-panel-header > li {
12219
+ .acud-picker-input > input-addonOnlyText:hover {
12049
12220
  color: #151B26;
12050
- margin-right: 24px;
12051
- display: inline-block;
12052
- cursor: pointer;
12053
- }
12054
- .acud-picker-panel-header > li:hover {
12055
- color: #2468F2;
12056
12221
  }
12057
- .acud-picker-panel-header > li:focus,
12058
- .acud-picker-panel-header > li:active {
12059
- color: #144BCC;
12222
+ .acud-picker-input > input-addonOnlyText:focus,
12223
+ .acud-picker-input > input-addonOnlyText:active {
12224
+ color: #151B26;
12060
12225
  }
12061
- .acud-picker-panel-header > li[disabled],
12062
- .acud-picker-panel-header > li[disabled]:hover,
12063
- .acud-picker-panel-header > li[disabled]:focus,
12064
- .acud-picker-panel-header > li[disabled]:active {
12226
+ .acud-picker-input > input-addonOnlyText[disabled],
12227
+ .acud-picker-input > input-addonOnlyText[disabled]:hover,
12228
+ .acud-picker-input > input-addonOnlyText[disabled]:focus,
12229
+ .acud-picker-input > input-addonOnlyText[disabled]:active {
12065
12230
  color: #B8BABF;
12066
12231
  }
12067
- .acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
12068
- background-color: #F7F7F9 !important;
12232
+ .acud-picker-input > input-addonOnlyText:hover {
12233
+ background-color: #F2F2F4;
12069
12234
  }
12070
- .acud-picker-date-panel,
12071
- .acud-picker-decade-panel,
12072
- .acud-picker-year-panel,
12073
- .acud-picker-quarter-panel,
12074
- .acud-picker-month-panel,
12075
- .acud-picker-week-panel,
12076
- .acud-picker-date-panel,
12077
- .acud-picker-time-panel {
12078
- display: flex;
12079
- flex-direction: column;
12080
- width: 240px;
12235
+ .acud-picker-input > input-addonOnlyText:focus,
12236
+ .acud-picker-input > input-addonOnlyText:active {
12237
+ background-color: #F2F2F4;
12081
12238
  }
12082
- .acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
12083
- .acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
12084
- .acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
12085
- .acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
12086
- width: 12px;
12087
- left: -12px;
12088
- background: #E6F0FF;
12239
+ .acud-picker-input > input-addonOnlyText[disabled],
12240
+ .acud-picker-input > input-addonOnlyText[disabled]:hover,
12241
+ .acud-picker-input > input-addonOnlyText[disabled]:focus,
12242
+ .acud-picker-input > input-addonOnlyText[disabled]:active {
12243
+ background-color: #F2F2F4;
12089
12244
  }
12090
- .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
12091
- .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
12092
- .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
12093
- .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
12094
- background-color: #D4E5FF;
12245
+ .acud-picker-input > input-addonOnlyText:hover {
12246
+ border-color: transparent;
12095
12247
  }
12096
- .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12097
- .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12098
- .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12099
- .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
12100
- background: #E6F0FF;
12248
+ .acud-picker-input > input-addonOnlyText:focus,
12249
+ .acud-picker-input > input-addonOnlyText:active {
12250
+ border-color: transparent;
12101
12251
  }
12102
- .acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
12103
- .acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
12104
- left: -12px;
12252
+ .acud-picker-input > input-addonOnlyText[disabled],
12253
+ .acud-picker-input > input-addonOnlyText[disabled]:hover,
12254
+ .acud-picker-input > input-addonOnlyText[disabled]:focus,
12255
+ .acud-picker-input > input-addonOnlyText[disabled]:active {
12256
+ border-color: transparent;
12105
12257
  }
12106
- .acud-picker-header {
12258
+ .acud-picker-input > input-addon {
12259
+ height: 100%;
12107
12260
  display: flex;
12108
- padding: 0 12px;
12109
- color: #151B26;
12110
- border-bottom: 1px solid #E8E9EB;
12111
- }
12112
- .acud-picker-header:hover {
12113
- color: #151B26;
12261
+ align-items: center;
12262
+ overflow: hidden;
12114
12263
  }
12115
- .acud-picker-header:focus,
12116
- .acud-picker-header:active {
12117
- color: #FFFFFF;
12264
+ .acud-picker-input > input > * {
12265
+ line-height: 30px;
12118
12266
  }
12119
- .acud-picker-header[disabled],
12120
- .acud-picker-header[disabled]:hover,
12121
- .acud-picker-header[disabled]:focus,
12122
- .acud-picker-header[disabled]:active {
12123
- color: #B8BABF;
12267
+ .acud-picker-input > input:hover {
12268
+ color: #151B26;
12124
12269
  }
12125
- .acud-picker-header > * {
12126
- flex: none;
12270
+ .acud-picker-input > input:focus,
12271
+ .acud-picker-input > input:active {
12272
+ color: #151B26;
12127
12273
  }
12128
- .acud-picker-header button {
12129
- padding: 0;
12274
+ .acud-picker-input > input[disabled],
12275
+ .acud-picker-input > input[disabled]:hover,
12276
+ .acud-picker-input > input[disabled]:focus,
12277
+ .acud-picker-input > input[disabled]:active {
12130
12278
  color: #84868C;
12131
- background: transparent;
12132
- border: 0;
12133
- cursor: pointer;
12134
- transition: color 0.3s;
12135
- }
12136
- .acud-picker-header button:hover {
12137
- color: #5C5F66;
12138
- }
12139
- .acud-picker-header button:focus,
12140
- .acud-picker-header button:active {
12141
- color: #303540;
12142
12279
  }
12143
- .acud-picker-header button[disabled],
12144
- .acud-picker-header button[disabled]:hover,
12145
- .acud-picker-header button[disabled]:focus,
12146
- .acud-picker-header button[disabled]:active {
12280
+ .acud-picker-input > input::-webkit-input-placeholder {
12147
12281
  color: #B8BABF;
12148
12282
  }
12149
- .acud-picker-header > button {
12150
- min-width: 8px;
12151
- font-size: 12px;
12152
- }
12153
- .acud-picker-header-super-prev-btn,
12154
- .acud-picker-header-next-btn {
12155
- margin-right: 4px;
12283
+ .acud-picker-input > input::-webkit-input-placeholder:hover {
12284
+ color: #B8BABF;
12156
12285
  }
12157
- .acud-picker-header-view {
12158
- flex: auto;
12159
- font-size: 12px;
12160
- line-height: 40px;
12161
- color: #151B26;
12286
+ .acud-picker-input > input::-webkit-input-placeholder:focus,
12287
+ .acud-picker-input > input::-webkit-input-placeholder:active {
12288
+ color: #B8BABF;
12162
12289
  }
12163
- .acud-picker-header-view:hover {
12164
- color: #151B26;
12290
+ .acud-picker-input > input::-webkit-input-placeholder[disabled],
12291
+ .acud-picker-input > input::-webkit-input-placeholder[disabled]:hover,
12292
+ .acud-picker-input > input::-webkit-input-placeholder[disabled]:focus,
12293
+ .acud-picker-input > input::-webkit-input-placeholder[disabled]:active {
12294
+ color: #B8BABF;
12165
12295
  }
12166
- .acud-picker-header-view:focus,
12167
- .acud-picker-header-view:active {
12168
- color: #FFFFFF;
12296
+ .acud-picker-input > input:-moz-placeholder {
12297
+ color: #B8BABF;
12169
12298
  }
12170
- .acud-picker-header-view[disabled],
12171
- .acud-picker-header-view[disabled]:hover,
12172
- .acud-picker-header-view[disabled]:focus,
12173
- .acud-picker-header-view[disabled]:active {
12299
+ .acud-picker-input > input:-moz-placeholder:hover {
12174
12300
  color: #B8BABF;
12175
12301
  }
12176
- .acud-picker-header-view button {
12177
- font-size: 12px;
12178
- color: inherit;
12179
- font-weight: 400;
12180
- color: #151B26;
12302
+ .acud-picker-input > input:-moz-placeholder:focus,
12303
+ .acud-picker-input > input:-moz-placeholder:active {
12304
+ color: #B8BABF;
12181
12305
  }
12182
- .acud-picker-header-view button:hover {
12183
- color: #2468F2;
12306
+ .acud-picker-input > input:-moz-placeholder[disabled],
12307
+ .acud-picker-input > input:-moz-placeholder[disabled]:hover,
12308
+ .acud-picker-input > input:-moz-placeholder[disabled]:focus,
12309
+ .acud-picker-input > input:-moz-placeholder[disabled]:active {
12310
+ color: #B8BABF;
12184
12311
  }
12185
- .acud-picker-header-view button:focus,
12186
- .acud-picker-header-view button:active {
12187
- color: #144BCC;
12312
+ .acud-picker-input > input::-moz-placeholder {
12313
+ color: #B8BABF;
12188
12314
  }
12189
- .acud-picker-header-view button[disabled],
12190
- .acud-picker-header-view button[disabled]:hover,
12191
- .acud-picker-header-view button[disabled]:focus,
12192
- .acud-picker-header-view button[disabled]:active {
12315
+ .acud-picker-input > input::-moz-placeholder:hover {
12193
12316
  color: #B8BABF;
12194
12317
  }
12195
- .acud-picker-header-view button:not(:first-child) {
12196
- margin-left: 8px;
12318
+ .acud-picker-input > input::-moz-placeholder:focus,
12319
+ .acud-picker-input > input::-moz-placeholder:active {
12320
+ color: #B8BABF;
12197
12321
  }
12198
- .acud-picker-prev-icon,
12199
- .acud-picker-next-icon,
12200
- .acud-picker-super-prev-icon,
12201
- .acud-picker-super-next-icon {
12202
- position: relative;
12203
- display: inline-block;
12204
- width: 7px;
12205
- height: 7px;
12322
+ .acud-picker-input > input::-moz-placeholder[disabled],
12323
+ .acud-picker-input > input::-moz-placeholder[disabled]:hover,
12324
+ .acud-picker-input > input::-moz-placeholder[disabled]:focus,
12325
+ .acud-picker-input > input::-moz-placeholder[disabled]:active {
12326
+ color: #B8BABF;
12206
12327
  }
12207
- .acud-picker-prev-icon::before,
12208
- .acud-picker-next-icon::before,
12209
- .acud-picker-super-prev-icon::before,
12210
- .acud-picker-super-next-icon::before {
12211
- position: absolute;
12212
- top: 0;
12213
- left: 0;
12214
- display: inline-block;
12215
- width: 7px;
12216
- height: 7px;
12217
- border: 0 solid currentColor;
12218
- border-width: 1px 0 0 1px;
12219
- content: '';
12328
+ .acud-picker-input > input:-ms-input-placeholder {
12329
+ color: #B8BABF;
12220
12330
  }
12221
- .acud-picker-super-prev-icon::after,
12222
- .acud-picker-super-next-icon::after {
12223
- position: absolute;
12224
- top: 3px;
12225
- left: 3px;
12226
- display: inline-block;
12227
- width: 7px;
12228
- height: 7px;
12229
- border: 0 solid currentColor;
12230
- border-width: 1px 0 0 1px;
12231
- content: '';
12331
+ .acud-picker-input > input:-ms-input-placeholder:hover {
12332
+ color: #B8BABF;
12232
12333
  }
12233
- .acud-picker-prev-icon,
12234
- .acud-picker-super-prev-icon {
12235
- transform: rotate(-45deg);
12334
+ .acud-picker-input > input:-ms-input-placeholder:focus,
12335
+ .acud-picker-input > input:-ms-input-placeholder:active {
12336
+ color: #B8BABF;
12236
12337
  }
12237
- .acud-picker-next-icon,
12238
- .acud-picker-super-next-icon {
12239
- transform: rotate(135deg);
12338
+ .acud-picker-input > input:-ms-input-placeholder[disabled],
12339
+ .acud-picker-input > input:-ms-input-placeholder[disabled]:hover,
12340
+ .acud-picker-input > input:-ms-input-placeholder[disabled]:focus,
12341
+ .acud-picker-input > input:-ms-input-placeholder[disabled]:active {
12342
+ color: #B8BABF;
12240
12343
  }
12241
- .acud-picker-content {
12242
- width: 100%;
12243
- table-layout: fixed;
12244
- border-collapse: collapse;
12344
+ .acud-picker-input:hover .acud-picker-clear {
12345
+ opacity: 1;
12245
12346
  }
12246
- .acud-picker-content > div {
12247
- width: 32px;
12248
- margin-right: 16px;
12249
- height: 26px;
12250
- overflow: visible;
12347
+ .acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
12348
+ opacity: 0;
12251
12349
  }
12252
- .acud-picker-content > div:after {
12253
- content: ':';
12254
- display: block;
12255
- position: relative;
12256
- top: -28px;
12257
- left: 24px;
12350
+ .acud-picker-suffix {
12351
+ align-self: center;
12352
+ margin-left: 6px;
12353
+ color: #84868C;
12354
+ line-height: 1;
12355
+ pointer-events: none;
12258
12356
  }
12259
- .acud-picker-content > div input {
12260
- width: 100%;
12261
- outline-style: none;
12262
- line-height: 24px;
12263
- text-align: center;
12264
- height: 24px;
12265
- box-sizing: border-box;
12266
- border: 1px solid;
12267
- background-color: #FFFFFF;
12268
- border-color: #E8E9EB;
12357
+ .acud-picker-suffix:hover {
12358
+ color: #84868C;
12269
12359
  }
12270
- .acud-picker-content > div input:hover {
12271
- background-color: #FFFFFF;
12360
+ .acud-picker-suffix:focus,
12361
+ .acud-picker-suffix:active {
12362
+ color: #84868C;
12272
12363
  }
12273
- .acud-picker-content > div input:focus,
12274
- .acud-picker-content > div input:active {
12275
- background-color: #FFFFFF;
12364
+ .acud-picker-suffix[disabled],
12365
+ .acud-picker-suffix[disabled]:hover,
12366
+ .acud-picker-suffix[disabled]:focus,
12367
+ .acud-picker-suffix[disabled]:active {
12368
+ color: #B8BABF;
12276
12369
  }
12277
- .acud-picker-content > div input[disabled],
12278
- .acud-picker-content > div input[disabled]:hover,
12279
- .acud-picker-content > div input[disabled]:focus,
12280
- .acud-picker-content > div input[disabled]:active {
12281
- background-color: #F7F7F9;
12370
+ .acud-picker-suffix > * {
12371
+ vertical-align: top;
12282
12372
  }
12283
- .acud-picker-content > div input:hover {
12284
- border-color: #2468F2;
12373
+ .acud-picker-suffix > .acuicon {
12374
+ width: 16px;
12375
+ height: 16px;
12285
12376
  }
12286
- .acud-picker-content > div input:focus,
12287
- .acud-picker-content > div input:active {
12288
- border-color: #144BCC;
12377
+ .acud-picker-clear {
12378
+ position: absolute;
12379
+ top: 49%;
12380
+ right: 0;
12381
+ line-height: 1;
12382
+ transform: translateY(-50%);
12383
+ cursor: pointer;
12384
+ opacity: 0;
12385
+ transition: opacity 0.3s, color 0.3s;
12289
12386
  }
12290
- .acud-picker-content > div input[disabled],
12291
- .acud-picker-content > div input[disabled]:hover,
12292
- .acud-picker-content > div input[disabled]:focus,
12293
- .acud-picker-content > div input[disabled]:active {
12294
- border-color: #E8E9EB;
12387
+ .acud-picker-clear > * {
12388
+ vertical-align: top;
12295
12389
  }
12296
- .acud-picker-content > div:last-child:after {
12297
- display: none;
12390
+ .acud-picker-clear:hover {
12391
+ color: #B8BABF;
12298
12392
  }
12299
- .acud-picker-content th,
12300
- .acud-picker-content td {
12393
+ .acud-picker-separator {
12301
12394
  position: relative;
12302
- font-weight: 400;
12303
- font-size: 12px;
12395
+ display: inline-block;
12396
+ width: 1em;
12397
+ height: 14px;
12398
+ font-size: 14px;
12399
+ vertical-align: top;
12400
+ cursor: default;
12304
12401
  }
12305
- .acud-picker-cell {
12306
- cursor: pointer;
12402
+ .acud-picker-focused .acud-picker-separator {
12307
12403
  color: #B8BABF;
12308
12404
  }
12309
- .acud-picker-cell-in-view {
12310
- color: #151B26;
12405
+ .acud-picker-range-separator .acud-picker-separator {
12406
+ color: #B8BABF;
12311
12407
  }
12312
- .acud-picker-cell-disabled {
12408
+ .acud-picker-disabled .acud-picker-range-separator .acud-picker-separator {
12313
12409
  cursor: not-allowed;
12314
12410
  }
12315
- .acud-picker-cell::before {
12411
+ .acud-picker-range {
12412
+ position: relative;
12413
+ display: inline-flex;
12414
+ }
12415
+ .acud-picker-range:hover .acud-picker-clear {
12416
+ opacity: 1;
12417
+ }
12418
+ .acud-picker-range .acud-picker-clear {
12419
+ right: 12px;
12420
+ }
12421
+ .acud-picker-range .acud-picker-active-bar {
12422
+ bottom: -1px;
12423
+ height: 2px;
12424
+ opacity: 0;
12425
+ transition: all 0.3s ease-out;
12426
+ pointer-events: none;
12427
+ }
12428
+ .acud-picker-range.acud-picker-focused .acud-picker-active-bar {
12429
+ opacity: 1;
12430
+ }
12431
+ .acud-picker-range-separator {
12432
+ align-items: center;
12433
+ padding: 0 12px;
12434
+ line-height: 1;
12435
+ }
12436
+ .acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
12437
+ opacity: 0;
12438
+ }
12439
+ .acud-picker-dropdown {
12440
+ margin: 0;
12441
+ padding: 0;
12316
12442
  position: absolute;
12317
- top: 50%;
12318
- right: 0;
12319
- left: 0;
12320
- z-index: 1;
12321
- height: 24px;
12322
- transform: translateY(-50%);
12323
- content: '';
12443
+ z-index: 1050;
12324
12444
  }
12325
- .acud-picker-cell .acud-picker-cell-inner {
12326
- position: relative;
12327
- z-index: 2;
12328
- display: inline-block;
12329
- min-width: 24px;
12330
- height: 24px;
12331
- line-height: 24px;
12332
- border-radius: 2px;
12333
- transition: background 0.3s, border 0.3s;
12445
+ .acud-picker-dropdown-hidden {
12446
+ display: none;
12334
12447
  }
12335
- .acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
12336
- .acud-picker-cell:hover:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end) .acud-picker-cell-inner {
12337
- background: #F7F7F9;
12338
- border-radius: 2px;
12448
+ .acud-picker-dropdown-placement-bottomLeft .acud-picker-range-arrow {
12449
+ top: 1.66666667px;
12450
+ display: block;
12451
+ transform: rotate(-45deg);
12452
+ }
12453
+ .acud-picker-dropdown-placement-topLeft .acud-picker-range-arrow {
12454
+ bottom: 1.66666667px;
12455
+ display: block;
12456
+ transform: rotate(135deg);
12339
12457
  }
12340
- .acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
12341
- position: absolute;
12342
- top: 0;
12343
- right: 0;
12344
- bottom: 0;
12345
- left: 0;
12346
- z-index: 1;
12347
- border: 1px solid #2468F2;
12348
- content: '';
12349
- border-radius: 2px;
12458
+ .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topLeft,
12459
+ .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topRight,
12460
+ .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topLeft,
12461
+ .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topRight {
12462
+ -webkit-animation-name: antSlideDownIn;
12463
+ animation-name: antSlideDownIn;
12350
12464
  }
12351
- .acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
12352
- background-color: transparent !important;
12465
+ .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomLeft,
12466
+ .acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomRight,
12467
+ .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomLeft,
12468
+ .acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomRight {
12469
+ -webkit-animation-name: antSlideUpIn;
12470
+ animation-name: antSlideUpIn;
12353
12471
  }
12354
- .acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
12355
- background-color: transparent !important;
12472
+ .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topLeft,
12473
+ .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topRight {
12474
+ -webkit-animation-name: antSlideDownOut;
12475
+ animation-name: antSlideDownOut;
12356
12476
  }
12357
- .acud-picker-cell-in-view.acud-picker-cell-in-range,
12358
- .acud-picker-cell-in-view.acud-picker-cell-range-hover {
12359
- position: relative;
12360
- background: #E6F0FF;
12477
+ .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomLeft,
12478
+ .acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomRight {
12479
+ -webkit-animation-name: antSlideUpOut;
12480
+ animation-name: antSlideUpOut;
12361
12481
  }
12362
- .acud-picker-cell-in-view.acud-picker-cell-in-range:not(:first-child)::before,
12363
- .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
12364
- width: 12px;
12365
- left: -12px;
12366
- background: #E6F0FF;
12482
+ .acud-picker-dropdown-range {
12483
+ padding: 4px 0;
12367
12484
  }
12368
- .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start::before,
12369
- .acud-picker-cell-in-view.acud-picker-cell-range-hover.acud-picker-cell-start::before {
12370
- background: transparent;
12485
+ .acud-picker-dropdown-range-hidden {
12486
+ display: none;
12371
12487
  }
12372
- .acud-picker-cell-start.acud-picker-cell-in-view.acud-picker-cell-range-end.acud-picker-cell-selected::before {
12373
- width: 0 !important;
12374
- background: transparent !important;
12488
+ .acud-picker-dropdown .acud-picker-panel > .acud-picker-time-panel {
12489
+ padding-top: 6px;
12375
12490
  }
12376
- .acud-picker-cell-in-view.acud-picker-cell-range-end:not(:first-child)::before,
12377
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(:first-child)::before {
12378
- width: 12px;
12379
- left: -12px;
12380
- background: #E6F0FF;
12491
+ .acud-picker-ranges {
12492
+ margin-bottom: 0;
12493
+ padding: 0 12px 8px;
12494
+ overflow: hidden;
12495
+ text-align: left;
12496
+ list-style: none;
12381
12497
  }
12382
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-end.acud-picker-cell-range-hover-edge-start:not(:first-child)::before {
12383
- background-color: transparent;
12498
+ .acud-picker-ranges > li {
12499
+ display: inline-block;
12384
12500
  }
12385
- .acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-cell-inner,
12386
- .acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
12387
- .acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
12388
- color: #FFFFFF;
12389
- background-color: #2468F2;
12501
+ .acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
12502
+ cursor: pointer;
12390
12503
  }
12391
- .acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
12392
- .acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
12393
- border-radius: 2px;
12504
+ .acud-picker-ranges .acud-picker-now {
12505
+ font-size: 12px;
12506
+ float: left;
12507
+ cursor: pointer;
12508
+ margin-top: 10px;
12394
12509
  }
12395
- .acud-picker-cell-in-view.acud-picker-cell-range-start:not(.acud-picker-cell-range-start-single)::before,
12396
- .acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
12397
- background: #E6F0FF;
12510
+ .acud-picker-ranges .acud-picker-now a {
12511
+ color: #2468F2;
12398
12512
  }
12399
- .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
12400
- background: transparent;
12513
+ .acud-picker-ranges .acud-picker-now a:hover {
12514
+ color: #528EFF;
12401
12515
  }
12402
- .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
12403
- .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
12404
- background: transparent !important;
12516
+ .acud-picker-ranges .acud-picker-now a:focus,
12517
+ .acud-picker-ranges .acud-picker-now a:active {
12518
+ color: #144BCC;
12405
12519
  }
12406
- .acud-picker-cell-range-end-single:not(.acud-picker-cell-range-hover-end)::before {
12407
- background: transparent !important;
12520
+ .acud-picker-ranges .acud-picker-now a[disabled],
12521
+ .acud-picker-ranges .acud-picker-now a[disabled]:hover,
12522
+ .acud-picker-ranges .acud-picker-now a[disabled]:focus,
12523
+ .acud-picker-ranges .acud-picker-now a[disabled]:active {
12524
+ color: #B8BABF;
12408
12525
  }
12409
- .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start::before {
12410
- background-color: #E6F0FF;
12526
+ .acud-picker-ranges .acud-picker-ok {
12527
+ float: right;
12528
+ margin-left: 12px;
12529
+ margin-top: 8px;
12411
12530
  }
12412
- .acud-picker-cell-in-view.acud-picker-cell-range-start::before {
12413
- left: 50%;
12531
+ .acud-picker-ranges .acud-btn-sm-text-limited {
12532
+ min-width: 48px;
12414
12533
  }
12415
- .acud-picker-cell-in-view.acud-picker-cell-range-end::before {
12416
- right: 50%;
12534
+ .acud-picker-range-wrapper {
12535
+ display: flex;
12417
12536
  }
12418
- .acud-picker-cell-range-hover-start::after,
12419
- .acud-picker-cell-range-hover-end::after,
12420
- .acud-picker-cell-range-hover::after {
12421
- right: 0;
12422
- left: 2px;
12537
+ .acud-picker-panel-container {
12538
+ overflow: hidden;
12539
+ vertical-align: top;
12540
+ background: #FFF;
12541
+ border-radius: 6px;
12542
+ box-shadow: 0px 6px 16px 2px rgba(7, 12, 20, 0.12);
12543
+ transition: margin 0.3s;
12423
12544
  }
12424
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after,
12425
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
12426
- position: absolute;
12427
- top: 0;
12428
- bottom: 0;
12429
- z-index: -1;
12430
- background: #D4E5FF;
12431
- content: '';
12432
- border-radius: 2px;
12545
+ .acud-picker-panel-container .acud-picker-panels {
12546
+ display: inline-flex;
12547
+ flex-wrap: nowrap;
12548
+ direction: ltr;
12433
12549
  }
12434
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after {
12435
- right: 0;
12436
- left: 0;
12550
+ .acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-header,
12551
+ .acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-body {
12552
+ padding-right: 6px;
12437
12553
  }
12438
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
12439
- right: 0;
12440
- left: 0;
12554
+ .acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-header,
12555
+ .acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-body {
12556
+ padding-left: 6px;
12557
+ padding-right: 12px;
12441
12558
  }
12442
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
12443
- left: -9px;
12559
+ .acud-picker-panel-container .acud-picker-panel {
12560
+ vertical-align: top;
12561
+ background: transparent;
12562
+ border-width: 0 0 1px 0;
12563
+ border-radius: 0;
12444
12564
  }
12445
- .acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
12446
- right: 50%;
12565
+ .acud-picker-panel {
12566
+ display: inline-flex;
12567
+ flex-direction: column;
12568
+ text-align: center;
12569
+ border-radius: 0px;
12570
+ outline: none;
12447
12571
  }
12448
- .acud-picker-cell-range-hover.acud-picker-cell-range-end::after {
12449
- left: 50%;
12572
+ .acud-picker-panel-header {
12573
+ height: 32px;
12574
+ padding: 0 12px;
12575
+ background-color: #F7F7F9;
12576
+ font-size: 12px;
12577
+ line-height: 32px;
12578
+ color: #151B26;
12450
12579
  }
12451
- tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:first-child::after,
12452
- tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:first-child::after,
12453
- .acud-picker-cell-in-view.acud-picker-cell-start.acud-picker-cell-range-hover-edge-start.acud-picker-cell-range-hover-edge-start-near-range::after,
12454
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-start:not(.acud-picker-cell-range-hover-edge-start-near-range)::after,
12455
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-start::after {
12456
- left: 0;
12457
- border-left: 1px dashed #A8CAFF;
12458
- border-top-left-radius: 0px;
12459
- border-bottom-left-radius: 0px;
12580
+ .acud-picker-panel-header > li {
12581
+ color: #151B26;
12582
+ margin-right: 24px;
12583
+ display: inline-block;
12584
+ cursor: pointer;
12460
12585
  }
12461
- tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:last-child::after,
12462
- tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::after,
12463
- .acud-picker-cell-in-view.acud-picker-cell-end.acud-picker-cell-range-hover-edge-end.acud-picker-cell-range-hover-edge-end-near-range::after,
12464
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-end:not(.acud-picker-cell-range-hover-edge-end-near-range)::after,
12465
- .acud-picker-cell-in-view.acud-picker-cell-range-hover-end::after {
12466
- right: 0;
12467
- border-right: 1px dashed #A8CAFF;
12468
- border-top-right-radius: 0px;
12469
- border-bottom-right-radius: 0px;
12586
+ .acud-picker-panel-header > li:hover {
12587
+ color: #2468F2;
12470
12588
  }
12471
- .acud-picker-cell-disabled {
12472
- pointer-events: none;
12589
+ .acud-picker-panel-header > li:focus,
12590
+ .acud-picker-panel-header > li:active {
12591
+ color: #144BCC;
12473
12592
  }
12474
- .acud-picker-cell-disabled .acud-picker-cell-inner {
12593
+ .acud-picker-panel-header > li[disabled],
12594
+ .acud-picker-panel-header > li[disabled]:hover,
12595
+ .acud-picker-panel-header > li[disabled]:focus,
12596
+ .acud-picker-panel-header > li[disabled]:active {
12475
12597
  color: #B8BABF;
12476
- background: #F7F7F9;
12477
12598
  }
12478
- .acud-picker-cell-disabled:not(:first-child)::before {
12599
+ .acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
12600
+ background-color: #F7F7F9 !important;
12601
+ }
12602
+ .acud-picker-date-panel,
12603
+ .acud-picker-decade-panel,
12604
+ .acud-picker-year-panel,
12605
+ .acud-picker-quarter-panel,
12606
+ .acud-picker-month-panel,
12607
+ .acud-picker-week-panel,
12608
+ .acud-picker-date-panel,
12609
+ .acud-picker-time-panel {
12610
+ display: flex;
12611
+ flex-direction: column;
12612
+ width: 240px;
12613
+ }
12614
+ .acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
12615
+ .acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
12616
+ .acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
12617
+ .acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
12479
12618
  width: 12px;
12480
- left: -10px;
12481
- background: #F7F7F9;
12619
+ left: -12px;
12620
+ background: #E6F0FF;
12621
+ }
12622
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
12623
+ .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
12624
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
12625
+ .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
12626
+ background-color: #D4E5FF;
12627
+ }
12628
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12629
+ .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12630
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
12631
+ .acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
12632
+ background: #E6F0FF;
12482
12633
  }
12483
- .acud-picker-cell-disabled.acud-picker-cell-today .acud-picker-cell-inner::before {
12484
- border-color: #B8BABF;
12634
+ .acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
12635
+ .acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
12636
+ left: -12px;
12485
12637
  }
12486
- .acud-picker-decade-panel .acud-picker-body,
12487
- .acud-picker-year-panel .acud-picker-body,
12488
- .acud-picker-quarter-panel .acud-picker-body,
12489
- .acud-picker-month-panel .acud-picker-body {
12638
+ .acud-picker-header {
12639
+ display: flex;
12490
12640
  padding: 0 12px;
12641
+ color: #151B26;
12642
+ border-bottom: 1px solid #E8E9EB;
12491
12643
  }
12492
- .acud-picker-quarter-panel .acud-picker-content {
12493
- height: 56px;
12644
+ .acud-picker-header:hover {
12645
+ color: #151B26;
12494
12646
  }
12495
- .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
12496
- display: none;
12647
+ .acud-picker-header:focus,
12648
+ .acud-picker-header:active {
12649
+ color: #FFFFFF;
12497
12650
  }
12498
- .acud-picker-date-panel .acud-picker-cell-range-end:not(:first-child)::before {
12499
- left: -8px;
12651
+ .acud-picker-header[disabled],
12652
+ .acud-picker-header[disabled]:hover,
12653
+ .acud-picker-header[disabled]:focus,
12654
+ .acud-picker-header[disabled]:active {
12655
+ color: #B8BABF;
12500
12656
  }
12501
- .acud-picker-date-panel .acud-picker-content thead th {
12502
- width: 24px;
12503
- line-height: 24px;
12657
+ .acud-picker-header > * {
12658
+ flex: none;
12504
12659
  }
12505
- .acud-picker-date-panel .acud-picker-content tbody tr {
12506
- margin-top: 8px;
12660
+ .acud-picker-header button {
12661
+ padding: 0;
12662
+ color: #84868C;
12663
+ background: transparent;
12664
+ border: 0;
12665
+ cursor: pointer;
12666
+ transition: color 0.3s;
12507
12667
  }
12508
- .acud-picker-date-panel .acud-picker-content tr {
12509
- display: flex;
12510
- justify-content: space-between;
12511
- width: 216px;
12668
+ .acud-picker-header button:hover {
12669
+ color: #5C5F66;
12512
12670
  }
12513
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
12514
- .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
12515
- background-color: #E6F0FF;
12671
+ .acud-picker-header button:focus,
12672
+ .acud-picker-header button:active {
12673
+ color: #303540;
12516
12674
  }
12517
- .acud-picker-footer {
12518
- width: -webkit-min-content;
12519
- width: -moz-min-content;
12520
- width: min-content;
12521
- min-width: 100%;
12522
- text-align: center;
12523
- border-top: 1px solid #E8E9EB;
12675
+ .acud-picker-header button[disabled],
12676
+ .acud-picker-header button[disabled]:hover,
12677
+ .acud-picker-header button[disabled]:focus,
12678
+ .acud-picker-header button[disabled]:active {
12679
+ color: #B8BABF;
12680
+ }
12681
+ .acud-picker-header > button {
12682
+ min-width: 8px;
12524
12683
  font-size: 12px;
12525
- line-height: 24px;
12526
- cursor: pointer;
12527
12684
  }
12528
- .acud-picker-footer-extra {
12529
- padding: 0 8px;
12530
- text-align: left;
12685
+ .acud-picker-header-super-prev-btn,
12686
+ .acud-picker-header-next-btn {
12687
+ margin-right: 4px;
12531
12688
  }
12532
- .acud-picker-now {
12533
- text-align: left;
12689
+ .acud-picker-header-view {
12690
+ flex: auto;
12691
+ font-size: 12px;
12692
+ line-height: 40px;
12693
+ color: #151B26;
12534
12694
  }
12535
- .acud-picker-today-btn.acud-picker-today-btn-disabled {
12536
- cursor: not-allowed;
12695
+ .acud-picker-header-view:hover {
12696
+ color: #151B26;
12537
12697
  }
12538
- .acud-picker-decade-panel tr {
12539
- display: block;
12540
- margin: 12px 0;
12698
+ .acud-picker-header-view:focus,
12699
+ .acud-picker-header-view:active {
12700
+ color: #FFFFFF;
12541
12701
  }
12542
- .acud-picker-decade-panel tr td {
12543
- display: inline-block;
12544
- margin-right: 12px;
12545
- width: 79px;
12702
+ .acud-picker-header-view[disabled],
12703
+ .acud-picker-header-view[disabled]:hover,
12704
+ .acud-picker-header-view[disabled]:focus,
12705
+ .acud-picker-header-view[disabled]:active {
12706
+ color: #B8BABF;
12546
12707
  }
12547
- .acud-picker-decade-panel tr td:last-child {
12548
- margin-right: 0;
12708
+ .acud-picker-header-view button {
12709
+ font-size: 12px;
12710
+ color: inherit;
12711
+ font-weight: 400;
12712
+ color: #151B26;
12549
12713
  }
12550
- .acud-picker-decade-panel tr .acud-picker-cell-inner {
12551
- width: 100%;
12714
+ .acud-picker-header-view button:hover {
12715
+ color: #2468F2;
12552
12716
  }
12553
- .acud-picker-decade-panel .acud-picker-cell::before {
12554
- display: none;
12717
+ .acud-picker-header-view button:focus,
12718
+ .acud-picker-header-view button:active {
12719
+ color: #144BCC;
12555
12720
  }
12556
- .acud-picker-year-panel,
12557
- .acud-picker-quarter-panel,
12558
- .acud-picker-month-panel {
12559
- width: 192px;
12721
+ .acud-picker-header-view button[disabled],
12722
+ .acud-picker-header-view button[disabled]:hover,
12723
+ .acud-picker-header-view button[disabled]:focus,
12724
+ .acud-picker-header-view button[disabled]:active {
12725
+ color: #B8BABF;
12560
12726
  }
12561
- .acud-picker-year-panel tr,
12562
- .acud-picker-quarter-panel tr,
12563
- .acud-picker-month-panel tr {
12564
- display: block;
12565
- margin: 12px 0;
12727
+ .acud-picker-header-view button:not(:first-child) {
12728
+ margin-left: 8px;
12566
12729
  }
12567
- .acud-picker-year-panel tr td,
12568
- .acud-picker-quarter-panel tr td,
12569
- .acud-picker-month-panel tr td {
12730
+ .acud-picker-prev-icon,
12731
+ .acud-picker-next-icon,
12732
+ .acud-picker-super-prev-icon,
12733
+ .acud-picker-super-next-icon {
12734
+ position: relative;
12570
12735
  display: inline-block;
12571
- margin-right: 12px;
12572
- }
12573
- .acud-picker-year-panel tr td:last-child,
12574
- .acud-picker-quarter-panel tr td:last-child,
12575
- .acud-picker-month-panel tr td:last-child {
12576
- margin-right: 0;
12577
- }
12578
- .acud-picker-year-panel .acud-picker-cell-inner,
12579
- .acud-picker-quarter-panel .acud-picker-cell-inner,
12580
- .acud-picker-month-panel .acud-picker-cell-inner {
12581
- width: 48px;
12736
+ width: 7px;
12737
+ height: 7px;
12582
12738
  }
12583
- .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
12584
- .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
12585
- .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
12586
- border-radius: 0px 0 0 0px;
12739
+ .acud-picker-prev-icon::before,
12740
+ .acud-picker-next-icon::before,
12741
+ .acud-picker-super-prev-icon::before,
12742
+ .acud-picker-super-next-icon::before {
12743
+ position: absolute;
12744
+ top: 0;
12745
+ left: 0;
12746
+ display: inline-block;
12747
+ width: 7px;
12748
+ height: 7px;
12749
+ border: 0 solid currentColor;
12750
+ border-width: 1px 0 0 1px;
12751
+ content: '';
12587
12752
  }
12588
- .acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
12589
- .acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
12590
- .acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
12591
- border-radius: 0 0px 0px 0;
12753
+ .acud-picker-super-prev-icon::after,
12754
+ .acud-picker-super-next-icon::after {
12755
+ position: absolute;
12756
+ top: 3px;
12757
+ left: 3px;
12758
+ display: inline-block;
12759
+ width: 7px;
12760
+ height: 7px;
12761
+ border: 0 solid currentColor;
12762
+ border-width: 1px 0 0 1px;
12763
+ content: '';
12592
12764
  }
12593
- .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
12594
- .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
12595
- .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
12596
- border-radius: 0 0px 0px 0;
12765
+ .acud-picker-prev-icon,
12766
+ .acud-picker-super-prev-icon {
12767
+ transform: rotate(-45deg);
12597
12768
  }
12598
- .acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
12599
- .acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
12600
- .acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
12601
- border-radius: 0px 0 0 0px;
12769
+ .acud-picker-next-icon,
12770
+ .acud-picker-super-next-icon {
12771
+ transform: rotate(135deg);
12602
12772
  }
12603
- .acud-picker-panels .acud-picker-month-panel {
12604
- width: 186px;
12773
+ .acud-picker-content {
12774
+ width: 100%;
12775
+ table-layout: fixed;
12776
+ border-collapse: collapse;
12605
12777
  }
12606
- .acud-picker-panels .acud-picker-date-panel {
12607
- width: 234px;
12778
+ .acud-picker-content > div {
12779
+ width: 32px;
12780
+ margin-right: 16px;
12781
+ height: 26px;
12782
+ overflow: visible;
12608
12783
  }
12609
- .acud-picker-panels .acud-picker-decade-panel {
12610
- width: 285px;
12784
+ .acud-picker-content > div:after {
12785
+ content: ':';
12786
+ display: block;
12787
+ position: relative;
12788
+ top: -28px;
12789
+ left: 24px;
12611
12790
  }
12612
- .acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
12613
- .acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
12614
- padding-right: 12px !important;
12791
+ .acud-picker-content > div input {
12792
+ width: 100%;
12793
+ outline-style: none;
12794
+ line-height: 24px;
12795
+ text-align: center;
12796
+ height: 24px;
12797
+ box-sizing: border-box;
12798
+ border: 1px solid;
12799
+ background-color: #FFFFFF;
12800
+ border-color: #E8E9EB;
12615
12801
  }
12616
- .acud-picker-week-panel .acud-picker-body {
12617
- padding: 12px 8px;
12802
+ .acud-picker-content > div input:hover {
12803
+ background-color: #FFFFFF;
12618
12804
  }
12619
- .acud-picker-week-panel .acud-picker-cell:hover .acud-picker-cell-inner,
12620
- .acud-picker-week-panel .acud-picker-cell-selected .acud-picker-cell-inner,
12621
- .acud-picker-week-panel .acud-picker-cell .acud-picker-cell-inner {
12622
- background: transparent !important;
12805
+ .acud-picker-content > div input:focus,
12806
+ .acud-picker-content > div input:active {
12807
+ background-color: #FFFFFF;
12623
12808
  }
12624
- .acud-picker-week-panel-row td {
12625
- transition: background 0.3s;
12809
+ .acud-picker-content > div input[disabled],
12810
+ .acud-picker-content > div input[disabled]:hover,
12811
+ .acud-picker-content > div input[disabled]:focus,
12812
+ .acud-picker-content > div input[disabled]:active {
12813
+ background-color: #F7F7F9;
12626
12814
  }
12627
- .acud-picker-week-panel-row-selected td.acud-picker-cell-today .acud-picker-cell-inner::before,
12628
- .acud-picker-week-panel-row-selected:hover td.acud-picker-cell-today .acud-picker-cell-inner::before {
12815
+ .acud-picker-content > div input:hover {
12629
12816
  border-color: #2468F2;
12630
12817
  }
12631
- .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
12632
- .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
12633
- .acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
12634
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
12635
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
12636
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
12637
- border-radius: 2px 0 0 2px;
12638
- }
12639
- .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
12640
- .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
12641
- .acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
12642
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
12643
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
12644
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
12645
- border-radius: 0 2px 2px 0;
12818
+ .acud-picker-content > div input:focus,
12819
+ .acud-picker-content > div input:active {
12820
+ border-color: #144BCC;
12646
12821
  }
12647
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
12648
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
12649
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
12650
- border-radius: 0 2px 2px 0;
12822
+ .acud-picker-content > div input[disabled],
12823
+ .acud-picker-content > div input[disabled]:hover,
12824
+ .acud-picker-content > div input[disabled]:focus,
12825
+ .acud-picker-content > div input[disabled]:active {
12826
+ border-color: #E8E9EB;
12651
12827
  }
12652
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
12653
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
12654
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
12655
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
12656
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
12657
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
12658
- border-radius: 2px;
12828
+ .acud-picker-content > div:last-child:after {
12829
+ display: none;
12659
12830
  }
12660
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
12661
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
12662
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
12663
- border-radius: 2px 0 0 2px;
12831
+ .acud-picker-content th,
12832
+ .acud-picker-content td {
12833
+ position: relative;
12834
+ font-weight: 400;
12835
+ font-size: 12px;
12664
12836
  }
12665
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
12666
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
12667
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
12668
- .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
12669
- .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
12670
- .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
12671
- border-radius: 2px;
12837
+ .acud-picker-cell {
12838
+ cursor: pointer;
12839
+ color: #B8BABF;
12672
12840
  }
12673
- .acud-picker-date-panel .acud-picker-body {
12674
- padding: 12px;
12841
+ .acud-picker-cell-in-view {
12842
+ color: #151B26;
12675
12843
  }
12676
- .acud-picker-datetime-panel {
12677
- display: flex;
12844
+ .acud-picker-cell-disabled {
12845
+ cursor: not-allowed;
12678
12846
  }
12679
- .acud-picker-datetime-panel .acud-picker-time-panel {
12680
- border-left: 1px solid #E8E9EB;
12847
+ .acud-picker-cell::before {
12848
+ position: absolute;
12849
+ top: 50%;
12850
+ right: 0;
12851
+ left: 0;
12852
+ z-index: 1;
12853
+ height: 24px;
12854
+ transform: translateY(-50%);
12855
+ content: '';
12681
12856
  }
12682
- .acud-picker-datetime-panel .acud-picker-date-panel,
12683
- .acud-picker-datetime-panel .acud-picker-time-panel {
12684
- transition: opacity 0.3s;
12857
+ .acud-picker-cell .acud-picker-cell-inner {
12858
+ position: relative;
12859
+ z-index: 2;
12860
+ display: inline-block;
12861
+ min-width: 24px;
12862
+ height: 24px;
12863
+ line-height: 24px;
12864
+ border-radius: 2px;
12865
+ transition: background 0.3s, border 0.3s;
12685
12866
  }
12686
- .acud-picker-datetime-panel-active .acud-picker-date-panel,
12687
- .acud-picker-datetime-panel-active .acud-picker-time-panel {
12688
- opacity: 0.3;
12867
+ .acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
12868
+ .acud-picker-cell:hover:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end) .acud-picker-cell-inner {
12869
+ background: #F7F7F9;
12870
+ border-radius: 2px;
12689
12871
  }
12690
- .acud-picker-datetime-panel-active .acud-picker-date-panel-active,
12691
- .acud-picker-datetime-panel-active .acud-picker-time-panel-active {
12692
- opacity: 1;
12872
+ .acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
12873
+ position: absolute;
12874
+ top: 0;
12875
+ right: 0;
12876
+ bottom: 0;
12877
+ left: 0;
12878
+ z-index: 1;
12879
+ border: 1px solid #2468F2;
12880
+ content: '';
12881
+ border-radius: 2px;
12693
12882
  }
12694
- .acud-picker-time-panel {
12695
- width: auto;
12696
- min-width: auto;
12883
+ .acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
12884
+ background-color: transparent !important;
12697
12885
  }
12698
- .acud-picker-time-panel .acud-picker-content {
12699
- display: flex;
12700
- flex: auto;
12701
- height: 196px;
12886
+ .acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
12887
+ background-color: transparent !important;
12702
12888
  }
12703
- .acud-picker-time-panel-column {
12704
- flex: 1 0 auto;
12705
- width: 64px;
12706
- margin: 0;
12707
- padding: 0;
12708
- overflow-y: hidden;
12709
- text-align: left;
12710
- list-style: none;
12711
- transition: background 0.3s;
12889
+ .acud-picker-cell-in-view.acud-picker-cell-in-range,
12890
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover {
12891
+ position: relative;
12892
+ background: #E6F0FF;
12712
12893
  }
12713
- .acud-picker-time-panel-column::after {
12714
- display: block;
12715
- height: 168px;
12716
- content: '';
12894
+ .acud-picker-cell-in-view.acud-picker-cell-in-range:not(:first-child)::before,
12895
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
12896
+ width: 12px;
12897
+ left: -12px;
12898
+ background: #E6F0FF;
12717
12899
  }
12718
- .acud-picker-datetime-panel .acud-picker-time-panel-column::after {
12719
- height: 170px;
12900
+ .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start::before,
12901
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover.acud-picker-cell-start::before {
12902
+ background: transparent;
12720
12903
  }
12721
- .acud-picker-time-panel-column:not(:first-child) {
12722
- border-left: 1px solid #E8E9EB;
12904
+ .acud-picker-cell-start.acud-picker-cell-in-view.acud-picker-cell-range-end.acud-picker-cell-selected::before {
12905
+ width: 0 !important;
12906
+ background: transparent !important;
12723
12907
  }
12724
- .acud-picker-time-panel-column:hover {
12725
- overflow-y: auto;
12908
+ .acud-picker-cell-in-view.acud-picker-cell-range-end:not(:first-child)::before,
12909
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(:first-child)::before {
12910
+ width: 12px;
12911
+ left: -12px;
12912
+ background: #E6F0FF;
12726
12913
  }
12727
- .acud-picker-time-panel-column > li {
12728
- margin: 0;
12729
- padding: 0;
12914
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-end.acud-picker-cell-range-hover-edge-start:not(:first-child)::before {
12915
+ background-color: transparent;
12730
12916
  }
12731
- .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner {
12732
- display: block;
12733
- width: 100%;
12734
- height: 28px;
12735
- margin: 0;
12736
- color: #151B26;
12737
- font-size: 12px;
12738
- line-height: 28px;
12739
- text-align: center;
12740
- border-radius: 0;
12741
- cursor: pointer;
12742
- transition: background 0.3s;
12917
+ .acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-cell-inner,
12918
+ .acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
12919
+ .acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
12920
+ color: #FFFFFF;
12921
+ background-color: #2468F2;
12743
12922
  }
12744
- .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner:hover {
12745
- background: #F7F7F9;
12923
+ .acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
12924
+ .acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
12925
+ border-radius: 2px;
12746
12926
  }
12747
- .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-selected .acud-picker-time-panel-cell-inner {
12927
+ .acud-picker-cell-in-view.acud-picker-cell-range-start:not(.acud-picker-cell-range-start-single)::before,
12928
+ .acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
12748
12929
  background: #E6F0FF;
12749
12930
  }
12750
- .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner {
12751
- color: #B8BABF;
12931
+ .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
12752
12932
  background: transparent;
12753
- cursor: not-allowed;
12754
12933
  }
12755
- /* stylelint-disable-next-line */
12756
- _:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
12757
- :root .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
12758
- _:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell,
12759
- :root .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell {
12760
- padding: 21px 0;
12934
+ .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
12935
+ .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
12936
+ background: transparent !important;
12761
12937
  }
12762
- .acud-picker-rtl {
12763
- direction: rtl;
12938
+ .acud-picker-cell-range-end-single:not(.acud-picker-cell-range-hover-end)::before {
12939
+ background: transparent !important;
12764
12940
  }
12765
- .acud-picker-rtl .acud-picker-suffix {
12766
- margin-right: 6px;
12767
- margin-left: 0;
12941
+ .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start::before {
12942
+ background-color: #E6F0FF;
12768
12943
  }
12769
- .acud-picker-rtl .acud-picker-clear {
12770
- right: auto;
12771
- left: 0;
12944
+ .acud-picker-cell-in-view.acud-picker-cell-range-start::before {
12945
+ left: 50%;
12772
12946
  }
12773
- .acud-picker-rtl .acud-picker-separator {
12774
- transform: rotate(180deg);
12947
+ .acud-picker-cell-in-view.acud-picker-cell-range-end::before {
12948
+ right: 50%;
12775
12949
  }
12776
- .acud-picker-panel-rtl .acud-picker-header-view button:not(:first-child) {
12777
- margin-right: 12px;
12778
- margin-left: 0;
12950
+ .acud-picker-cell-range-hover-start::after,
12951
+ .acud-picker-cell-range-hover-end::after,
12952
+ .acud-picker-cell-range-hover::after {
12953
+ right: 0;
12954
+ left: 2px;
12779
12955
  }
12780
- .acud-picker-rtl.acud-picker-range .acud-picker-clear {
12781
- right: auto;
12956
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after,
12957
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
12958
+ position: absolute;
12959
+ top: 0;
12960
+ bottom: 0;
12961
+ z-index: -1;
12962
+ background: #D4E5FF;
12963
+ content: '';
12964
+ border-radius: 2px;
12782
12965
  }
12783
- .acud-picker-rtl.acud-picker-range .acud-picker-active-bar {
12784
- margin-left: 0;
12966
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after {
12967
+ right: 0;
12968
+ left: 0;
12785
12969
  }
12786
- .acud-picker-dropdown-rtl .acud-picker-ranges {
12787
- text-align: right;
12970
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
12971
+ right: 0;
12972
+ left: 0;
12788
12973
  }
12789
- .acud-picker-dropdown-rtl .acud-picker-ranges .acud-picker-ok {
12790
- float: left;
12791
- margin-right: 12px;
12792
- margin-left: 0;
12974
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
12975
+ left: -9px;
12793
12976
  }
12794
- .acud-picker-panel-rtl {
12795
- direction: rtl;
12977
+ .acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
12978
+ right: 50%;
12796
12979
  }
12797
- .acud-picker-panel-rtl .acud-picker-prev-icon,
12798
- .acud-picker-panel-rtl .acud-picker-super-prev-icon {
12799
- transform: rotate(135deg);
12980
+ .acud-picker-cell-range-hover.acud-picker-cell-range-end::after {
12981
+ left: 50%;
12800
12982
  }
12801
- .acud-picker-panel-rtl .acud-picker-next-icon,
12802
- .acud-picker-panel-rtl .acud-picker-super-next-icon {
12803
- transform: rotate(-45deg);
12983
+ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:first-child::after,
12984
+ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:first-child::after,
12985
+ .acud-picker-cell-in-view.acud-picker-cell-start.acud-picker-cell-range-hover-edge-start.acud-picker-cell-range-hover-edge-start-near-range::after,
12986
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-start:not(.acud-picker-cell-range-hover-edge-start-near-range)::after,
12987
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-start::after {
12988
+ left: 0;
12989
+ border-left: 1px dashed #A8CAFF;
12990
+ border-top-left-radius: 0px;
12991
+ border-bottom-left-radius: 0px;
12804
12992
  }
12805
- .acud-picker-dropdown-rtl .acud-picker-footer-extra {
12806
- direction: rtl;
12807
- text-align: right;
12993
+ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:last-child::after,
12994
+ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::after,
12995
+ .acud-picker-cell-in-view.acud-picker-cell-end.acud-picker-cell-range-hover-edge-end.acud-picker-cell-range-hover-edge-end-near-range::after,
12996
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-end:not(.acud-picker-cell-range-hover-edge-end-near-range)::after,
12997
+ .acud-picker-cell-in-view.acud-picker-cell-range-hover-end::after {
12998
+ right: 0;
12999
+ border-right: 1px dashed #A8CAFF;
13000
+ border-top-right-radius: 0px;
13001
+ border-bottom-right-radius: 0px;
12808
13002
  }
12809
- .acud-picker-panel-rtl .acud-picker-time-panel {
12810
- direction: ltr;
13003
+ .acud-picker-cell-disabled {
13004
+ pointer-events: none;
12811
13005
  }
12812
-
12813
- /* color */
12814
- /* 默认颜色 */
12815
- /* 通用-icon */
12816
- /* 标签 */
12817
- /* 默认颜色 */
12818
- /* 其他颜色 */
12819
- /* 通用 */
12820
- /* 水平 */
12821
- /* 垂直 */
12822
- /* 序号水平 */
12823
- /* 序号垂直 */
12824
- .acud-tag {
12825
- margin: 0;
12826
- padding: 0;
12827
- display: inline-block;
12828
- height: auto;
12829
- margin-right: 8px;
12830
- padding: 0 8px;
12831
- font-size: 12px;
12832
- line-height: 20px;
13006
+ .acud-picker-cell-disabled .acud-picker-cell-inner {
13007
+ color: #B8BABF;
12833
13008
  background: #F7F7F9;
12834
- border-radius: 2px;
12835
- transition: all 0.3s;
12836
- max-width: 130px;
12837
- overflow: hidden;
12838
- text-overflow: ellipsis;
12839
- white-space: nowrap;
12840
- color: #151B26;
12841
- }
12842
- .acud-tag:hover {
12843
- color: #151B26;
12844
13009
  }
12845
- .acud-tag:focus,
12846
- .acud-tag:active {
12847
- color: #151B26;
13010
+ .acud-picker-cell-disabled:not(:first-child)::before {
13011
+ width: 12px;
13012
+ left: -10px;
13013
+ background: #F7F7F9;
12848
13014
  }
12849
- .acud-tag[disabled],
12850
- .acud-tag[disabled]:hover,
12851
- .acud-tag[disabled]:focus,
12852
- .acud-tag[disabled]:active {
12853
- color: #B8BABF;
13015
+ .acud-picker-cell-disabled.acud-picker-cell-today .acud-picker-cell-inner::before {
13016
+ border-color: #B8BABF;
12854
13017
  }
12855
- .acud-tag > a:first-child:last-child {
12856
- display: inline-block;
12857
- margin: 0 -8px;
12858
- padding: 0 8px;
13018
+ .acud-picker-decade-panel .acud-picker-body,
13019
+ .acud-picker-year-panel .acud-picker-body,
13020
+ .acud-picker-quarter-panel .acud-picker-body,
13021
+ .acud-picker-month-panel .acud-picker-body {
13022
+ padding: 0 12px;
12859
13023
  }
12860
- .acud-tag-close-icon {
12861
- font-size: 16px;
12862
- cursor: pointer;
12863
- transition: all 0.3s;
13024
+ .acud-picker-quarter-panel .acud-picker-content {
13025
+ height: 56px;
12864
13026
  }
12865
- .acud-tag .acuicon {
12866
- color: #84868C;
12867
- line-height: 100%;
13027
+ .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
13028
+ display: none;
12868
13029
  }
12869
- .acud-tag .acuicon:hover {
12870
- color: #5C5F66;
13030
+ .acud-picker-date-panel .acud-picker-cell-range-end:not(:first-child)::before {
13031
+ left: -8px;
12871
13032
  }
12872
- .acud-tag .acuicon:focus,
12873
- .acud-tag .acuicon:active {
12874
- color: #303540;
13033
+ .acud-picker-date-panel .acud-picker-content thead th {
13034
+ width: 24px;
13035
+ line-height: 24px;
12875
13036
  }
12876
- .acud-tag .acuicon[disabled],
12877
- .acud-tag .acuicon[disabled]:hover,
12878
- .acud-tag .acuicon[disabled]:focus,
12879
- .acud-tag .acuicon[disabled]:active {
12880
- color: #B8BABF;
13037
+ .acud-picker-date-panel .acud-picker-content tbody tr {
13038
+ margin-top: 8px;
12881
13039
  }
12882
- .acud-tag-has-color {
12883
- border-color: transparent;
13040
+ .acud-picker-date-panel .acud-picker-content tr {
13041
+ display: flex;
13042
+ justify-content: space-between;
13043
+ width: 216px;
12884
13044
  }
12885
- .acud-tag-has-color,
12886
- .acud-tag-has-color a,
12887
- .acud-tag-has-color a:hover,
12888
- .acud-tag-has-color .acuicon-close,
12889
- .acud-tag-has-color .acuicon-close:hover {
12890
- color: #151B26;
13045
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
13046
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
13047
+ background-color: #E6F0FF;
12891
13048
  }
12892
- .acud-tag-checkable {
13049
+ .acud-picker-footer {
13050
+ width: -webkit-min-content;
13051
+ width: -moz-min-content;
13052
+ width: min-content;
13053
+ min-width: 100%;
13054
+ text-align: center;
13055
+ border-top: 1px solid #E8E9EB;
13056
+ font-size: 12px;
13057
+ line-height: 24px;
12893
13058
  cursor: pointer;
12894
13059
  }
12895
- .acud-tag-checkable-checked {
12896
- color: #FFFFFF;
12897
- background-color: #2468F2;
12898
- border-color: transparent;
12899
- cursor: pointer;
13060
+ .acud-picker-footer-extra {
13061
+ padding: 0 8px;
13062
+ text-align: left;
12900
13063
  }
12901
- .acud-tag-checkable-checked:hover {
12902
- color: #FFFFFF;
13064
+ .acud-picker-now {
13065
+ text-align: left;
12903
13066
  }
12904
- .acud-tag-checkable-checked:focus,
12905
- .acud-tag-checkable-checked:active {
12906
- color: #FFFFFF;
13067
+ .acud-picker-today-btn.acud-picker-today-btn-disabled {
13068
+ cursor: not-allowed;
12907
13069
  }
12908
- .acud-tag-checkable-checked[disabled],
12909
- .acud-tag-checkable-checked[disabled]:hover,
12910
- .acud-tag-checkable-checked[disabled]:focus,
12911
- .acud-tag-checkable-checked[disabled]:active {
12912
- color: #FFFFFF;
13070
+ .acud-picker-decade-panel tr {
13071
+ display: block;
13072
+ margin: 12px 0;
12913
13073
  }
12914
- .acud-tag-checkable-checked:hover {
12915
- background-color: #528EFF;
13074
+ .acud-picker-decade-panel tr td {
13075
+ display: inline-block;
13076
+ margin-right: 12px;
13077
+ width: 79px;
12916
13078
  }
12917
- .acud-tag-checkable-checked:focus,
12918
- .acud-tag-checkable-checked:active {
12919
- background-color: #144BCC;
13079
+ .acud-picker-decade-panel tr td:last-child {
13080
+ margin-right: 0;
12920
13081
  }
12921
- .acud-tag-checkable-checked[disabled],
12922
- .acud-tag-checkable-checked[disabled]:hover,
12923
- .acud-tag-checkable-checked[disabled]:focus,
12924
- .acud-tag-checkable-checked[disabled]:active {
12925
- background-color: #E8E9EB;
13082
+ .acud-picker-decade-panel tr .acud-picker-cell-inner {
13083
+ width: 100%;
12926
13084
  }
12927
- .acud-tag-checkable-checked:hover {
12928
- border-color: transparent;
13085
+ .acud-picker-decade-panel .acud-picker-cell::before {
13086
+ display: none;
12929
13087
  }
12930
- .acud-tag-checkable-checked:focus,
12931
- .acud-tag-checkable-checked:active {
12932
- border-color: transparent;
13088
+ .acud-picker-year-panel,
13089
+ .acud-picker-quarter-panel,
13090
+ .acud-picker-month-panel {
13091
+ width: 192px;
12933
13092
  }
12934
- .acud-tag-checkable-checked[disabled],
12935
- .acud-tag-checkable-checked[disabled]:hover,
12936
- .acud-tag-checkable-checked[disabled]:focus,
12937
- .acud-tag-checkable-checked[disabled]:active {
12938
- border-color: transparent;
13093
+ .acud-picker-year-panel tr,
13094
+ .acud-picker-quarter-panel tr,
13095
+ .acud-picker-month-panel tr {
13096
+ display: block;
13097
+ margin: 12px 0;
12939
13098
  }
12940
- .acud-tag-hidden {
12941
- display: none;
13099
+ .acud-picker-year-panel tr td,
13100
+ .acud-picker-quarter-panel tr td,
13101
+ .acud-picker-month-panel tr td {
13102
+ display: inline-block;
13103
+ margin-right: 12px;
12942
13104
  }
12943
- .acud-tag > .acuicon + span,
12944
- .acud-tag > span + .acuicon {
12945
- margin-left: 8px;
13105
+ .acud-picker-year-panel tr td:last-child,
13106
+ .acud-picker-quarter-panel tr td:last-child,
13107
+ .acud-picker-month-panel tr td:last-child {
13108
+ margin-right: 0;
12946
13109
  }
12947
- .acud-tag-active-solid {
12948
- line-height: 20px;
12949
- color: #FFFFFF;
12950
- background-color: #2468F2;
13110
+ .acud-picker-year-panel .acud-picker-cell-inner,
13111
+ .acud-picker-quarter-panel .acud-picker-cell-inner,
13112
+ .acud-picker-month-panel .acud-picker-cell-inner {
13113
+ width: 48px;
12951
13114
  }
12952
- .acud-tag-active-solid:hover {
12953
- color: #FFFFFF;
13115
+ .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
13116
+ .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
13117
+ .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
13118
+ border-radius: 0px 0 0 0px;
12954
13119
  }
12955
- .acud-tag-processing-solid {
12956
- line-height: 20px;
12957
- color: #FFFFFF;
12958
- background-color: #528EFF;
13120
+ .acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
13121
+ .acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
13122
+ .acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
13123
+ border-radius: 0 0px 0px 0;
13124
+ }
13125
+ .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
13126
+ .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
13127
+ .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
13128
+ border-radius: 0 0px 0px 0;
13129
+ }
13130
+ .acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
13131
+ .acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
13132
+ .acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
13133
+ border-radius: 0px 0 0 0px;
12959
13134
  }
12960
- .acud-tag-processing-solid:hover {
12961
- color: #FFFFFF;
13135
+ .acud-picker-panels .acud-picker-month-panel {
13136
+ width: 186px;
12962
13137
  }
12963
- .acud-tag-success-solid {
12964
- line-height: 20px;
12965
- color: #FFFFFF;
12966
- background-color: #30BF13;
13138
+ .acud-picker-panels .acud-picker-date-panel {
13139
+ width: 234px;
12967
13140
  }
12968
- .acud-tag-success-solid:hover {
12969
- color: #FFFFFF;
13141
+ .acud-picker-panels .acud-picker-decade-panel {
13142
+ width: 285px;
12970
13143
  }
12971
- .acud-tag-error-solid {
12972
- line-height: 20px;
12973
- color: #FFFFFF;
12974
- background-color: #F33E3E;
13144
+ .acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
13145
+ .acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
13146
+ padding-right: 12px !important;
12975
13147
  }
12976
- .acud-tag-error-solid:hover {
12977
- color: #FFFFFF;
13148
+ .acud-picker-week-panel .acud-picker-body {
13149
+ padding: 12px 8px;
12978
13150
  }
12979
- .acud-tag-warning-solid {
12980
- line-height: 20px;
12981
- color: #FFFFFF;
12982
- background-color: #FF9326;
13151
+ .acud-picker-week-panel .acud-picker-cell:hover .acud-picker-cell-inner,
13152
+ .acud-picker-week-panel .acud-picker-cell-selected .acud-picker-cell-inner,
13153
+ .acud-picker-week-panel .acud-picker-cell .acud-picker-cell-inner {
13154
+ background: transparent !important;
12983
13155
  }
12984
- .acud-tag-warning-solid:hover {
12985
- color: #FFFFFF;
13156
+ .acud-picker-week-panel-row td {
13157
+ transition: background 0.3s;
12986
13158
  }
12987
- .acud-tag-inactive-solid {
12988
- line-height: 20px;
12989
- color: #FFFFFF;
12990
- background-color: #D4D6D9;
13159
+ .acud-picker-week-panel-row-selected td.acud-picker-cell-today .acud-picker-cell-inner::before,
13160
+ .acud-picker-week-panel-row-selected:hover td.acud-picker-cell-today .acud-picker-cell-inner::before {
13161
+ border-color: #2468F2;
12991
13162
  }
12992
- .acud-tag-inactive-solid:hover {
12993
- color: #FFFFFF;
13163
+ .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
13164
+ .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
13165
+ .acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
13166
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
13167
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
13168
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
13169
+ border-radius: 2px 0 0 2px;
12994
13170
  }
12995
- .acud-tag-active-outline {
12996
- line-height: 18px;
12997
- color: #2468F2;
12998
- font-size: 12px;
12999
- border-radius: 2px;
13000
- background-color: transparent;
13001
- border: 1px solid #2468F2;
13171
+ .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
13172
+ .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
13173
+ .acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
13174
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
13175
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
13176
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
13177
+ border-radius: 0 2px 2px 0;
13002
13178
  }
13003
- .acud-tag-active-outline:hover {
13004
- color: #2468F2;
13179
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
13180
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
13181
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
13182
+ border-radius: 0 2px 2px 0;
13005
13183
  }
13006
- .acud-tag-processing-outline {
13007
- line-height: 18px;
13008
- color: #528EFF;
13009
- font-size: 12px;
13184
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
13185
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
13186
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
13187
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
13188
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
13189
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
13010
13190
  border-radius: 2px;
13011
- background-color: transparent;
13012
- border: 1px solid #528EFF;
13013
13191
  }
13014
- .acud-tag-processing-outline:hover {
13015
- color: #528EFF;
13192
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
13193
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
13194
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
13195
+ border-radius: 2px 0 0 2px;
13016
13196
  }
13017
- .acud-tag-success-outline {
13018
- line-height: 18px;
13019
- color: #30BF13;
13020
- font-size: 12px;
13197
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
13198
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
13199
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
13200
+ .acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
13201
+ .acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
13202
+ .acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
13021
13203
  border-radius: 2px;
13022
- background-color: transparent;
13023
- border: 1px solid #30BF13;
13024
13204
  }
13025
- .acud-tag-success-outline:hover {
13026
- color: #30BF13;
13205
+ .acud-picker-date-panel .acud-picker-body {
13206
+ padding: 12px;
13027
13207
  }
13028
- .acud-tag-error-outline {
13029
- line-height: 18px;
13030
- color: #F33E3E;
13031
- font-size: 12px;
13032
- border-radius: 2px;
13033
- background-color: transparent;
13034
- border: 1px solid #F33E3E;
13208
+ .acud-picker-datetime-panel {
13209
+ display: flex;
13035
13210
  }
13036
- .acud-tag-error-outline:hover {
13037
- color: #F33E3E;
13211
+ .acud-picker-datetime-panel .acud-picker-time-panel {
13212
+ border-left: 1px solid #E8E9EB;
13038
13213
  }
13039
- .acud-tag-warning-outline {
13040
- line-height: 18px;
13041
- color: #FF9326;
13042
- font-size: 12px;
13043
- border-radius: 2px;
13044
- background-color: transparent;
13045
- border: 1px solid #FF9326;
13214
+ .acud-picker-datetime-panel .acud-picker-date-panel,
13215
+ .acud-picker-datetime-panel .acud-picker-time-panel {
13216
+ transition: opacity 0.3s;
13046
13217
  }
13047
- .acud-tag-warning-outline:hover {
13048
- color: #FF9326;
13218
+ .acud-picker-datetime-panel-active .acud-picker-date-panel,
13219
+ .acud-picker-datetime-panel-active .acud-picker-time-panel {
13220
+ opacity: 0.3;
13049
13221
  }
13050
- .acud-tag-inactive-outline {
13051
- line-height: 18px;
13052
- color: #D4D6D9;
13053
- font-size: 12px;
13054
- border-radius: 2px;
13055
- background-color: transparent;
13056
- border: 1px solid #D4D6D9;
13222
+ .acud-picker-datetime-panel-active .acud-picker-date-panel-active,
13223
+ .acud-picker-datetime-panel-active .acud-picker-time-panel-active {
13224
+ opacity: 1;
13057
13225
  }
13058
- .acud-tag-inactive-outline:hover {
13059
- color: #D4D6D9;
13226
+ .acud-picker-time-panel {
13227
+ width: auto;
13228
+ min-width: auto;
13060
13229
  }
13061
- .acud-tag-red {
13062
- color: #FFF;
13063
- background-color: #F33E3E;
13230
+ .acud-picker-time-panel .acud-picker-content {
13231
+ display: flex;
13232
+ flex: auto;
13233
+ height: 196px;
13064
13234
  }
13065
- .acud-tag-red:hover {
13066
- color: #FFF;
13235
+ .acud-picker-time-panel-column {
13236
+ flex: 1 0 auto;
13237
+ width: 64px;
13238
+ margin: 0;
13239
+ padding: 0;
13240
+ overflow-y: hidden;
13241
+ text-align: left;
13242
+ list-style: none;
13243
+ transition: background 0.3s;
13067
13244
  }
13068
- .acud-tag-orange {
13069
- color: #FFF;
13070
- background-color: #FF9326;
13245
+ .acud-picker-time-panel-column::after {
13246
+ display: block;
13247
+ height: 168px;
13248
+ content: '';
13071
13249
  }
13072
- .acud-tag-orange:hover {
13073
- color: #FFF;
13250
+ .acud-picker-datetime-panel .acud-picker-time-panel-column::after {
13251
+ height: 170px;
13074
13252
  }
13075
- .acud-tag-yellow {
13076
- color: #FFF;
13077
- background-color: #FAD000;
13253
+ .acud-picker-time-panel-column:not(:first-child) {
13254
+ border-left: 1px solid #E8E9EB;
13078
13255
  }
13079
- .acud-tag-yellow:hover {
13080
- color: #FFF;
13256
+ .acud-picker-time-panel-column:hover {
13257
+ overflow-y: auto;
13081
13258
  }
13082
- .acud-tag-grey {
13083
- color: #FFF;
13084
- background-color: #B8BABF;
13259
+ .acud-picker-time-panel-column > li {
13260
+ margin: 0;
13261
+ padding: 0;
13085
13262
  }
13086
- .acud-tag-grey:hover {
13087
- color: #FFF;
13263
+ .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner {
13264
+ display: block;
13265
+ width: 100%;
13266
+ height: 28px;
13267
+ margin: 0;
13268
+ color: #151B26;
13269
+ font-size: 12px;
13270
+ line-height: 28px;
13271
+ text-align: center;
13272
+ border-radius: 0;
13273
+ cursor: pointer;
13274
+ transition: background 0.3s;
13088
13275
  }
13089
- .acud-tag-status {
13090
- line-height: 20px;
13091
- color: #FFFFFF;
13276
+ .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner:hover {
13277
+ background: #F7F7F9;
13092
13278
  }
13093
- .acud-tag-type-marketing {
13094
- position: relative;
13095
- width: 50px;
13096
- background: transparent;
13097
- border-top: 0px solid transparent;
13098
- border-bottom: 15px solid green;
13099
- border-left: 16px solid transparent;
13100
- border-right: 16px solid transparent;
13101
- transform: rotate(-46deg);
13102
- padding: 0;
13103
- overflow: visible;
13279
+ .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-selected .acud-picker-time-panel-cell-inner {
13280
+ background: #E6F0FF;
13104
13281
  }
13105
- .acud-tag-type-subscription {
13282
+ .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner {
13283
+ color: #B8BABF;
13106
13284
  background: transparent;
13285
+ cursor: not-allowed;
13286
+ }
13287
+ /* stylelint-disable-next-line */
13288
+ _:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
13289
+ :root .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
13290
+ _:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell,
13291
+ :root .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell {
13292
+ padding: 21px 0;
13293
+ }
13294
+ .acud-picker-rtl {
13295
+ direction: rtl;
13296
+ }
13297
+ .acud-picker-rtl .acud-picker-suffix {
13298
+ margin-right: 6px;
13299
+ margin-left: 0;
13300
+ }
13301
+ .acud-picker-rtl .acud-picker-clear {
13302
+ right: auto;
13303
+ left: 0;
13304
+ }
13305
+ .acud-picker-rtl .acud-picker-separator {
13306
+ transform: rotate(180deg);
13307
+ }
13308
+ .acud-picker-panel-rtl .acud-picker-header-view button:not(:first-child) {
13309
+ margin-right: 12px;
13310
+ margin-left: 0;
13311
+ }
13312
+ .acud-picker-rtl.acud-picker-range .acud-picker-clear {
13313
+ right: auto;
13107
13314
  }
13108
- .acud-tag-type-subscription span {
13109
- color: #84868C;
13315
+ .acud-picker-rtl.acud-picker-range .acud-picker-active-bar {
13316
+ margin-left: 0;
13110
13317
  }
13111
- .acud-tag-type-subscription span:hover {
13112
- color: #5C5F66;
13318
+ .acud-picker-dropdown-rtl .acud-picker-ranges {
13319
+ text-align: right;
13113
13320
  }
13114
- .acud-tag-type-subscription span:focus,
13115
- .acud-tag-type-subscription span:active {
13116
- color: #FF9326;
13321
+ .acud-picker-dropdown-rtl .acud-picker-ranges .acud-picker-ok {
13322
+ float: left;
13323
+ margin-right: 12px;
13324
+ margin-left: 0;
13117
13325
  }
13118
- .acud-tag-type-subscription span[disabled],
13119
- .acud-tag-type-subscription span[disabled]:hover,
13120
- .acud-tag-type-subscription span[disabled]:focus,
13121
- .acud-tag-type-subscription span[disabled]:active {
13122
- color: transparent;
13326
+ .acud-picker-panel-rtl {
13327
+ direction: rtl;
13123
13328
  }
13124
- .acud-tag-type-edit {
13125
- -webkit-user-select: none;
13126
- -moz-user-select: none;
13127
- -ms-user-select: none;
13128
- user-select: none;
13129
- padding-right: 4px;
13130
- line-height: 24px;
13329
+ .acud-picker-panel-rtl .acud-picker-prev-icon,
13330
+ .acud-picker-panel-rtl .acud-picker-super-prev-icon {
13331
+ transform: rotate(135deg);
13131
13332
  }
13132
- .acud-tag-type-edit[disabled],
13133
- .acud-tag-type-edit[disabled]:hover {
13134
- color: #84868C;
13135
- background-color: #E8E9EB;
13333
+ .acud-picker-panel-rtl .acud-picker-next-icon,
13334
+ .acud-picker-panel-rtl .acud-picker-super-next-icon {
13335
+ transform: rotate(-45deg);
13136
13336
  }
13137
- .acud-tag.acud-tag-rtl {
13138
- margin-right: 0;
13139
- margin-left: 8px;
13337
+ .acud-picker-dropdown-rtl .acud-picker-footer-extra {
13140
13338
  direction: rtl;
13141
13339
  text-align: right;
13142
13340
  }
13143
- .acud-tag-rtl .acud-tag-close-icon {
13144
- margin-right: 3px;
13145
- margin-left: 0;
13146
- }
13147
- .acud-tag-rtl.acud-tag > .acuicon + span,
13148
- .acud-tag-rtl.acud-tag > span + .acuicon {
13149
- margin-right: 7px;
13150
- margin-left: 0;
13341
+ .acud-picker-panel-rtl .acud-picker-time-panel {
13342
+ direction: ltr;
13151
13343
  }
13152
13344
 
13153
13345
  /* color */
@@ -16506,198 +16698,6 @@ li.acud-dropdown-menu-submenu-active:hover,
16506
16698
  display: flex;
16507
16699
  }
16508
16700
 
16509
- /* color */
16510
- /* 默认颜色 */
16511
- /* 通用-icon */
16512
- /* 标签 */
16513
- /* 默认颜色 */
16514
- /* 其他颜色 */
16515
- /* 通用 */
16516
- /* 水平 */
16517
- /* 垂直 */
16518
- /* 序号水平 */
16519
- /* 序号垂直 */
16520
- .acud-tooltip {
16521
- margin: 0;
16522
- padding: 0;
16523
- position: absolute;
16524
- z-index: 1070;
16525
- display: block;
16526
- width: -webkit-max-content;
16527
- width: -moz-max-content;
16528
- width: max-content;
16529
- max-width: 220px;
16530
- visibility: visible;
16531
- }
16532
- .acud-tooltip-hidden {
16533
- display: none;
16534
- }
16535
- .acud-tooltip-placement-top,
16536
- .acud-tooltip-placement-topLeft,
16537
- .acud-tooltip-placement-topRight {
16538
- padding-bottom: 8px;
16539
- }
16540
- .acud-tooltip-placement-right,
16541
- .acud-tooltip-placement-rightTop,
16542
- .acud-tooltip-placement-rightBottom {
16543
- padding-left: 8px;
16544
- }
16545
- .acud-tooltip-placement-bottom,
16546
- .acud-tooltip-placement-bottomLeft,
16547
- .acud-tooltip-placement-bottomRight {
16548
- padding-top: 8px;
16549
- }
16550
- .acud-tooltip-placement-left,
16551
- .acud-tooltip-placement-leftTop,
16552
- .acud-tooltip-placement-leftBottom {
16553
- padding-right: 8px;
16554
- }
16555
- .acud-tooltip-inner {
16556
- min-width: 36px;
16557
- min-height: 36px;
16558
- line-height: 20px;
16559
- padding: 8px;
16560
- color: #151B26;
16561
- text-align: left;
16562
- text-decoration: none;
16563
- word-wrap: break-word;
16564
- font-size: 12px;
16565
- background-color: #FFFFFF;
16566
- border-radius: 4px;
16567
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
16568
- }
16569
- .acud-tooltip-inner .title {
16570
- color: #151B26;
16571
- font-size: 12px;
16572
- font-weight: 500;
16573
- margin: 4px 0 4px;
16574
- }
16575
- .acud-tooltip-inner .description {
16576
- color: #5C5F66;
16577
- font-size: 12px;
16578
- margin-bottom: 4px;
16579
- }
16580
- .acud-tooltip-arrow {
16581
- position: absolute;
16582
- display: block;
16583
- width: 17.3137085px;
16584
- height: 17.3137085px;
16585
- overflow: hidden;
16586
- background: transparent;
16587
- pointer-events: none;
16588
- }
16589
- .acud-tooltip-arrow-content {
16590
- position: absolute;
16591
- top: 0;
16592
- right: 0;
16593
- bottom: 0;
16594
- left: 0;
16595
- display: block;
16596
- width: 8px;
16597
- height: 8px;
16598
- margin: auto;
16599
- background-color: #FFFFFF;
16600
- content: '';
16601
- pointer-events: auto;
16602
- }
16603
- .acud-tooltip-placement-top .acud-tooltip-arrow,
16604
- .acud-tooltip-placement-topLeft .acud-tooltip-arrow,
16605
- .acud-tooltip-placement-topRight .acud-tooltip-arrow {
16606
- bottom: -9.3137085px;
16607
- }
16608
- .acud-tooltip-placement-top .acud-tooltip-arrow-content,
16609
- .acud-tooltip-placement-topLeft .acud-tooltip-arrow-content,
16610
- .acud-tooltip-placement-topRight .acud-tooltip-arrow-content {
16611
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
16612
- transform: translateY(-8.65685425px) rotate(45deg);
16613
- }
16614
- .acud-tooltip-placement-top .acud-tooltip-arrow {
16615
- left: 50%;
16616
- transform: translateX(-50%);
16617
- }
16618
- .acud-tooltip-placement-topLeft .acud-tooltip-arrow {
16619
- left: 13px;
16620
- }
16621
- .acud-tooltip-placement-topRight .acud-tooltip-arrow {
16622
- right: 13px;
16623
- }
16624
- .acud-tooltip-placement-right .acud-tooltip-arrow,
16625
- .acud-tooltip-placement-rightTop .acud-tooltip-arrow,
16626
- .acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
16627
- left: -9.3137085px;
16628
- }
16629
- .acud-tooltip-placement-right .acud-tooltip-arrow-content,
16630
- .acud-tooltip-placement-rightTop .acud-tooltip-arrow-content,
16631
- .acud-tooltip-placement-rightBottom .acud-tooltip-arrow-content {
16632
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
16633
- transform: translateX(8.65685425px) rotate(45deg);
16634
- }
16635
- .acud-tooltip-placement-right .acud-tooltip-arrow {
16636
- top: 50%;
16637
- transform: translateY(-50%);
16638
- }
16639
- .acud-tooltip-placement-rightTop .acud-tooltip-arrow {
16640
- top: 5px;
16641
- }
16642
- .acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
16643
- bottom: 5px;
16644
- }
16645
- .acud-tooltip-placement-left .acud-tooltip-arrow,
16646
- .acud-tooltip-placement-leftTop .acud-tooltip-arrow,
16647
- .acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
16648
- right: -9.3137085px;
16649
- }
16650
- .acud-tooltip-placement-left .acud-tooltip-arrow-content,
16651
- .acud-tooltip-placement-leftTop .acud-tooltip-arrow-content,
16652
- .acud-tooltip-placement-leftBottom .acud-tooltip-arrow-content {
16653
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
16654
- transform: translateX(-8.65685425px) rotate(45deg);
16655
- }
16656
- .acud-tooltip-placement-left .acud-tooltip-arrow {
16657
- top: 50%;
16658
- transform: translateY(-50%);
16659
- }
16660
- .acud-tooltip-placement-leftTop .acud-tooltip-arrow {
16661
- top: 5px;
16662
- }
16663
- .acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
16664
- bottom: 5px;
16665
- }
16666
- .acud-tooltip-placement-bottom .acud-tooltip-arrow,
16667
- .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow,
16668
- .acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
16669
- top: -9.3137085px;
16670
- }
16671
- .acud-tooltip-placement-bottom .acud-tooltip-arrow-content,
16672
- .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow-content,
16673
- .acud-tooltip-placement-bottomRight .acud-tooltip-arrow-content {
16674
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
16675
- transform: translateY(8.65685425px) rotate(45deg);
16676
- }
16677
- .acud-tooltip-placement-bottom .acud-tooltip-arrow {
16678
- left: 50%;
16679
- transform: translateX(-50%);
16680
- }
16681
- .acud-tooltip-placement-bottomLeft .acud-tooltip-arrow {
16682
- left: 13px;
16683
- }
16684
- .acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
16685
- right: 13px;
16686
- }
16687
- .acud-tooltip-black .acud-tooltip-inner {
16688
- color: #FFFFFF;
16689
- background-color: #151B26;
16690
- }
16691
- .acud-tooltip-black .acud-tooltip-arrow-content {
16692
- background-color: #151B26;
16693
- }
16694
- .acud-tooltip-rtl {
16695
- direction: rtl;
16696
- }
16697
- .acud-tooltip-rtl .acud-tooltip-inner {
16698
- text-align: right;
16699
- }
16700
-
16701
16701
  /* color */
16702
16702
  /* 默认颜色 */
16703
16703
  /* 通用-icon */
@@ -19357,6 +19357,9 @@ span.acud-radio-button {
19357
19357
  .acud-select-item-group-checkbox {
19358
19358
  margin-right: 8px;
19359
19359
  }
19360
+ .acud-select-item-group.acud-select-item-group-keep-expand {
19361
+ color: #B8BABF;
19362
+ }
19360
19363
  .acud-select-item-option {
19361
19364
  display: flex;
19362
19365
  }
@@ -19387,6 +19390,9 @@ span.acud-radio-button {
19387
19390
  .acud-select-item-option-grouped {
19388
19391
  padding-left: 48px;
19389
19392
  }
19393
+ .acud-select-item-option-grouped.acud-select-item-option-grouped-keep-expand {
19394
+ padding-left: 24px;
19395
+ }
19390
19396
  .acud-select-lg {
19391
19397
  font-size: 14px;
19392
19398
  }
@@ -24571,7 +24577,7 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
24571
24577
  border-color: #144BCC;
24572
24578
  }
24573
24579
  .acud-upload.acud-upload-drag.acud-upload-disabled {
24574
- background: #fafafa;
24580
+ background: #F7F7F9;
24575
24581
  cursor: not-allowed;
24576
24582
  }
24577
24583
  .acud-upload.acud-upload-drag .acud-upload-btn {
@@ -24987,9 +24993,11 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
24987
24993
  .acud-upload-list-picture-card .acud-upload-list-item-progress {
24988
24994
  position: absolute;
24989
24995
  top: 44px;
24996
+ left: 50%;
24990
24997
  padding-left: 8px;
24991
24998
  padding-right: 8px;
24992
- width: 100%;
24999
+ width: 96px;
25000
+ transform: translateX(-50%);
24993
25001
  }
24994
25002
  .acud-upload-list-text-container,
24995
25003
  .acud-upload-list-picture-container {