acud 0.0.70 → 0.0.73

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