acud 0.0.71 → 0.0.74

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