acud 1.0.0-beta.1 → 1.0.0-beta.4

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 (39) hide show
  1. package/dist/acud.css +1310 -1310
  2. package/dist/acud.css.map +1 -1
  3. package/dist/acud.js +11 -20
  4. package/dist/acud.js.map +1 -1
  5. package/dist/acud.min.css +1 -1
  6. package/dist/acud.min.css.map +1 -1
  7. package/dist/acud.min.js +15 -13
  8. package/dist/acud.min.js.map +1 -1
  9. package/es/cascader/index.d.ts +0 -1
  10. package/es/cascader/index.js +0 -1
  11. package/es/clear/index.d.ts +0 -1
  12. package/es/clear/index.js +0 -1
  13. package/es/pagination/pagination.d.ts +0 -1
  14. package/es/pagination/pagination.js +0 -1
  15. package/es/pagination/style/css.js +3 -1
  16. package/es/pagination/style/index.d.ts +1 -0
  17. package/es/pagination/style/index.js +3 -1
  18. package/es/select/index.d.ts +0 -1
  19. package/es/select/index.js +0 -1
  20. package/es/timeline/timeline.d.ts +0 -1
  21. package/es/timeline/timeline.js +0 -1
  22. package/es/timeline/timelineItem.d.ts +0 -1
  23. package/es/timeline/timelineItem.js +0 -1
  24. package/lib/cascader/index.d.ts +0 -1
  25. package/lib/cascader/index.js +0 -2
  26. package/lib/clear/index.d.ts +0 -1
  27. package/lib/clear/index.js +0 -2
  28. package/lib/pagination/pagination.d.ts +0 -1
  29. package/lib/pagination/pagination.js +0 -2
  30. package/lib/pagination/style/css.js +3 -1
  31. package/lib/pagination/style/index.d.ts +1 -0
  32. package/lib/pagination/style/index.js +3 -1
  33. package/lib/select/index.d.ts +0 -1
  34. package/lib/select/index.js +0 -2
  35. package/lib/timeline/timeline.d.ts +0 -1
  36. package/lib/timeline/timeline.js +0 -2
  37. package/lib/timeline/timelineItem.d.ts +0 -1
  38. package/lib/timeline/timelineItem.js +0 -2
  39. package/package.json +1 -1
package/dist/acud.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! acud v1.0.0-beta.1 */
1
+ /*! acud v1.0.0-beta.4 */
2
2
  /* color */
3
3
  /* 默认颜色 */
4
4
  /* 通用-icon */
@@ -17703,835 +17703,729 @@ li.acud-dropdown-menu-submenu-active:hover,
17703
17703
  /* 垂直 */
17704
17704
  /* 序号水平 */
17705
17705
  /* 序号垂直 */
17706
- .acud-popconfirm {
17707
- z-index: 1060;
17708
- }
17709
- .acud-popconfirm .acud-popover-message > .acuicon {
17710
- top: 5.0002px;
17706
+ .acud-select-single .acud-select-selector {
17707
+ display: flex;
17711
17708
  }
17712
-
17713
- /* color */
17714
- /* 默认颜色 */
17715
- /* 通用-icon */
17716
- /* 标签 */
17717
- /* 默认颜色 */
17718
- /* 其他颜色 */
17719
- /* 通用 */
17720
- /* 水平 */
17721
- /* 垂直 */
17722
- /* 序号水平 */
17723
- /* 序号垂直 */
17724
- .acud-popover {
17725
- margin: 0;
17726
- padding: 0;
17709
+ .acud-select-single .acud-select-selector .acud-select-selection-search {
17727
17710
  position: absolute;
17728
17711
  top: 0;
17729
- left: 0;
17730
- z-index: 1030;
17731
- font-weight: normal;
17732
- white-space: normal;
17733
- text-align: left;
17734
- cursor: auto;
17735
- -webkit-user-select: text;
17736
- -moz-user-select: text;
17737
- -ms-user-select: text;
17738
- user-select: text;
17739
- }
17740
- .acud-popover::after {
17741
- position: absolute;
17742
- background: rgba(255, 255, 255, 0.01);
17743
- content: '';
17744
- }
17745
- .acud-popover-hidden {
17746
- display: none;
17747
- }
17748
- .acud-popover-placement-top,
17749
- .acud-popover-placement-topLeft,
17750
- .acud-popover-placement-topRight {
17751
- padding-bottom: 10px;
17752
- }
17753
- .acud-popover-placement-right,
17754
- .acud-popover-placement-rightTop,
17755
- .acud-popover-placement-rightBottom {
17756
- padding-left: 10px;
17757
- }
17758
- .acud-popover-placement-bottom,
17759
- .acud-popover-placement-bottomLeft,
17760
- .acud-popover-placement-bottomRight {
17761
- padding-top: 10px;
17712
+ right: 12px;
17713
+ bottom: 0;
17714
+ left: 12px;
17762
17715
  }
17763
- .acud-popover-placement-left,
17764
- .acud-popover-placement-leftTop,
17765
- .acud-popover-placement-leftBottom {
17766
- padding-right: 10px;
17716
+ .acud-select-single .acud-select-selector .acud-select-selection-search-input {
17717
+ width: 100%;
17767
17718
  }
17768
- .acud-popover-inner {
17769
- padding: 12px 12px;
17770
- background-color: #FFFFFF;
17771
- background-clip: padding-box;
17772
- border-radius: 2px;
17773
- box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
17774
- box-shadow: 0 0 8px #FFFFFF \9;
17775
- border-radius: 4px;
17719
+ .acud-select-single .acud-select-selector .acud-select-selection-item,
17720
+ .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
17721
+ padding: 0;
17722
+ line-height: 30px;
17723
+ transition: all 0.3s;
17776
17724
  }
17777
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
17778
- .acud-popover {
17779
- /* IE10+ */
17780
- }
17781
- .acud-popover-inner {
17782
- box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
17725
+ @supports (-moz-appearance: meterbar) {
17726
+ .acud-select-single .acud-select-selector .acud-select-selection-item,
17727
+ .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
17728
+ line-height: 30px;
17783
17729
  }
17784
17730
  }
17785
- .acud-popover-title {
17786
- margin: 0;
17787
- padding-bottom: 1px;
17731
+ .acud-select-single .acud-select-selector .acud-select-selection-item {
17732
+ position: relative;
17733
+ -webkit-user-select: none;
17734
+ -moz-user-select: none;
17735
+ -ms-user-select: none;
17736
+ user-select: none;
17788
17737
  color: #151B26;
17789
- font-size: 12px;
17790
- font-weight: 500;
17791
17738
  }
17792
- .acud-popover-inner-content {
17739
+ .acud-select-single .acud-select-selector .acud-select-selection-item:hover {
17793
17740
  color: #151B26;
17794
- font-size: 12px;
17795
17741
  }
17796
- .acud-popover-inner-content .acuicon-outlined-close {
17797
- padding-left: 12px;
17798
- font-size: 16px;
17799
- color: #84868C;
17742
+ .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
17743
+ pointer-events: none;
17800
17744
  }
17801
- .acud-popover-message {
17802
- position: relative;
17803
- padding: 4px 0 12px;
17804
- color: #151B26;
17805
- font-size: 12px;
17745
+ .acud-select-single .acud-select-selector::after,
17746
+ .acud-select-single .acud-select-selector .acud-select-selection-item::after,
17747
+ .acud-select-single .acud-select-selector .acud-select-selection-placeholder::after {
17748
+ display: inline-block;
17749
+ width: 0;
17750
+ visibility: hidden;
17751
+ content: '\a0';
17806
17752
  }
17807
- .acud-popover-message > .acuicon {
17808
- position: absolute;
17809
- top: 8.0002px;
17810
- color: #FF9326;
17811
- font-size: 12px;
17753
+ .acud-select-single.acud-select-show-arrow .acud-select-selection-search {
17754
+ right: 24px;
17812
17755
  }
17813
- .acud-popover-message-title {
17814
- padding-left: 20px;
17756
+ .acud-select-single.acud-select-show-arrow .acud-select-selection-item,
17757
+ .acud-select-single.acud-select-show-arrow .acud-select-selection-placeholder {
17758
+ padding-right: 0;
17815
17759
  }
17816
- .acud-popover-buttons {
17817
- margin-bottom: 4px;
17818
- text-align: right;
17760
+ .acud-select-single:not(.acud-select-customize-input) .acud-select-selector {
17761
+ width: 100%;
17762
+ height: 32px;
17763
+ padding: 0 40px 0 12px;
17819
17764
  }
17820
- .acud-popover-buttons button {
17821
- margin-left: 8px;
17765
+ .acud-select-single:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
17766
+ height: 30px;
17822
17767
  }
17823
- .acud-popover-arrow {
17824
- position: absolute;
17825
- display: block;
17826
- width: 8.48528137px;
17827
- height: 8.48528137px;
17828
- background: transparent;
17829
- border-style: solid;
17830
- border-width: 4.24264069px;
17831
- transform: rotate(45deg);
17768
+ .acud-select-single:not(.acud-select-customize-input) .acud-select-selector::after {
17769
+ line-height: 30px;
17832
17770
  }
17833
- .acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow,
17834
- .acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow,
17835
- .acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
17836
- bottom: 6.2px;
17837
- border-top-color: transparent;
17838
- border-right-color: #FFFFFF;
17839
- border-bottom-color: #FFFFFF;
17840
- border-left-color: transparent;
17841
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
17771
+ .acud-select-single.acud-select-customize-input .acud-select-selector::after {
17772
+ display: none;
17842
17773
  }
17843
- .acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow {
17844
- left: 50%;
17845
- transform: translateX(-50%) rotate(45deg);
17774
+ .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-search {
17775
+ position: static;
17776
+ width: 100%;
17846
17777
  }
17847
- .acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow {
17848
- left: 16px;
17778
+ .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder {
17779
+ position: absolute;
17780
+ right: 0;
17781
+ left: 0;
17782
+ padding: 0 12px;
17849
17783
  }
17850
- .acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
17851
- right: 16px;
17784
+ .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder::after {
17785
+ display: none;
17852
17786
  }
17853
- .acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow,
17854
- .acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow,
17855
- .acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
17856
- left: 6px;
17857
- border-top-color: transparent;
17858
- border-right-color: transparent;
17859
- border-bottom-color: #FFFFFF;
17860
- border-left-color: #FFFFFF;
17861
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
17787
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
17788
+ height: 14px;
17862
17789
  }
17863
- .acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow {
17864
- top: 50%;
17865
- transform: translateY(-50%) rotate(45deg);
17790
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector::after,
17791
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
17792
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
17793
+ line-height: 12px;
17866
17794
  }
17867
- .acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow {
17868
- top: 12px;
17795
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
17796
+ height: 12px;
17869
17797
  }
17870
- .acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
17871
- bottom: 12px;
17798
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
17799
+ height: 24px;
17872
17800
  }
17873
- .acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow,
17874
- .acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow,
17875
- .acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
17876
- top: 6px;
17877
- border-top-color: #FFFFFF;
17878
- border-right-color: transparent;
17879
- border-bottom-color: transparent;
17880
- border-left-color: #FFFFFF;
17881
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
17801
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector::after,
17802
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
17803
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
17804
+ line-height: 22px;
17882
17805
  }
17883
- .acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow {
17884
- left: 50%;
17885
- transform: translateX(-50%) rotate(45deg);
17806
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
17807
+ height: 22px;
17886
17808
  }
17887
- .acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow {
17888
- left: 16px;
17809
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selection-search {
17810
+ right: 12px;
17811
+ left: 12px;
17889
17812
  }
17890
- .acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
17891
- right: 16px;
17813
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
17814
+ padding: 0 12px;
17892
17815
  }
17893
- .acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow,
17894
- .acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow,
17895
- .acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
17896
- right: 6px;
17897
- border-top-color: #FFFFFF;
17898
- border-right-color: #FFFFFF;
17899
- border-bottom-color: transparent;
17900
- border-left-color: transparent;
17901
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
17816
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-search {
17817
+ right: 30px;
17902
17818
  }
17903
- .acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow {
17904
- top: 50%;
17905
- transform: translateY(-50%) rotate(45deg);
17819
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-item,
17820
+ .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-placeholder {
17821
+ padding-right: 18px;
17906
17822
  }
17907
- .acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow {
17908
- top: 12px;
17823
+ .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
17824
+ padding: 0 12px;
17909
17825
  }
17910
- .acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
17911
- bottom: 12px;
17912
- }
17913
- .acud-popover-rtl {
17914
- direction: rtl;
17915
- text-align: right;
17916
- }
17917
- .acud-popover-rtl .acud-popover-message-title {
17918
- padding-right: 20px;
17919
- padding-left: 12px;
17920
- }
17921
- .acud-popover-rtl .acud-popover-buttons {
17922
- text-align: left;
17923
- }
17924
- .acud-popover-rtl .acud-popover-buttons button {
17925
- margin-right: 8px;
17926
- margin-left: 0;
17826
+ .acud-select-single.acud-select-disabled .acud-select-selector .acud-select-selection-item {
17827
+ color: #B8BABF;
17927
17828
  }
17928
-
17929
- /* color */
17930
- /* 默认颜色 */
17931
- /* 通用-icon */
17932
- /* 标签 */
17933
- /* 默认颜色 */
17934
- /* 其他颜色 */
17935
- /* 通用 */
17936
- /* 水平 */
17937
- /* 垂直 */
17938
- /* 序号水平 */
17939
- /* 序号垂直 */
17940
- .acud-progress {
17829
+ /**
17830
+ * Do not merge `height` & `line-height` under style with `selection` & `search`,
17831
+ * since chrome may update to redesign with its align logic.
17832
+ */
17833
+ .acud-select-selection-overflow {
17941
17834
  position: relative;
17942
- width: 100%;
17943
- line-height: 1;
17835
+ display: flex;
17836
+ flex: auto;
17837
+ flex-wrap: wrap;
17838
+ max-width: 100%;
17944
17839
  }
17945
- .acud-progress .acud-progress-label {
17946
- color: #151B26;
17947
- font-size: 10px;
17948
- font-weight: 400;
17840
+ .acud-select-selection-overflow-item {
17841
+ flex: none;
17842
+ align-self: center;
17843
+ max-width: 100%;
17844
+ margin-top: 3px;
17949
17845
  }
17950
- .acud-progress-error .acud-progress-label-icon,
17951
- .acud-progress-success .acud-progress-label-icon {
17952
- font-size: 0;
17846
+ .acud-select-multiple .acud-select-selector {
17847
+ display: flex;
17848
+ flex-wrap: wrap;
17849
+ align-items: center;
17850
+ padding: 0 12px 3px 3px;
17953
17851
  }
17954
- .acud-progress-label-hidden .acud-progress-label.acud-progress-label-outer,
17955
- .acud-progress-label-hidden .acud-progress-label.acud-progress-label-inner {
17956
- display: none;
17852
+ .acud-select-show-search.acud-select-multiple .acud-select-selector {
17853
+ cursor: text;
17957
17854
  }
17958
- .acud-progress-line {
17959
- white-space: nowrap;
17960
- font-size: 0;
17855
+ .acud-select-disabled.acud-select-multiple .acud-select-selector {
17856
+ background: #F7F7F9;
17857
+ cursor: not-allowed;
17961
17858
  }
17962
- .acud-progress-line .acud-progress-wrapper {
17859
+ .acud-select-multiple .acud-select-selector::after {
17963
17860
  display: inline-block;
17964
- vertical-align: middle;
17965
- width: 100%;
17966
- height: 100%;
17967
- margin-right: -50px;
17968
- padding-right: 50px;
17861
+ width: 0;
17862
+ margin: 0 0;
17863
+ line-height: 24px;
17864
+ content: '\a0';
17969
17865
  }
17970
- .acud-progress-line .acud-progress-trail {
17971
- width: 100%;
17972
- height: 100%;
17973
- border-radius: 100px;
17974
- overflow: hidden;
17975
- background-color: #E8E9EB;
17866
+ .acud-select-multiple.acud-select-show-arrow .acud-select-selector,
17867
+ .acud-select-multiple.acud-select-allow-clear .acud-select-selector {
17868
+ padding-right: 28px;
17976
17869
  }
17977
- .acud-progress-line .acud-progress-bar {
17978
- display: inline-block;
17979
- vertical-align: middle;
17870
+ .acud-select-multiple .acud-select-selection-item {
17980
17871
  position: relative;
17981
- height: 100%;
17982
- transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
17983
- }
17984
- .acud-progress-line .acud-progress-label {
17985
- display: inline-block;
17986
- vertical-align: middle;
17872
+ display: flex;
17873
+ flex: none;
17874
+ box-sizing: border-box;
17875
+ max-width: 100%;
17876
+ height: 24px;
17877
+ margin-top: 0;
17878
+ margin-bottom: 0;
17879
+ line-height: 22px;
17880
+ background-color: #F7F7F9;
17881
+ border: 1px solid transparent;
17882
+ color: #151B26;
17883
+ border-radius: 2px;
17884
+ cursor: default;
17885
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
17886
+ -webkit-user-select: none;
17887
+ -moz-user-select: none;
17888
+ -ms-user-select: none;
17889
+ user-select: none;
17890
+ -webkit-margin-end: 5px;
17891
+ margin-inline-end: 5px;
17892
+ -webkit-padding-start: 12px;
17893
+ padding-inline-start: 12px;
17894
+ -webkit-padding-end: 6px;
17895
+ padding-inline-end: 6px;
17987
17896
  }
17988
- .acud-progress-line .acud-progress-label-outer {
17989
- margin-left: 8px;
17897
+ .acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled {
17898
+ color: #B8BABF;
17899
+ border-color: transparent;
17900
+ background-color: #F7F7F9;
17990
17901
  }
17991
- .acud-progress-line .acud-progress-label-inner {
17992
- position: absolute;
17993
- top: 50%;
17994
- transform: translate(0, -50%);
17902
+ .acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled:hover {
17903
+ color: #B8BABF;
17904
+ border-color: transparent;
17905
+ background-color: #F7F7F9;
17995
17906
  }
17996
- .acud-progress-line .acud-progress-label-inner-right {
17997
- position: absolute;
17998
- right: -8px;
17999
- transform: translate(100%, -50%);
17907
+ .acud-select-multiple .acud-select-selection-item:hover {
17908
+ color: #151B26;
17909
+ border-color: transparent;
17910
+ background-color: #F2F2F4;
18000
17911
  }
18001
- .acud-progress-line .acud-progress-label-inner-left {
18002
- position: absolute;
18003
- right: 8px;
18004
- transform: translate(0, -50%);
17912
+ .acud-select-disabled.acud-select-multiple .acud-select-selection-item,
17913
+ .acud-select-disabled.acud-select-multiple .acud-select-selection-item:hover {
17914
+ border-color: transparent;
17915
+ color: #84868C;
17916
+ background-color: #E8E9EB;
17917
+ cursor: not-allowed;
18005
17918
  }
18006
- .acud-progress-label-hidden .acud-progress-wrapper {
18007
- padding-right: 0;
18008
- margin-right: 0;
17919
+ .acud-select-multiple .acud-select-selection-item-content {
17920
+ display: inline-block;
17921
+ margin-right: 6px;
17922
+ overflow: hidden;
17923
+ white-space: pre;
17924
+ text-overflow: ellipsis;
18009
17925
  }
18010
- .acud-progress-linecap-round .acud-progress-bar {
18011
- border-radius: 100px;
17926
+ .acud-select-multiple .acud-select-selection-item-remove {
17927
+ display: inline-block;
17928
+ color: #B8BABF;
17929
+ font-weight: bold;
17930
+ font-size: 10px;
17931
+ line-height: inherit;
17932
+ cursor: pointer;
17933
+ color: #84868C;
18012
17934
  }
18013
- .acud-progress-line.acud-progress-small .acud-progress-wrapper {
18014
- height: 4px;
17935
+ .acud-select-multiple .acud-select-selection-item-remove > .acuicon {
17936
+ vertical-align: -0.2em;
18015
17937
  }
18016
- .acud-progress-line.acud-progress-middle .acud-progress-wrapper {
18017
- height: 8px;
17938
+ .acud-select-multiple .acud-select-selection-item-remove:hover {
17939
+ color: #5C5F66;
18018
17940
  }
18019
- .acud-progress-line.acud-progress-large .acud-progress-wrapper {
18020
- height: 12px;
17941
+ .acud-select-multiple .acud-select-selection-item-remove:focus,
17942
+ .acud-select-multiple .acud-select-selection-item-remove:active {
17943
+ color: #303540;
18021
17944
  }
18022
- .acud-progress-line.acud-progress-active .acud-progress-bar {
18023
- background-color: #2468F2;
17945
+ .acud-select-multiple .acud-select-selection-item-remove[disabled],
17946
+ .acud-select-multiple .acud-select-selection-item-remove[disabled]:hover,
17947
+ .acud-select-multiple .acud-select-selection-item-remove[disabled]:focus,
17948
+ .acud-select-multiple .acud-select-selection-item-remove[disabled]:active {
17949
+ color: #B8BABF;
18024
17950
  }
18025
- .acud-progress-line.acud-progress-success .acud-progress-bar {
18026
- background-color: #30BF13;
17951
+ .acud-select-multiple .acud-select-selection-item-remove[disabled] {
17952
+ cursor: not-allowed;
18027
17953
  }
18028
- .acud-progress-line.acud-progress-error .acud-progress-bar {
18029
- background-color: #F33E3E;
17954
+ .acud-select-multiple .acud-select-selection-overflow-item + .acud-select-selection-overflow-item .acud-select-selection-search {
17955
+ -webkit-margin-start: 0;
17956
+ margin-inline-start: 0;
18030
17957
  }
18031
- .acud-progress-circle {
17958
+ .acud-select-multiple .acud-select-selection-search {
18032
17959
  position: relative;
18033
- width: 80px;
18034
- height: 80px;
17960
+ max-width: 100%;
17961
+ margin-top: 0;
17962
+ margin-bottom: 0;
17963
+ -webkit-margin-start: 7px;
17964
+ margin-inline-start: 7px;
18035
17965
  }
18036
- .acud-progress-circle .acud-progress-trail {
18037
- position: absolute;
17966
+ .acud-select-multiple .acud-select-selection-search-input,
17967
+ .acud-select-multiple .acud-select-selection-search-mirror {
17968
+ height: 24px;
17969
+ 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;
17970
+ line-height: 24px;
17971
+ transition: all 0.3s;
17972
+ }
17973
+ .acud-select-multiple .acud-select-selection-search-input {
18038
17974
  width: 100%;
18039
- height: 100%;
18040
- color: #E8E9EB;
17975
+ min-width: 4.1px;
18041
17976
  }
18042
- .acud-progress-circle .acud-progress-text-wrapper {
17977
+ .acud-select-multiple .acud-select-selection-search-mirror {
18043
17978
  position: absolute;
18044
- top: 50%;
17979
+ top: 0;
18045
17980
  left: 0;
18046
- width: 100%;
18047
- text-align: center;
18048
- transform: translate(0, -50%);
18049
- }
18050
- .acud-progress-circle.acud-progress-small {
18051
- width: 40px;
18052
- height: 40px;
17981
+ z-index: 999;
17982
+ white-space: pre;
17983
+ visibility: hidden;
18053
17984
  }
18054
- .acud-progress-circle.acud-progress-middle {
18055
- width: 80px;
18056
- height: 80px;
17985
+ .acud-select-multiple .acud-select-selection-placeholder {
17986
+ position: absolute;
17987
+ top: 50%;
17988
+ right: 5px;
17989
+ left: 12px;
17990
+ transform: translateY(-50%);
17991
+ transition: all 0.3s;
18057
17992
  }
18058
- .acud-progress-circle.acud-progress-large {
18059
- width: 120px;
18060
- height: 120px;
17993
+ .acud-select-multiple.acud-select-lg .acud-select-selector::after {
17994
+ line-height: 22px;
18061
17995
  }
18062
- .acud-progress-circle.acud-progress-active .acud-progress-bar {
18063
- position: absolute;
18064
- width: 100%;
18065
- height: 100%;
18066
- color: #2468F2;
17996
+ .acud-select-multiple.acud-select-lg .acud-select-selection-item {
17997
+ height: 22px;
17998
+ line-height: 20px;
18067
17999
  }
18068
- .acud-progress-circle.acud-progress-success .acud-progress-bar {
18069
- position: absolute;
18070
- width: 100%;
18071
- height: 100%;
18072
- color: #30BF13;
18000
+ .acud-select-multiple.acud-select-lg .acud-select-selection-search {
18001
+ height: 22px;
18002
+ line-height: 22px;
18073
18003
  }
18074
- .acud-progress-circle.acud-progress-error .acud-progress-bar {
18075
- position: absolute;
18076
- width: 100%;
18077
- height: 100%;
18078
- color: #F33E3E;
18004
+ .acud-select-multiple.acud-select-lg .acud-select-selection-search-input,
18005
+ .acud-select-multiple.acud-select-lg .acud-select-selection-search-mirror {
18006
+ height: 22px;
18007
+ line-height: 20px;
18079
18008
  }
18080
-
18081
- /* stylelint-disable selector-pseudo-element-colon-notation */
18082
- /* stylelint-disable rule-empty-line-before */
18083
- /* color */
18084
- /* 默认颜色 */
18085
- /* 通用-icon */
18086
- /* 标签 */
18087
- /* 默认颜色 */
18088
- /* 其他颜色 */
18089
- /* 通用 */
18090
- /* 水平 */
18091
- /* 垂直 */
18092
- /* 序号水平 */
18093
- /* 序号垂直 */
18094
- .acud-radio {
18095
- cursor: pointer;
18096
- color: #151B26;
18097
- font-size: 12px;
18098
- font-weight: 400;
18099
- margin-right: 24px;
18009
+ .acud-select-multiple.acud-select-sm .acud-select-selector::after {
18010
+ line-height: 22px;
18100
18011
  }
18101
- .acud-radio .acud-radio-outline {
18102
- margin-right: 8px;
18103
- border: 1px solid #E8E9EB;
18104
- background-color: #FFFFFF;
18105
- width: 16px;
18106
- height: 16px;
18107
- display: inline-block;
18108
- border-radius: 50%;
18109
- position: relative;
18110
- vertical-align: middle;
18111
- top: -1px;
18012
+ .acud-select-multiple.acud-select-sm .acud-select-selection-item {
18013
+ height: 22px;
18014
+ line-height: 20px;
18112
18015
  }
18113
- .acud-radio .acud-radio-inner {
18114
- width: 8px;
18115
- height: 8px;
18116
- display: inline-block;
18117
- border-radius: 50%;
18118
- position: absolute;
18119
- top: 50%;
18120
- left: 50%;
18121
- transform: translate3d(-50%, -50%, 0);
18016
+ .acud-select-multiple.acud-select-sm .acud-select-selection-search {
18017
+ height: 22px;
18018
+ line-height: 22px;
18122
18019
  }
18123
- .acud-radio:hover .acud-radio-outline {
18124
- border-color: #2468F2;
18020
+ .acud-select-multiple.acud-select-sm .acud-select-selection-search-input,
18021
+ .acud-select-multiple.acud-select-sm .acud-select-selection-search-mirror {
18022
+ height: 22px;
18023
+ line-height: 20px;
18125
18024
  }
18126
- .acud-radio-checked .acud-radio-outline {
18127
- border-color: #2468F2;
18025
+ .acud-select-multiple.acud-select-sm .acud-select-selection-placeholder {
18026
+ left: 12px;
18128
18027
  }
18129
- .acud-radio-checked .acud-radio-inner {
18130
- background-color: #2468F2;
18028
+ .acud-select-multiple.acud-select-sm .acud-select-selection-search:first-child .acud-select-selection-search-input {
18029
+ margin-left: 3px;
18131
18030
  }
18132
- .acud-radio-disabled,
18133
- .acud-radio-disabled:hover {
18134
- cursor: not-allowed;
18031
+ .acud-select-multiple.acud-select-lg .acud-select-selection-item {
18032
+ height: 32px;
18033
+ line-height: 32px;
18135
18034
  }
18136
- .acud-radio-disabled .acud-radio-outline,
18137
- .acud-radio-disabled:hover .acud-radio-outline {
18138
- border-color: #E8E9EB;
18139
- background-color: #F7F7F9;
18035
+ .acud-select-dropdown-multiple .acud-select-item {
18036
+ padding: 5px 12px;
18140
18037
  }
18141
- .acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-outline {
18142
- border-color: #E8E9EB;
18143
- background-color: #F7F7F9;
18038
+ .acud-select-dropdown-multiple .acud-select-item-checkall {
18039
+ padding: 5px 12px;
18040
+ height: 32px;
18041
+ display: flex;
18042
+ line-height: 22px;
18043
+ cursor: pointer;
18144
18044
  }
18145
- .acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-inner {
18146
- background-color: #D4D6D9;
18045
+ .acud-select-dropdown-multiple .acud-select-item-option-content {
18046
+ margin-left: 8px;
18147
18047
  }
18148
- .acud-radio-button {
18149
- cursor: pointer;
18048
+ .acud-select-dropdown-multiple .acud-select-item-option-grouped {
18049
+ padding-left: 48px;
18050
+ }
18051
+ /* Reset search input style */
18052
+ .acud-select {
18053
+ margin: 0;
18054
+ padding: 0;
18055
+ position: relative;
18150
18056
  display: inline-block;
18151
- box-sizing: border-box;
18152
- text-align: center;
18153
- font-size: 12px;
18154
- line-height: 32px;
18155
- height: 32px;
18156
- min-width: 80px;
18157
- padding: 0 12px;
18158
- border: 1px solid;
18057
+ cursor: pointer;
18058
+ }
18059
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector {
18159
18060
  position: relative;
18160
- color: #151B26;
18061
+ font-size: 12px;
18062
+ color: #B8BABF;
18161
18063
  background-color: #FFFFFF;
18162
18064
  border-color: #E8E9EB;
18065
+ border-radius: 4px;
18066
+ border-width: 1px;
18067
+ border-style: solid;
18068
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
18069
+ max-height: 59px;
18070
+ overflow-y: auto;
18163
18071
  }
18164
- .acud-radio-button:hover {
18165
- color: #2468F2;
18072
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
18073
+ color: #B8BABF;
18166
18074
  }
18167
- .acud-radio-button:focus,
18168
- .acud-radio-button:active {
18169
- color: #144BCC;
18075
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
18076
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
18077
+ color: #B8BABF;
18170
18078
  }
18171
- .acud-radio-button[disabled],
18172
- .acud-radio-button[disabled]:hover,
18173
- .acud-radio-button[disabled]:focus,
18174
- .acud-radio-button[disabled]:active {
18079
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
18080
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
18081
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
18082
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
18175
18083
  color: #B8BABF;
18176
18084
  }
18177
- .acud-radio-button:hover {
18085
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
18178
18086
  background-color: #FFFFFF;
18179
18087
  }
18180
- .acud-radio-button:focus,
18181
- .acud-radio-button:active {
18088
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
18089
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
18182
18090
  background-color: #FFFFFF;
18183
18091
  }
18184
- .acud-radio-button[disabled],
18185
- .acud-radio-button[disabled]:hover,
18186
- .acud-radio-button[disabled]:focus,
18187
- .acud-radio-button[disabled]:active {
18092
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
18093
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
18094
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
18095
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
18188
18096
  background-color: #F7F7F9;
18189
18097
  }
18190
- .acud-radio-button:hover {
18098
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
18191
18099
  border-color: #2468F2;
18192
18100
  }
18193
- .acud-radio-button:focus,
18194
- .acud-radio-button:active {
18101
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
18102
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
18195
18103
  border-color: #144BCC;
18196
18104
  }
18197
- .acud-radio-button[disabled],
18198
- .acud-radio-button[disabled]:hover,
18199
- .acud-radio-button[disabled]:focus,
18200
- .acud-radio-button[disabled]:active {
18105
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
18106
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
18107
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
18108
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
18201
18109
  border-color: #E8E9EB;
18202
18110
  }
18203
- .acud-radio-button[disabled] {
18204
- cursor: not-allowed;
18205
- }
18206
- .acud-radio-button-checked {
18207
- color: #2468F2;
18208
- background-color: #FFFFFF;
18209
- border-color: #2468F2;
18210
- }
18211
- .acud-radio-button-checked:hover {
18212
- color: #528EFF;
18213
- }
18214
- .acud-radio-button-checked:focus,
18215
- .acud-radio-button-checked:active {
18216
- color: #144BCC;
18217
- }
18218
- .acud-radio-button-checked[disabled],
18219
- .acud-radio-button-checked[disabled]:hover,
18220
- .acud-radio-button-checked[disabled]:focus,
18221
- .acud-radio-button-checked[disabled]:active {
18222
- color: #84868C;
18111
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector input {
18112
+ cursor: pointer;
18223
18113
  }
18224
- .acud-radio-button-checked:hover {
18225
- background-color: #FFFFFF;
18114
+ .acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector {
18115
+ cursor: text;
18226
18116
  }
18227
- .acud-radio-button-checked:focus,
18228
- .acud-radio-button-checked:active {
18229
- background-color: #FFFFFF;
18117
+ .acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
18118
+ cursor: auto;
18230
18119
  }
18231
- .acud-radio-button-checked[disabled],
18232
- .acud-radio-button-checked[disabled]:hover,
18233
- .acud-radio-button-checked[disabled]:focus,
18234
- .acud-radio-button-checked[disabled]:active {
18120
+ .acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
18121
+ cursor: not-allowed;
18235
18122
  background-color: #F7F7F9;
18123
+ border-color: #E8E9EB;
18236
18124
  }
18237
- .acud-radio-button-checked:hover {
18238
- border-color: #528EFF;
18125
+ .acud-select-multiple.acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
18126
+ background-color: #F7F7F9;
18239
18127
  }
18240
- .acud-radio-button-checked:focus,
18241
- .acud-radio-button-checked:active {
18242
- border-color: #144BCC;
18128
+ .acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
18129
+ cursor: not-allowed;
18243
18130
  }
18244
- .acud-radio-button-checked[disabled],
18245
- .acud-radio-button-checked[disabled]:hover,
18246
- .acud-radio-button-checked[disabled]:focus,
18247
- .acud-radio-button-checked[disabled]:active {
18131
+ .acud-select-disabled:hover.acud-select:not(.acud-select-customize-input) .acud-select-selector {
18248
18132
  border-color: #E8E9EB;
18249
18133
  }
18250
- span.acud-radio-button {
18251
- border-color: #E8E9EB;
18134
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
18135
+ margin: 0;
18136
+ padding: 0;
18137
+ background: transparent;
18138
+ border: none;
18139
+ outline: none;
18140
+ -webkit-appearance: none;
18141
+ -moz-appearance: none;
18142
+ appearance: none;
18252
18143
  }
18253
- .acud-radio-group .acud-radio:last-of-type {
18254
- margin-right: 8px;
18144
+ .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input::-webkit-search-cancel-button {
18145
+ display: none;
18146
+ -webkit-appearance: none;
18255
18147
  }
18256
- .acud-radio-group .acud-radio-button {
18257
- border-width: 1px 0;
18148
+ .acud-select-open:not(.acud-select-customize-input) .acud-select-selector {
18149
+ border-color: #2468F2;
18258
18150
  }
18259
- .acud-radio-group .acud-radio-button:nth-of-type(7n+6) {
18260
- border-right-width: 1px;
18261
- border-top-right-radius: 4px;
18262
- border-bottom-right-radius: 4px;
18151
+ .acud-select-selection-item {
18152
+ flex: 1;
18153
+ overflow: hidden;
18154
+ white-space: nowrap;
18155
+ text-overflow: ellipsis;
18156
+ color: #B8BABF;
18263
18157
  }
18264
- .acud-radio-group .acud-radio-button:nth-of-type(7n+6)::after {
18265
- display: none;
18158
+ @media all and (-ms-high-contrast: none) {
18159
+ .acud-select-selection-item *::-ms-backdrop,
18160
+ .acud-select-selection-item {
18161
+ flex: auto;
18162
+ }
18266
18163
  }
18267
- .acud-radio-group .acud-radio-button:nth-of-type(7n) {
18268
- border-left-width: 1px;
18269
- border-top-left-radius: 4px;
18270
- border-bottom-left-radius: 4px;
18164
+ .acud-select-disabled .acud-select-selection-item {
18165
+ color: #B8BABF;
18271
18166
  }
18272
- .acud-radio-group .acud-radio-button:nth-of-type(7n)::before {
18273
- display: none;
18167
+ .acud-select-selection-placeholder {
18168
+ flex: 1;
18169
+ overflow: hidden;
18170
+ color: #B8BABF;
18171
+ white-space: nowrap;
18172
+ text-overflow: ellipsis;
18173
+ pointer-events: none;
18274
18174
  }
18275
- .acud-radio-group .acud-radio-button:before {
18276
- content: '';
18277
- position: absolute;
18278
- top: -1px;
18279
- left: -1px;
18280
- display: block;
18281
- width: 1px;
18282
- height: 32px;
18283
- background-color: #E8E9EB;
18284
- z-index: 0;
18175
+ @media all and (-ms-high-contrast: none) {
18176
+ .acud-select-selection-placeholder *::-ms-backdrop,
18177
+ .acud-select-selection-placeholder {
18178
+ flex: auto;
18179
+ }
18285
18180
  }
18286
- .acud-radio-group .acud-radio-button:after {
18287
- content: '';
18181
+ .acud-select-arrow {
18288
18182
  position: absolute;
18289
- top: -1px;
18290
- right: 0;
18291
- display: block;
18292
- width: 1px;
18293
- height: 32px;
18294
- background-color: #E8E9EB;
18295
- z-index: 0;
18296
- }
18297
- .acud-radio-group .acud-radio-button:first-child {
18298
- border-left-width: 1px;
18299
- border-top-left-radius: 4px;
18300
- border-bottom-left-radius: 4px;
18301
- }
18302
- .acud-radio-group .acud-radio-button:first-child::before {
18303
- display: none;
18304
- }
18305
- .acud-radio-group .acud-radio-button:last-child {
18306
- border-right-width: 1px;
18307
- border-top-right-radius: 4px;
18308
- border-bottom-right-radius: 4px;
18183
+ top: 53%;
18184
+ right: 12px;
18185
+ width: 16px;
18186
+ height: 16px;
18187
+ margin-top: -8px;
18188
+ color: #B8BABF;
18189
+ font-size: 16px;
18190
+ line-height: 1;
18191
+ text-align: center;
18192
+ pointer-events: none;
18309
18193
  }
18310
- .acud-radio-group .acud-radio-button:last-child::after {
18311
- display: none;
18194
+ .acud-select-arrow .acuicon {
18195
+ vertical-align: top;
18196
+ transition: transform 0.3s;
18312
18197
  }
18313
- .acud-radio-group .acud-radio-button.acud-radio-button-checked {
18314
- border-color: #2468F2;
18198
+ .acud-select-arrow .acuicon > svg {
18199
+ vertical-align: top;
18315
18200
  }
18316
- .acud-radio-group .acud-radio-button.acud-radio-button-checked::before,
18317
- .acud-radio-group .acud-radio-button.acud-radio-button-checked::after {
18318
- background-color: #2468F2;
18319
- z-index: 3;
18201
+ .acud-select-arrow .acuicon:not(.acud-select-suffix) {
18202
+ pointer-events: auto;
18320
18203
  }
18321
- .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled {
18322
- color: #84868C;
18204
+ .acud-select-disabled .acud-select-arrow {
18205
+ cursor: not-allowed;
18323
18206
  }
18324
- .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::before,
18325
- .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::after {
18326
- background-color: #E8E9EB;
18327
- z-index: 2;
18207
+ .acud-select-clear {
18208
+ position: absolute;
18209
+ top: 50%;
18210
+ right: 32px;
18211
+ z-index: 1;
18212
+ display: inline-flex;
18213
+ width: 12px;
18214
+ height: 12px;
18215
+ border-radius: 6px;
18216
+ margin-top: -6px;
18217
+ font-size: 20px;
18218
+ font-style: normal;
18219
+ line-height: 1;
18220
+ text-align: center;
18221
+ text-transform: none;
18222
+ cursor: pointer;
18223
+ opacity: 0;
18224
+ text-rendering: auto;
18225
+ color: #FFFFFF;
18226
+ background-color: #D4D6D9;
18227
+ border-color: transparent;
18328
18228
  }
18329
- .acud-radio-group .acud-radio-button.acud-radio-button:hover {
18330
- border-color: #2468F2;
18229
+ .acud-select-clear::before {
18230
+ display: block;
18331
18231
  }
18332
- .acud-radio-group .acud-radio-button.acud-radio-button:hover::before,
18333
- .acud-radio-group .acud-radio-button.acud-radio-button:hover::after {
18334
- background-color: #2468F2;
18335
- z-index: 4;
18232
+ .acud-select:hover .acud-select-clear {
18233
+ opacity: 1;
18336
18234
  }
18337
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled {
18338
- border-color: #E8E9EB;
18339
- background-color: #F7F7F9;
18235
+ .acud-select-clear .acuicon-outlined-close {
18236
+ display: inline-flex;
18237
+ width: 12px;
18238
+ height: 12px;
18239
+ padding-left: 2px;
18240
+ padding-top: 2px;
18340
18241
  }
18341
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled::before,
18342
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled::after {
18343
- background-color: #E8E9EB;
18344
- z-index: 1;
18242
+ .acud-select-clear:hover {
18243
+ color: #FFFFFF;
18345
18244
  }
18346
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover {
18347
- border-color: #E8E9EB;
18245
+ .acud-select-clear:focus,
18246
+ .acud-select-clear:active {
18247
+ color: #FFFFFF;
18348
18248
  }
18349
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::before,
18350
- .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::after {
18351
- background-color: #E8E9EB;
18352
- z-index: 1;
18249
+ .acud-select-clear[disabled],
18250
+ .acud-select-clear[disabled]:hover,
18251
+ .acud-select-clear[disabled]:focus,
18252
+ .acud-select-clear[disabled]:active {
18253
+ color: #FFFFFF;
18353
18254
  }
18354
-
18355
- /* color */
18356
- /* 默认颜色 */
18357
- /* 通用-icon */
18358
- /* 标签 */
18359
- /* 默认颜色 */
18360
- /* 其他颜色 */
18361
- /* 通用 */
18362
- /* 水平 */
18363
- /* 垂直 */
18364
- /* 序号水平 */
18365
- /* 序号垂直 */
18366
- .acud-rate {
18367
- display: inline-flex;
18368
- justify-content: flex-start;
18369
- align-items: center;
18370
- position: relative;
18371
- /* 🌟 */
18372
- /* 标签 */
18255
+ .acud-select-clear:hover {
18256
+ background-color: #5C5F66;
18373
18257
  }
18374
- .acud-rate-star {
18375
- color: #E8E9EB;
18376
- cursor: pointer;
18377
- display: inline-block;
18378
- position: relative;
18379
- /* 半⭐样式 */
18380
- /* 鼠标划过 两个半星星transtion时会有缝隙 单个设置变形同时设置transform-origin */
18381
- /* 普通样式 */
18382
- /* 高分选中样式 */
18383
- /* 低分选中样式 */
18384
- /* 鼠标焦点选中样式 */
18385
- /* 禁用样式 */
18258
+ .acud-select-clear:focus,
18259
+ .acud-select-clear:active {
18260
+ background-color: #303540;
18386
18261
  }
18387
- .acud-rate-star-inner {
18388
- width: 24px;
18389
- height: 24px;
18390
- overflow: hidden;
18391
- position: relative;
18262
+ .acud-select-clear[disabled],
18263
+ .acud-select-clear[disabled]:hover,
18264
+ .acud-select-clear[disabled]:focus,
18265
+ .acud-select-clear[disabled]:active {
18266
+ background-color: #F2F2F4;
18392
18267
  }
18393
- .acud-rate-star-inner-left {
18394
- transform-origin: center center;
18395
- transition: all 0.3s;
18396
- position: absolute;
18397
- top: 0;
18398
- left: 0;
18399
- height: 100%;
18400
- width: 50%;
18401
- line-height: 100%;
18268
+ .acud-select-clear:hover {
18269
+ border-color: transparent;
18402
18270
  }
18403
- .acud-rate-star-inner-left-svg {
18404
- width: 200%;
18405
- height: 100%;
18406
- position: relative;
18271
+ .acud-select-clear:focus,
18272
+ .acud-select-clear:active {
18273
+ border-color: transparent;
18407
18274
  }
18408
- .acud-rate-star-inner-left-svg svg {
18409
- width: 100%;
18410
- height: 100%;
18275
+ .acud-select-clear[disabled],
18276
+ .acud-select-clear[disabled]:hover,
18277
+ .acud-select-clear[disabled]:focus,
18278
+ .acud-select-clear[disabled]:active {
18279
+ border-color: transparent;
18411
18280
  }
18412
- .acud-rate-star-inner-right {
18413
- transform-origin: center center;
18414
- transition: all 0.3s;
18281
+ .acud-select-dropdown {
18282
+ margin: 0;
18283
+ padding: 0;
18415
18284
  position: absolute;
18416
- top: 0;
18417
- right: 0%;
18418
- height: 100%;
18419
- width: 50%;
18285
+ top: -9999px;
18286
+ left: -9999px;
18287
+ z-index: 1050;
18288
+ padding: 4px 0;
18420
18289
  overflow: hidden;
18421
- line-height: 100%;
18422
- }
18423
- .acud-rate-star-inner-right-svg {
18424
- width: 200%;
18425
- height: 100%;
18426
- position: relative;
18427
- right: 100%;
18428
- }
18429
- .acud-rate-star-inner-right-svg svg {
18430
- width: 100%;
18431
- height: 100%;
18290
+ font-size: 12px;
18291
+ font-variant: initial;
18292
+ border-radius: 4px;
18293
+ outline: none;
18294
+ background-color: #FFFFFF;
18295
+ box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
18432
18296
  }
18433
- .acud-rate-star-half .acud-rate-star-inner-right {
18434
- color: #E8E9EB;
18297
+ .acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-bottomLeft,
18298
+ .acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-bottomLeft {
18299
+ -webkit-animation-name: acudSlideUpIn;
18300
+ animation-name: acudSlideUpIn;
18435
18301
  }
18436
- .acud-rate-star:not(:last-child) {
18437
- margin-right: 4px;
18302
+ .acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-topLeft,
18303
+ .acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-topLeft {
18304
+ -webkit-animation-name: acudSlideDownIn;
18305
+ animation-name: acudSlideDownIn;
18438
18306
  }
18439
- .acud-rate-star:hover .acud-rate-star-inner-left {
18440
- transform: scale(1.1);
18307
+ .acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-bottomLeft {
18308
+ -webkit-animation-name: acudSlideUpOut;
18309
+ animation-name: acudSlideUpOut;
18441
18310
  }
18442
- .acud-rate-star:hover .acud-rate-star-inner-right {
18443
- transform: scale(1.1);
18311
+ .acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-topLeft {
18312
+ -webkit-animation-name: acudSlideDownOut;
18313
+ animation-name: acudSlideDownOut;
18444
18314
  }
18445
- .acud-rate-star-normal {
18446
- color: #E8E9EB;
18315
+ .acud-select-dropdown-hidden {
18316
+ display: none;
18447
18317
  }
18448
- .acud-rate-star-full {
18449
- color: #FF9326;
18318
+ .acud-select-dropdown-empty {
18319
+ color: #B8BABF;
18450
18320
  }
18451
- .acud-rate-star-low {
18452
- color: #FF9326;
18321
+ .acud-select-item-empty {
18322
+ color: #B8BABF;
18323
+ position: relative;
18324
+ display: flex;
18325
+ padding: 7px 12px;
18326
+ font-weight: normal;
18327
+ font-size: 12px;
18328
+ line-height: 20px;
18453
18329
  }
18454
- .acud-rate-star-focues .acud-rate-star-inner-left {
18455
- transform: scale(1.1);
18330
+ .acud-select-item {
18331
+ position: relative;
18332
+ display: flex;
18333
+ min-height: 32px;
18334
+ padding: 5px 12px;
18335
+ color: #151B26;
18336
+ font-weight: normal;
18337
+ font-size: 12px;
18338
+ line-height: 22px;
18339
+ cursor: pointer;
18340
+ transition: background 0.3s ease;
18456
18341
  }
18457
- .acud-rate-star-focues .acud-rate-star-inner-right {
18458
- transform: scale(1.1);
18342
+ .acud-select-item-group {
18343
+ color: #151B26;
18344
+ font-size: 12px;
18345
+ cursor: pointer;
18459
18346
  }
18460
- .acud-rate-star-disabled {
18461
- cursor: not-allowed;
18347
+ .acud-select-item-group:hover {
18348
+ color: #151B26;
18462
18349
  }
18463
- .acud-rate-label {
18350
+ .acud-select-item-group:focus,
18351
+ .acud-select-item-group:active {
18464
18352
  color: #151B26;
18465
18353
  }
18466
- .acud-rate-tags {
18467
- width: 100%;
18354
+ .acud-select-item-group[disabled],
18355
+ .acud-select-item-group[disabled]:hover,
18356
+ .acud-select-item-group[disabled]:focus,
18357
+ .acud-select-item-group[disabled]:active {
18358
+ color: #B8BABF;
18359
+ }
18360
+ .acud-select-item-group-arrow {
18361
+ margin-right: 8px;
18468
18362
  display: flex;
18469
- justify-content: flex-start;
18470
- flex-wrap: wrap;
18471
- margin-top: 12px;
18472
18363
  }
18473
- .acud-rate-tags-item {
18474
- min-width: 72px;
18475
- height: 32px;
18364
+ .acud-select-item-group-arrow .acuicon {
18365
+ display: flex;
18476
18366
  color: #84868C;
18477
- border: 1px solid #B8BABF;
18478
- border-radius: 4px;
18479
- font-size: 8px;
18480
- line-height: 32px;
18481
- text-align: center;
18482
- box-sizing: border-box;
18483
- padding: 0 12px;
18484
- margin-bottom: 4px;
18485
- -webkit-user-select: none;
18486
- -moz-user-select: none;
18487
- -ms-user-select: none;
18488
- user-select: none;
18489
- transition: all 0.3s;
18490
- cursor: pointer;
18491
18367
  }
18492
- .acud-rate-tags-item:hover {
18493
- color: #2468F2;
18368
+ .acud-select-item-group-checkbox {
18369
+ margin-right: 8px;
18494
18370
  }
18495
- .acud-rate-tags-item:focus,
18496
- .acud-rate-tags-item:active {
18497
- color: #144BCC;
18371
+ .acud-select-item-option {
18372
+ display: flex;
18498
18373
  }
18499
- .acud-rate-tags-item[disabled],
18500
- .acud-rate-tags-item[disabled]:hover,
18501
- .acud-rate-tags-item[disabled]:focus,
18502
- .acud-rate-tags-item[disabled]:active {
18503
- color: #B8BABF;
18374
+ .acud-select-item-option-content {
18375
+ flex: auto;
18376
+ overflow: hidden;
18377
+ white-space: nowrap;
18378
+ text-overflow: ellipsis;
18504
18379
  }
18505
- .acud-rate-tags-item:not(:last-child) {
18506
- margin-right: 4px;
18380
+ .acud-select-item-option-state {
18381
+ flex: none;
18507
18382
  }
18508
- .acud-rate-tags-item:hover {
18509
- color: #528EFF;
18510
- border-color: #528EFF;
18383
+ .acud-select-item-option-active:not(.acud-select-item-option-disabled) {
18384
+ background-color: #E6F0FF;
18511
18385
  }
18512
- .acud-rate-tags-select {
18386
+ .acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
18513
18387
  color: #2468F2;
18514
- border-color: #2468F2;
18388
+ background-color: #FFFFFF;
18389
+ border-color: transparent;
18515
18390
  }
18516
- .acud-rate-tags-disabled {
18391
+ .acud-select-item-option-selected:not(.acud-select-item-option-disabled) .acud-select-item-option-state {
18392
+ color: #151B26;
18393
+ }
18394
+ .acud-select-item-option-disabled {
18395
+ color: #B8BABF;
18517
18396
  cursor: not-allowed;
18518
18397
  }
18519
- .acud-rate-tags-disabled:hover {
18520
- color: #84868C;
18521
- border-color: #84868C;
18398
+ .acud-select-item-option-grouped {
18399
+ padding-left: 48px;
18522
18400
  }
18523
- .acud-rate-tags-disabled:hover:hover {
18401
+ .acud-select-lg {
18402
+ font-size: 14px;
18403
+ }
18404
+ .acud-select-borderless .acud-select-selector {
18405
+ background-color: transparent !important;
18406
+ border-color: transparent !important;
18407
+ box-shadow: none !important;
18408
+ }
18409
+ .acud-select-search-highlight {
18524
18410
  color: #2468F2;
18525
18411
  }
18526
- .acud-rate-tags-disabled:hover:focus,
18527
- .acud-rate-tags-disabled:hover:active {
18528
- color: #144BCC;
18412
+
18413
+ /* color */
18414
+ /* 默认颜色 */
18415
+ /* 通用-icon */
18416
+ /* 标签 */
18417
+ /* 默认颜色 */
18418
+ /* 其他颜色 */
18419
+ /* 通用 */
18420
+ /* 水平 */
18421
+ /* 垂直 */
18422
+ /* 序号水平 */
18423
+ /* 序号垂直 */
18424
+ .acud-popconfirm {
18425
+ z-index: 1060;
18529
18426
  }
18530
- .acud-rate-tags-disabled:hover[disabled],
18531
- .acud-rate-tags-disabled:hover[disabled]:hover,
18532
- .acud-rate-tags-disabled:hover[disabled]:focus,
18533
- .acud-rate-tags-disabled:hover[disabled]:active {
18534
- color: #B8BABF;
18427
+ .acud-popconfirm .acud-popover-message > .acuicon {
18428
+ top: 5.0002px;
18535
18429
  }
18536
18430
 
18537
18431
  /* color */
@@ -18545,140 +18439,209 @@ span.acud-radio-button {
18545
18439
  /* 垂直 */
18546
18440
  /* 序号水平 */
18547
18441
  /* 序号垂直 */
18548
- .acud-input-search-multiple .acud-input {
18549
- padding-left: 0;
18442
+ .acud-popover {
18443
+ margin: 0;
18444
+ padding: 0;
18445
+ position: absolute;
18446
+ top: 0;
18447
+ left: 0;
18448
+ z-index: 1030;
18449
+ font-weight: normal;
18450
+ white-space: normal;
18451
+ text-align: left;
18452
+ cursor: auto;
18453
+ -webkit-user-select: text;
18454
+ -moz-user-select: text;
18455
+ -ms-user-select: text;
18456
+ user-select: text;
18550
18457
  }
18551
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) {
18552
- width: 88px;
18553
- height: 30px;
18458
+ .acud-popover::after {
18459
+ position: absolute;
18460
+ background: rgba(255, 255, 255, 0.01);
18461
+ content: '';
18554
18462
  }
18555
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector {
18556
- border: none;
18557
- border-radius: 0;
18558
- background-color: #F7F7F9;
18559
- color: #151B26;
18463
+ .acud-popover-hidden {
18464
+ display: none;
18560
18465
  }
18561
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
18562
- background-color: #F2F2F4;
18563
- color: #151B26;
18466
+ .acud-popover-placement-top,
18467
+ .acud-popover-placement-topLeft,
18468
+ .acud-popover-placement-topRight {
18469
+ padding-bottom: 10px;
18564
18470
  }
18565
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
18566
- background-color: #F2F2F4;
18471
+ .acud-popover-placement-right,
18472
+ .acud-popover-placement-rightTop,
18473
+ .acud-popover-placement-rightBottom {
18474
+ padding-left: 10px;
18475
+ }
18476
+ .acud-popover-placement-bottom,
18477
+ .acud-popover-placement-bottomLeft,
18478
+ .acud-popover-placement-bottomRight {
18479
+ padding-top: 10px;
18480
+ }
18481
+ .acud-popover-placement-left,
18482
+ .acud-popover-placement-leftTop,
18483
+ .acud-popover-placement-leftBottom {
18484
+ padding-right: 10px;
18485
+ }
18486
+ .acud-popover-inner {
18487
+ padding: 12px 12px;
18488
+ background-color: #FFFFFF;
18489
+ background-clip: padding-box;
18490
+ border-radius: 2px;
18491
+ box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
18492
+ box-shadow: 0 0 8px #FFFFFF \9;
18493
+ border-radius: 4px;
18494
+ }
18495
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
18496
+ .acud-popover {
18497
+ /* IE10+ */
18498
+ }
18499
+ .acud-popover-inner {
18500
+ box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
18501
+ }
18502
+ }
18503
+ .acud-popover-title {
18504
+ margin: 0;
18505
+ padding-bottom: 1px;
18567
18506
  color: #151B26;
18507
+ font-size: 12px;
18508
+ font-weight: 500;
18568
18509
  }
18569
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item {
18510
+ .acud-popover-inner-content {
18570
18511
  color: #151B26;
18512
+ font-size: 12px;
18571
18513
  }
18572
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-arrow {
18573
- color: #5C5F66;
18514
+ .acud-popover-inner-content .acuicon-outlined-close {
18515
+ padding-left: 12px;
18516
+ font-size: 16px;
18517
+ color: #84868C;
18574
18518
  }
18575
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector,
18576
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:hover,
18577
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:active {
18578
- background-color: #F2F2F4;
18579
- color: #B8BABF;
18519
+ .acud-popover-message {
18520
+ position: relative;
18521
+ padding: 4px 0 12px;
18522
+ color: #151B26;
18523
+ font-size: 12px;
18580
18524
  }
18581
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector .acud-select-selection-item {
18582
- color: #B8BABF;
18525
+ .acud-popover-message > .acuicon {
18526
+ position: absolute;
18527
+ top: 8.0002px;
18528
+ color: #FF9326;
18529
+ font-size: 12px;
18583
18530
  }
18584
- .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-arrow {
18585
- color: #B8BABF;
18531
+ .acud-popover-message-title {
18532
+ padding-left: 20px;
18586
18533
  }
18587
- .acud-input-search {
18588
- display: flex;
18534
+ .acud-popover-buttons {
18535
+ margin-bottom: 4px;
18536
+ text-align: right;
18589
18537
  }
18590
- .acud-input-search-icon.acuicon {
18591
- color: #84868C;
18592
- cursor: pointer;
18538
+ .acud-popover-buttons button {
18539
+ margin-left: 8px;
18593
18540
  }
18594
- .acud-input-search-icon.acuicon:hover {
18595
- color: #2468F2;
18541
+ .acud-popover-arrow {
18542
+ position: absolute;
18543
+ display: block;
18544
+ width: 8.48528137px;
18545
+ height: 8.48528137px;
18546
+ background: transparent;
18547
+ border-style: solid;
18548
+ border-width: 4.24264069px;
18549
+ transform: rotate(45deg);
18596
18550
  }
18597
- .acud-input-search-icon.acuicon:focus,
18598
- .acud-input-search-icon.acuicon:active {
18599
- color: #144BCC;
18551
+ .acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow,
18552
+ .acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow,
18553
+ .acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
18554
+ bottom: 6.2px;
18555
+ border-top-color: transparent;
18556
+ border-right-color: #FFFFFF;
18557
+ border-bottom-color: #FFFFFF;
18558
+ border-left-color: transparent;
18559
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
18600
18560
  }
18601
- .acud-input-search-icon.acuicon[disabled],
18602
- .acud-input-search-icon.acuicon[disabled]:hover,
18603
- .acud-input-search-icon.acuicon[disabled]:focus,
18604
- .acud-input-search-icon.acuicon[disabled]:active {
18605
- color: #B8BABF;
18561
+ .acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow {
18562
+ left: 50%;
18563
+ transform: translateX(-50%) rotate(45deg);
18606
18564
  }
18607
- .acud-input-search-loading-icon.acuicon {
18608
- color: #2468F2;
18565
+ .acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow {
18566
+ left: 16px;
18609
18567
  }
18610
- .acud-input-search-enter-button .acud-input {
18611
- border-top-right-radius: 0;
18612
- border-bottom-right-radius: 0;
18613
- border-right: none;
18568
+ .acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
18569
+ right: 16px;
18614
18570
  }
18615
- .acud-input-search-enter-button .acud-btn {
18616
- border-top-left-radius: 0;
18617
- border-bottom-left-radius: 0;
18618
- color: #FFFFFF;
18619
- background-color: #2468F2;
18620
- border-color: #2468F2;
18621
- box-shadow: none;
18571
+ .acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow,
18572
+ .acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow,
18573
+ .acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
18574
+ left: 6px;
18575
+ border-top-color: transparent;
18576
+ border-right-color: transparent;
18577
+ border-bottom-color: #FFFFFF;
18578
+ border-left-color: #FFFFFF;
18579
+ box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
18622
18580
  }
18623
- .acud-input-search-enter-button .acud-btn:hover {
18624
- color: #FFFFFF;
18581
+ .acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow {
18582
+ top: 50%;
18583
+ transform: translateY(-50%) rotate(45deg);
18625
18584
  }
18626
- .acud-input-search-enter-button .acud-btn:focus,
18627
- .acud-input-search-enter-button .acud-btn:active {
18628
- color: #FFFFFF;
18585
+ .acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow {
18586
+ top: 12px;
18629
18587
  }
18630
- .acud-input-search-enter-button .acud-btn[disabled],
18631
- .acud-input-search-enter-button .acud-btn[disabled]:hover,
18632
- .acud-input-search-enter-button .acud-btn[disabled]:focus,
18633
- .acud-input-search-enter-button .acud-btn[disabled]:active {
18634
- color: #B8BABF;
18588
+ .acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
18589
+ bottom: 12px;
18635
18590
  }
18636
- .acud-input-search-enter-button .acud-btn:hover {
18637
- background-color: #528EFF;
18591
+ .acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow,
18592
+ .acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow,
18593
+ .acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
18594
+ top: 6px;
18595
+ border-top-color: #FFFFFF;
18596
+ border-right-color: transparent;
18597
+ border-bottom-color: transparent;
18598
+ border-left-color: #FFFFFF;
18599
+ box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
18638
18600
  }
18639
- .acud-input-search-enter-button .acud-btn:focus,
18640
- .acud-input-search-enter-button .acud-btn:active {
18641
- background-color: #144BCC;
18601
+ .acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow {
18602
+ left: 50%;
18603
+ transform: translateX(-50%) rotate(45deg);
18642
18604
  }
18643
- .acud-input-search-enter-button .acud-btn[disabled],
18644
- .acud-input-search-enter-button .acud-btn[disabled]:hover,
18645
- .acud-input-search-enter-button .acud-btn[disabled]:focus,
18646
- .acud-input-search-enter-button .acud-btn[disabled]:active {
18647
- background-color: #F2F2F4;
18605
+ .acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow {
18606
+ left: 16px;
18648
18607
  }
18649
- .acud-input-search-enter-button .acud-btn:hover {
18650
- border-color: #528EFF;
18608
+ .acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
18609
+ right: 16px;
18651
18610
  }
18652
- .acud-input-search-enter-button .acud-btn:focus,
18653
- .acud-input-search-enter-button .acud-btn:active {
18654
- border-color: #144BCC;
18611
+ .acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow,
18612
+ .acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow,
18613
+ .acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
18614
+ right: 6px;
18615
+ border-top-color: #FFFFFF;
18616
+ border-right-color: #FFFFFF;
18617
+ border-bottom-color: transparent;
18618
+ border-left-color: transparent;
18619
+ box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
18655
18620
  }
18656
- .acud-input-search-enter-button .acud-btn[disabled],
18657
- .acud-input-search-enter-button .acud-btn[disabled]:hover,
18658
- .acud-input-search-enter-button .acud-btn[disabled]:focus,
18659
- .acud-input-search-enter-button .acud-btn[disabled]:active {
18660
- border-color: #E8E9EB;
18621
+ .acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow {
18622
+ top: 50%;
18623
+ transform: translateY(-50%) rotate(45deg);
18661
18624
  }
18662
- .acud-input-search-enter-button .acud-btn:hover {
18663
- box-shadow: none;
18625
+ .acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow {
18626
+ top: 12px;
18664
18627
  }
18665
- .acud-input-search-enter-button .acud-btn[disabled] {
18666
- border: none;
18667
- box-shadow: none;
18628
+ .acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
18629
+ bottom: 12px;
18668
18630
  }
18669
- .acud-input-search-enter-button .acud-btn[disabled]:hover {
18670
- border: none;
18671
- box-shadow: none;
18631
+ .acud-popover-rtl {
18632
+ direction: rtl;
18633
+ text-align: right;
18672
18634
  }
18673
- .acud-input-search-enter-button .acud-btn .acuicon {
18674
- height: 16px;
18635
+ .acud-popover-rtl .acud-popover-message-title {
18636
+ padding-right: 20px;
18637
+ padding-left: 12px;
18675
18638
  }
18676
- .acud-input-search-enter-button-disabled {
18677
- border: solid 1px #E8E9EB;
18678
- border-radius: 4px;
18639
+ .acud-popover-rtl .acud-popover-buttons {
18640
+ text-align: left;
18679
18641
  }
18680
- .acud-input-search-enter-button-disabled .acud-input {
18681
- border: none;
18642
+ .acud-popover-rtl .acud-popover-buttons button {
18643
+ margin-right: 8px;
18644
+ margin-left: 0;
18682
18645
  }
18683
18646
 
18684
18647
  /* color */
@@ -18692,711 +18655,748 @@ span.acud-radio-button {
18692
18655
  /* 垂直 */
18693
18656
  /* 序号水平 */
18694
18657
  /* 序号垂直 */
18695
- .acud-select-single .acud-select-selector {
18696
- display: flex;
18697
- }
18698
- .acud-select-single .acud-select-selector .acud-select-selection-search {
18699
- position: absolute;
18700
- top: 0;
18701
- right: 12px;
18702
- bottom: 0;
18703
- left: 12px;
18704
- }
18705
- .acud-select-single .acud-select-selector .acud-select-selection-search-input {
18706
- width: 100%;
18707
- }
18708
- .acud-select-single .acud-select-selector .acud-select-selection-item,
18709
- .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
18710
- padding: 0;
18711
- line-height: 30px;
18712
- transition: all 0.3s;
18713
- }
18714
- @supports (-moz-appearance: meterbar) {
18715
- .acud-select-single .acud-select-selector .acud-select-selection-item,
18716
- .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
18717
- line-height: 30px;
18718
- }
18719
- }
18720
- .acud-select-single .acud-select-selector .acud-select-selection-item {
18658
+ .acud-progress {
18721
18659
  position: relative;
18722
- -webkit-user-select: none;
18723
- -moz-user-select: none;
18724
- -ms-user-select: none;
18725
- user-select: none;
18726
- color: #151B26;
18660
+ width: 100%;
18661
+ line-height: 1;
18727
18662
  }
18728
- .acud-select-single .acud-select-selector .acud-select-selection-item:hover {
18663
+ .acud-progress .acud-progress-label {
18729
18664
  color: #151B26;
18665
+ font-size: 10px;
18666
+ font-weight: 400;
18730
18667
  }
18731
- .acud-select-single .acud-select-selector .acud-select-selection-placeholder {
18732
- pointer-events: none;
18668
+ .acud-progress-error .acud-progress-label-icon,
18669
+ .acud-progress-success .acud-progress-label-icon {
18670
+ font-size: 0;
18733
18671
  }
18734
- .acud-select-single .acud-select-selector::after,
18735
- .acud-select-single .acud-select-selector .acud-select-selection-item::after,
18736
- .acud-select-single .acud-select-selector .acud-select-selection-placeholder::after {
18737
- display: inline-block;
18738
- width: 0;
18739
- visibility: hidden;
18740
- content: '\a0';
18672
+ .acud-progress-label-hidden .acud-progress-label.acud-progress-label-outer,
18673
+ .acud-progress-label-hidden .acud-progress-label.acud-progress-label-inner {
18674
+ display: none;
18741
18675
  }
18742
- .acud-select-single.acud-select-show-arrow .acud-select-selection-search {
18743
- right: 24px;
18676
+ .acud-progress-line {
18677
+ white-space: nowrap;
18678
+ font-size: 0;
18744
18679
  }
18745
- .acud-select-single.acud-select-show-arrow .acud-select-selection-item,
18746
- .acud-select-single.acud-select-show-arrow .acud-select-selection-placeholder {
18747
- padding-right: 0;
18680
+ .acud-progress-line .acud-progress-wrapper {
18681
+ display: inline-block;
18682
+ vertical-align: middle;
18683
+ width: 100%;
18684
+ height: 100%;
18685
+ margin-right: -50px;
18686
+ padding-right: 50px;
18748
18687
  }
18749
- .acud-select-single:not(.acud-select-customize-input) .acud-select-selector {
18688
+ .acud-progress-line .acud-progress-trail {
18750
18689
  width: 100%;
18751
- height: 32px;
18752
- padding: 0 40px 0 12px;
18690
+ height: 100%;
18691
+ border-radius: 100px;
18692
+ overflow: hidden;
18693
+ background-color: #E8E9EB;
18753
18694
  }
18754
- .acud-select-single:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
18755
- height: 30px;
18695
+ .acud-progress-line .acud-progress-bar {
18696
+ display: inline-block;
18697
+ vertical-align: middle;
18698
+ position: relative;
18699
+ height: 100%;
18700
+ transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
18756
18701
  }
18757
- .acud-select-single:not(.acud-select-customize-input) .acud-select-selector::after {
18758
- line-height: 30px;
18702
+ .acud-progress-line .acud-progress-label {
18703
+ display: inline-block;
18704
+ vertical-align: middle;
18759
18705
  }
18760
- .acud-select-single.acud-select-customize-input .acud-select-selector::after {
18761
- display: none;
18706
+ .acud-progress-line .acud-progress-label-outer {
18707
+ margin-left: 8px;
18762
18708
  }
18763
- .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-search {
18764
- position: static;
18765
- width: 100%;
18709
+ .acud-progress-line .acud-progress-label-inner {
18710
+ position: absolute;
18711
+ top: 50%;
18712
+ transform: translate(0, -50%);
18766
18713
  }
18767
- .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder {
18714
+ .acud-progress-line .acud-progress-label-inner-right {
18768
18715
  position: absolute;
18769
- right: 0;
18770
- left: 0;
18771
- padding: 0 12px;
18716
+ right: -8px;
18717
+ transform: translate(100%, -50%);
18718
+ }
18719
+ .acud-progress-line .acud-progress-label-inner-left {
18720
+ position: absolute;
18721
+ right: 8px;
18722
+ transform: translate(0, -50%);
18772
18723
  }
18773
- .acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder::after {
18774
- display: none;
18724
+ .acud-progress-label-hidden .acud-progress-wrapper {
18725
+ padding-right: 0;
18726
+ margin-right: 0;
18775
18727
  }
18776
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
18777
- height: 14px;
18728
+ .acud-progress-linecap-round .acud-progress-bar {
18729
+ border-radius: 100px;
18778
18730
  }
18779
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector::after,
18780
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
18781
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
18782
- line-height: 12px;
18731
+ .acud-progress-line.acud-progress-small .acud-progress-wrapper {
18732
+ height: 4px;
18783
18733
  }
18784
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
18734
+ .acud-progress-line.acud-progress-middle .acud-progress-wrapper {
18735
+ height: 8px;
18736
+ }
18737
+ .acud-progress-line.acud-progress-large .acud-progress-wrapper {
18785
18738
  height: 12px;
18786
18739
  }
18787
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
18788
- height: 24px;
18740
+ .acud-progress-line.acud-progress-active .acud-progress-bar {
18741
+ background-color: #2468F2;
18789
18742
  }
18790
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector::after,
18791
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
18792
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
18793
- line-height: 22px;
18743
+ .acud-progress-line.acud-progress-success .acud-progress-bar {
18744
+ background-color: #30BF13;
18794
18745
  }
18795
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
18796
- height: 22px;
18746
+ .acud-progress-line.acud-progress-error .acud-progress-bar {
18747
+ background-color: #F33E3E;
18797
18748
  }
18798
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selection-search {
18799
- right: 12px;
18800
- left: 12px;
18749
+ .acud-progress-circle {
18750
+ position: relative;
18751
+ width: 80px;
18752
+ height: 80px;
18801
18753
  }
18802
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
18803
- padding: 0 12px;
18754
+ .acud-progress-circle .acud-progress-trail {
18755
+ position: absolute;
18756
+ width: 100%;
18757
+ height: 100%;
18758
+ color: #E8E9EB;
18804
18759
  }
18805
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-search {
18806
- right: 30px;
18760
+ .acud-progress-circle .acud-progress-text-wrapper {
18761
+ position: absolute;
18762
+ top: 50%;
18763
+ left: 0;
18764
+ width: 100%;
18765
+ text-align: center;
18766
+ transform: translate(0, -50%);
18807
18767
  }
18808
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-item,
18809
- .acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-placeholder {
18810
- padding-right: 18px;
18768
+ .acud-progress-circle.acud-progress-small {
18769
+ width: 40px;
18770
+ height: 40px;
18811
18771
  }
18812
- .acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
18813
- padding: 0 12px;
18772
+ .acud-progress-circle.acud-progress-middle {
18773
+ width: 80px;
18774
+ height: 80px;
18814
18775
  }
18815
- .acud-select-single.acud-select-disabled .acud-select-selector .acud-select-selection-item {
18816
- color: #B8BABF;
18776
+ .acud-progress-circle.acud-progress-large {
18777
+ width: 120px;
18778
+ height: 120px;
18817
18779
  }
18818
- /**
18819
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
18820
- * since chrome may update to redesign with its align logic.
18821
- */
18822
- .acud-select-selection-overflow {
18823
- position: relative;
18824
- display: flex;
18825
- flex: auto;
18826
- flex-wrap: wrap;
18827
- max-width: 100%;
18780
+ .acud-progress-circle.acud-progress-active .acud-progress-bar {
18781
+ position: absolute;
18782
+ width: 100%;
18783
+ height: 100%;
18784
+ color: #2468F2;
18828
18785
  }
18829
- .acud-select-selection-overflow-item {
18830
- flex: none;
18831
- align-self: center;
18832
- max-width: 100%;
18833
- margin-top: 3px;
18786
+ .acud-progress-circle.acud-progress-success .acud-progress-bar {
18787
+ position: absolute;
18788
+ width: 100%;
18789
+ height: 100%;
18790
+ color: #30BF13;
18834
18791
  }
18835
- .acud-select-multiple .acud-select-selector {
18836
- display: flex;
18837
- flex-wrap: wrap;
18838
- align-items: center;
18839
- padding: 0 12px 3px 3px;
18792
+ .acud-progress-circle.acud-progress-error .acud-progress-bar {
18793
+ position: absolute;
18794
+ width: 100%;
18795
+ height: 100%;
18796
+ color: #F33E3E;
18840
18797
  }
18841
- .acud-select-show-search.acud-select-multiple .acud-select-selector {
18842
- cursor: text;
18798
+
18799
+ /* stylelint-disable selector-pseudo-element-colon-notation */
18800
+ /* stylelint-disable rule-empty-line-before */
18801
+ /* color */
18802
+ /* 默认颜色 */
18803
+ /* 通用-icon */
18804
+ /* 标签 */
18805
+ /* 默认颜色 */
18806
+ /* 其他颜色 */
18807
+ /* 通用 */
18808
+ /* 水平 */
18809
+ /* 垂直 */
18810
+ /* 序号水平 */
18811
+ /* 序号垂直 */
18812
+ .acud-radio {
18813
+ cursor: pointer;
18814
+ color: #151B26;
18815
+ font-size: 12px;
18816
+ font-weight: 400;
18817
+ margin-right: 24px;
18843
18818
  }
18844
- .acud-select-disabled.acud-select-multiple .acud-select-selector {
18845
- background: #F7F7F9;
18846
- cursor: not-allowed;
18819
+ .acud-radio .acud-radio-outline {
18820
+ margin-right: 8px;
18821
+ border: 1px solid #E8E9EB;
18822
+ background-color: #FFFFFF;
18823
+ width: 16px;
18824
+ height: 16px;
18825
+ display: inline-block;
18826
+ border-radius: 50%;
18827
+ position: relative;
18828
+ vertical-align: middle;
18829
+ top: -1px;
18847
18830
  }
18848
- .acud-select-multiple .acud-select-selector::after {
18831
+ .acud-radio .acud-radio-inner {
18832
+ width: 8px;
18833
+ height: 8px;
18849
18834
  display: inline-block;
18850
- width: 0;
18851
- margin: 0 0;
18852
- line-height: 24px;
18853
- content: '\a0';
18835
+ border-radius: 50%;
18836
+ position: absolute;
18837
+ top: 50%;
18838
+ left: 50%;
18839
+ transform: translate3d(-50%, -50%, 0);
18854
18840
  }
18855
- .acud-select-multiple.acud-select-show-arrow .acud-select-selector,
18856
- .acud-select-multiple.acud-select-allow-clear .acud-select-selector {
18857
- padding-right: 28px;
18841
+ .acud-radio:hover .acud-radio-outline {
18842
+ border-color: #2468F2;
18858
18843
  }
18859
- .acud-select-multiple .acud-select-selection-item {
18860
- position: relative;
18861
- display: flex;
18862
- flex: none;
18863
- box-sizing: border-box;
18864
- max-width: 100%;
18865
- height: 24px;
18866
- margin-top: 0;
18867
- margin-bottom: 0;
18868
- line-height: 22px;
18869
- background-color: #F7F7F9;
18870
- border: 1px solid transparent;
18871
- color: #151B26;
18872
- border-radius: 2px;
18873
- cursor: default;
18874
- transition: font-size 0.3s, line-height 0.3s, height 0.3s;
18875
- -webkit-user-select: none;
18876
- -moz-user-select: none;
18877
- -ms-user-select: none;
18878
- user-select: none;
18879
- -webkit-margin-end: 5px;
18880
- margin-inline-end: 5px;
18881
- -webkit-padding-start: 12px;
18882
- padding-inline-start: 12px;
18883
- -webkit-padding-end: 6px;
18884
- padding-inline-end: 6px;
18844
+ .acud-radio-checked .acud-radio-outline {
18845
+ border-color: #2468F2;
18885
18846
  }
18886
- .acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled {
18887
- color: #B8BABF;
18888
- border-color: transparent;
18889
- background-color: #F7F7F9;
18847
+ .acud-radio-checked .acud-radio-inner {
18848
+ background-color: #2468F2;
18890
18849
  }
18891
- .acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled:hover {
18892
- color: #B8BABF;
18893
- border-color: transparent;
18894
- background-color: #F7F7F9;
18850
+ .acud-radio-disabled,
18851
+ .acud-radio-disabled:hover {
18852
+ cursor: not-allowed;
18895
18853
  }
18896
- .acud-select-multiple .acud-select-selection-item:hover {
18897
- color: #151B26;
18898
- border-color: transparent;
18899
- background-color: #F2F2F4;
18854
+ .acud-radio-disabled .acud-radio-outline,
18855
+ .acud-radio-disabled:hover .acud-radio-outline {
18856
+ border-color: #E8E9EB;
18857
+ background-color: #F7F7F9;
18900
18858
  }
18901
- .acud-select-disabled.acud-select-multiple .acud-select-selection-item,
18902
- .acud-select-disabled.acud-select-multiple .acud-select-selection-item:hover {
18903
- border-color: transparent;
18904
- color: #84868C;
18905
- background-color: #E8E9EB;
18906
- cursor: not-allowed;
18859
+ .acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-outline {
18860
+ border-color: #E8E9EB;
18861
+ background-color: #F7F7F9;
18907
18862
  }
18908
- .acud-select-multiple .acud-select-selection-item-content {
18909
- display: inline-block;
18910
- margin-right: 6px;
18911
- overflow: hidden;
18912
- white-space: pre;
18913
- text-overflow: ellipsis;
18863
+ .acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-inner {
18864
+ background-color: #D4D6D9;
18914
18865
  }
18915
- .acud-select-multiple .acud-select-selection-item-remove {
18916
- display: inline-block;
18917
- color: #B8BABF;
18918
- font-weight: bold;
18919
- font-size: 10px;
18920
- line-height: inherit;
18866
+ .acud-radio-button {
18921
18867
  cursor: pointer;
18922
- color: #84868C;
18923
- }
18924
- .acud-select-multiple .acud-select-selection-item-remove > .acuicon {
18925
- vertical-align: -0.2em;
18868
+ display: inline-block;
18869
+ box-sizing: border-box;
18870
+ text-align: center;
18871
+ font-size: 12px;
18872
+ line-height: 32px;
18873
+ height: 32px;
18874
+ min-width: 80px;
18875
+ padding: 0 12px;
18876
+ border: 1px solid;
18877
+ position: relative;
18878
+ color: #151B26;
18879
+ background-color: #FFFFFF;
18880
+ border-color: #E8E9EB;
18926
18881
  }
18927
- .acud-select-multiple .acud-select-selection-item-remove:hover {
18928
- color: #5C5F66;
18882
+ .acud-radio-button:hover {
18883
+ color: #2468F2;
18929
18884
  }
18930
- .acud-select-multiple .acud-select-selection-item-remove:focus,
18931
- .acud-select-multiple .acud-select-selection-item-remove:active {
18932
- color: #303540;
18885
+ .acud-radio-button:focus,
18886
+ .acud-radio-button:active {
18887
+ color: #144BCC;
18933
18888
  }
18934
- .acud-select-multiple .acud-select-selection-item-remove[disabled],
18935
- .acud-select-multiple .acud-select-selection-item-remove[disabled]:hover,
18936
- .acud-select-multiple .acud-select-selection-item-remove[disabled]:focus,
18937
- .acud-select-multiple .acud-select-selection-item-remove[disabled]:active {
18889
+ .acud-radio-button[disabled],
18890
+ .acud-radio-button[disabled]:hover,
18891
+ .acud-radio-button[disabled]:focus,
18892
+ .acud-radio-button[disabled]:active {
18938
18893
  color: #B8BABF;
18939
18894
  }
18940
- .acud-select-multiple .acud-select-selection-item-remove[disabled] {
18941
- cursor: not-allowed;
18895
+ .acud-radio-button:hover {
18896
+ background-color: #FFFFFF;
18942
18897
  }
18943
- .acud-select-multiple .acud-select-selection-overflow-item + .acud-select-selection-overflow-item .acud-select-selection-search {
18944
- -webkit-margin-start: 0;
18945
- margin-inline-start: 0;
18898
+ .acud-radio-button:focus,
18899
+ .acud-radio-button:active {
18900
+ background-color: #FFFFFF;
18946
18901
  }
18947
- .acud-select-multiple .acud-select-selection-search {
18948
- position: relative;
18949
- max-width: 100%;
18950
- margin-top: 0;
18951
- margin-bottom: 0;
18952
- -webkit-margin-start: 7px;
18953
- margin-inline-start: 7px;
18902
+ .acud-radio-button[disabled],
18903
+ .acud-radio-button[disabled]:hover,
18904
+ .acud-radio-button[disabled]:focus,
18905
+ .acud-radio-button[disabled]:active {
18906
+ background-color: #F7F7F9;
18954
18907
  }
18955
- .acud-select-multiple .acud-select-selection-search-input,
18956
- .acud-select-multiple .acud-select-selection-search-mirror {
18957
- height: 24px;
18958
- 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;
18959
- line-height: 24px;
18960
- transition: all 0.3s;
18908
+ .acud-radio-button:hover {
18909
+ border-color: #2468F2;
18961
18910
  }
18962
- .acud-select-multiple .acud-select-selection-search-input {
18963
- width: 100%;
18964
- min-width: 4.1px;
18911
+ .acud-radio-button:focus,
18912
+ .acud-radio-button:active {
18913
+ border-color: #144BCC;
18965
18914
  }
18966
- .acud-select-multiple .acud-select-selection-search-mirror {
18967
- position: absolute;
18968
- top: 0;
18969
- left: 0;
18970
- z-index: 999;
18971
- white-space: pre;
18972
- visibility: hidden;
18915
+ .acud-radio-button[disabled],
18916
+ .acud-radio-button[disabled]:hover,
18917
+ .acud-radio-button[disabled]:focus,
18918
+ .acud-radio-button[disabled]:active {
18919
+ border-color: #E8E9EB;
18973
18920
  }
18974
- .acud-select-multiple .acud-select-selection-placeholder {
18975
- position: absolute;
18976
- top: 50%;
18977
- right: 5px;
18978
- left: 12px;
18979
- transform: translateY(-50%);
18980
- transition: all 0.3s;
18921
+ .acud-radio-button[disabled] {
18922
+ cursor: not-allowed;
18981
18923
  }
18982
- .acud-select-multiple.acud-select-lg .acud-select-selector::after {
18983
- line-height: 22px;
18924
+ .acud-radio-button-checked {
18925
+ color: #2468F2;
18926
+ background-color: #FFFFFF;
18927
+ border-color: #2468F2;
18984
18928
  }
18985
- .acud-select-multiple.acud-select-lg .acud-select-selection-item {
18986
- height: 22px;
18987
- line-height: 20px;
18929
+ .acud-radio-button-checked:hover {
18930
+ color: #528EFF;
18988
18931
  }
18989
- .acud-select-multiple.acud-select-lg .acud-select-selection-search {
18990
- height: 22px;
18991
- line-height: 22px;
18932
+ .acud-radio-button-checked:focus,
18933
+ .acud-radio-button-checked:active {
18934
+ color: #144BCC;
18992
18935
  }
18993
- .acud-select-multiple.acud-select-lg .acud-select-selection-search-input,
18994
- .acud-select-multiple.acud-select-lg .acud-select-selection-search-mirror {
18995
- height: 22px;
18996
- line-height: 20px;
18936
+ .acud-radio-button-checked[disabled],
18937
+ .acud-radio-button-checked[disabled]:hover,
18938
+ .acud-radio-button-checked[disabled]:focus,
18939
+ .acud-radio-button-checked[disabled]:active {
18940
+ color: #84868C;
18997
18941
  }
18998
- .acud-select-multiple.acud-select-sm .acud-select-selector::after {
18999
- line-height: 22px;
18942
+ .acud-radio-button-checked:hover {
18943
+ background-color: #FFFFFF;
19000
18944
  }
19001
- .acud-select-multiple.acud-select-sm .acud-select-selection-item {
19002
- height: 22px;
19003
- line-height: 20px;
18945
+ .acud-radio-button-checked:focus,
18946
+ .acud-radio-button-checked:active {
18947
+ background-color: #FFFFFF;
19004
18948
  }
19005
- .acud-select-multiple.acud-select-sm .acud-select-selection-search {
19006
- height: 22px;
19007
- line-height: 22px;
18949
+ .acud-radio-button-checked[disabled],
18950
+ .acud-radio-button-checked[disabled]:hover,
18951
+ .acud-radio-button-checked[disabled]:focus,
18952
+ .acud-radio-button-checked[disabled]:active {
18953
+ background-color: #F7F7F9;
19008
18954
  }
19009
- .acud-select-multiple.acud-select-sm .acud-select-selection-search-input,
19010
- .acud-select-multiple.acud-select-sm .acud-select-selection-search-mirror {
19011
- height: 22px;
19012
- line-height: 20px;
18955
+ .acud-radio-button-checked:hover {
18956
+ border-color: #528EFF;
19013
18957
  }
19014
- .acud-select-multiple.acud-select-sm .acud-select-selection-placeholder {
19015
- left: 12px;
18958
+ .acud-radio-button-checked:focus,
18959
+ .acud-radio-button-checked:active {
18960
+ border-color: #144BCC;
19016
18961
  }
19017
- .acud-select-multiple.acud-select-sm .acud-select-selection-search:first-child .acud-select-selection-search-input {
19018
- margin-left: 3px;
18962
+ .acud-radio-button-checked[disabled],
18963
+ .acud-radio-button-checked[disabled]:hover,
18964
+ .acud-radio-button-checked[disabled]:focus,
18965
+ .acud-radio-button-checked[disabled]:active {
18966
+ border-color: #E8E9EB;
19019
18967
  }
19020
- .acud-select-multiple.acud-select-lg .acud-select-selection-item {
19021
- height: 32px;
19022
- line-height: 32px;
18968
+ span.acud-radio-button {
18969
+ border-color: #E8E9EB;
19023
18970
  }
19024
- .acud-select-dropdown-multiple .acud-select-item {
19025
- padding: 5px 12px;
18971
+ .acud-radio-group .acud-radio:last-of-type {
18972
+ margin-right: 8px;
19026
18973
  }
19027
- .acud-select-dropdown-multiple .acud-select-item-checkall {
19028
- padding: 5px 12px;
19029
- height: 32px;
19030
- display: flex;
19031
- line-height: 22px;
19032
- cursor: pointer;
18974
+ .acud-radio-group .acud-radio-button {
18975
+ border-width: 1px 0;
19033
18976
  }
19034
- .acud-select-dropdown-multiple .acud-select-item-option-content {
19035
- margin-left: 8px;
18977
+ .acud-radio-group .acud-radio-button:nth-of-type(7n+6) {
18978
+ border-right-width: 1px;
18979
+ border-top-right-radius: 4px;
18980
+ border-bottom-right-radius: 4px;
19036
18981
  }
19037
- .acud-select-dropdown-multiple .acud-select-item-option-grouped {
19038
- padding-left: 48px;
18982
+ .acud-radio-group .acud-radio-button:nth-of-type(7n+6)::after {
18983
+ display: none;
19039
18984
  }
19040
- /* Reset search input style */
19041
- .acud-select {
19042
- margin: 0;
19043
- padding: 0;
19044
- position: relative;
19045
- display: inline-block;
19046
- cursor: pointer;
18985
+ .acud-radio-group .acud-radio-button:nth-of-type(7n) {
18986
+ border-left-width: 1px;
18987
+ border-top-left-radius: 4px;
18988
+ border-bottom-left-radius: 4px;
19047
18989
  }
19048
- .acud-select:not(.acud-select-customize-input) .acud-select-selector {
19049
- position: relative;
19050
- font-size: 12px;
19051
- color: #B8BABF;
19052
- background-color: #FFFFFF;
19053
- border-color: #E8E9EB;
19054
- border-radius: 4px;
19055
- border-width: 1px;
19056
- border-style: solid;
19057
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
19058
- max-height: 59px;
19059
- overflow-y: auto;
18990
+ .acud-radio-group .acud-radio-button:nth-of-type(7n)::before {
18991
+ display: none;
19060
18992
  }
19061
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
19062
- color: #B8BABF;
18993
+ .acud-radio-group .acud-radio-button:before {
18994
+ content: '';
18995
+ position: absolute;
18996
+ top: -1px;
18997
+ left: -1px;
18998
+ display: block;
18999
+ width: 1px;
19000
+ height: 32px;
19001
+ background-color: #E8E9EB;
19002
+ z-index: 0;
19063
19003
  }
19064
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
19065
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
19066
- color: #B8BABF;
19004
+ .acud-radio-group .acud-radio-button:after {
19005
+ content: '';
19006
+ position: absolute;
19007
+ top: -1px;
19008
+ right: 0;
19009
+ display: block;
19010
+ width: 1px;
19011
+ height: 32px;
19012
+ background-color: #E8E9EB;
19013
+ z-index: 0;
19067
19014
  }
19068
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
19069
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
19070
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
19071
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
19072
- color: #B8BABF;
19015
+ .acud-radio-group .acud-radio-button:first-child {
19016
+ border-left-width: 1px;
19017
+ border-top-left-radius: 4px;
19018
+ border-bottom-left-radius: 4px;
19073
19019
  }
19074
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
19075
- background-color: #FFFFFF;
19020
+ .acud-radio-group .acud-radio-button:first-child::before {
19021
+ display: none;
19076
19022
  }
19077
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
19078
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
19079
- background-color: #FFFFFF;
19023
+ .acud-radio-group .acud-radio-button:last-child {
19024
+ border-right-width: 1px;
19025
+ border-top-right-radius: 4px;
19026
+ border-bottom-right-radius: 4px;
19080
19027
  }
19081
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
19082
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
19083
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
19084
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
19085
- background-color: #F7F7F9;
19028
+ .acud-radio-group .acud-radio-button:last-child::after {
19029
+ display: none;
19086
19030
  }
19087
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
19031
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked {
19088
19032
  border-color: #2468F2;
19089
19033
  }
19090
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
19091
- .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
19092
- border-color: #144BCC;
19034
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked::before,
19035
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked::after {
19036
+ background-color: #2468F2;
19037
+ z-index: 3;
19093
19038
  }
19094
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
19095
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
19096
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
19097
- .acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active {
19098
- border-color: #E8E9EB;
19039
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled {
19040
+ color: #84868C;
19099
19041
  }
19100
- .acud-select:not(.acud-select-customize-input) .acud-select-selector input {
19101
- cursor: pointer;
19042
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::before,
19043
+ .acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::after {
19044
+ background-color: #E8E9EB;
19045
+ z-index: 2;
19102
19046
  }
19103
- .acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector {
19104
- cursor: text;
19047
+ .acud-radio-group .acud-radio-button.acud-radio-button:hover {
19048
+ border-color: #2468F2;
19105
19049
  }
19106
- .acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
19107
- cursor: auto;
19050
+ .acud-radio-group .acud-radio-button.acud-radio-button:hover::before,
19051
+ .acud-radio-group .acud-radio-button.acud-radio-button:hover::after {
19052
+ background-color: #2468F2;
19053
+ z-index: 4;
19108
19054
  }
19109
- .acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
19110
- cursor: not-allowed;
19111
- background-color: #F7F7F9;
19055
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled {
19112
19056
  border-color: #E8E9EB;
19113
- }
19114
- .acud-select-multiple.acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
19115
19057
  background-color: #F7F7F9;
19116
19058
  }
19117
- .acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
19118
- cursor: not-allowed;
19059
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled::before,
19060
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled::after {
19061
+ background-color: #E8E9EB;
19062
+ z-index: 1;
19119
19063
  }
19120
- .acud-select-disabled:hover.acud-select:not(.acud-select-customize-input) .acud-select-selector {
19064
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover {
19121
19065
  border-color: #E8E9EB;
19122
19066
  }
19123
- .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
19124
- margin: 0;
19125
- padding: 0;
19126
- background: transparent;
19127
- border: none;
19128
- outline: none;
19129
- -webkit-appearance: none;
19130
- -moz-appearance: none;
19131
- appearance: none;
19067
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::before,
19068
+ .acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::after {
19069
+ background-color: #E8E9EB;
19070
+ z-index: 1;
19132
19071
  }
19133
- .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input::-webkit-search-cancel-button {
19134
- display: none;
19135
- -webkit-appearance: none;
19072
+
19073
+ /* color */
19074
+ /* 默认颜色 */
19075
+ /* 通用-icon */
19076
+ /* 标签 */
19077
+ /* 默认颜色 */
19078
+ /* 其他颜色 */
19079
+ /* 通用 */
19080
+ /* 水平 */
19081
+ /* 垂直 */
19082
+ /* 序号水平 */
19083
+ /* 序号垂直 */
19084
+ .acud-rate {
19085
+ display: inline-flex;
19086
+ justify-content: flex-start;
19087
+ align-items: center;
19088
+ position: relative;
19089
+ /* 🌟 */
19090
+ /* 标签 */
19136
19091
  }
19137
- .acud-select-open:not(.acud-select-customize-input) .acud-select-selector {
19138
- border-color: #2468F2;
19092
+ .acud-rate-star {
19093
+ color: #E8E9EB;
19094
+ cursor: pointer;
19095
+ display: inline-block;
19096
+ position: relative;
19097
+ /* 半⭐样式 */
19098
+ /* 鼠标划过 两个半星星transtion时会有缝隙 单个设置变形同时设置transform-origin */
19099
+ /* 普通样式 */
19100
+ /* 高分选中样式 */
19101
+ /* 低分选中样式 */
19102
+ /* 鼠标焦点选中样式 */
19103
+ /* 禁用样式 */
19139
19104
  }
19140
- .acud-select-selection-item {
19141
- flex: 1;
19105
+ .acud-rate-star-inner {
19106
+ width: 24px;
19107
+ height: 24px;
19142
19108
  overflow: hidden;
19143
- white-space: nowrap;
19144
- text-overflow: ellipsis;
19145
- color: #B8BABF;
19109
+ position: relative;
19146
19110
  }
19147
- @media all and (-ms-high-contrast: none) {
19148
- .acud-select-selection-item *::-ms-backdrop,
19149
- .acud-select-selection-item {
19150
- flex: auto;
19151
- }
19111
+ .acud-rate-star-inner-left {
19112
+ transform-origin: center center;
19113
+ transition: all 0.3s;
19114
+ position: absolute;
19115
+ top: 0;
19116
+ left: 0;
19117
+ height: 100%;
19118
+ width: 50%;
19119
+ line-height: 100%;
19152
19120
  }
19153
- .acud-select-disabled .acud-select-selection-item {
19154
- color: #B8BABF;
19121
+ .acud-rate-star-inner-left-svg {
19122
+ width: 200%;
19123
+ height: 100%;
19124
+ position: relative;
19155
19125
  }
19156
- .acud-select-selection-placeholder {
19157
- flex: 1;
19126
+ .acud-rate-star-inner-left-svg svg {
19127
+ width: 100%;
19128
+ height: 100%;
19129
+ }
19130
+ .acud-rate-star-inner-right {
19131
+ transform-origin: center center;
19132
+ transition: all 0.3s;
19133
+ position: absolute;
19134
+ top: 0;
19135
+ right: 0%;
19136
+ height: 100%;
19137
+ width: 50%;
19158
19138
  overflow: hidden;
19159
- color: #B8BABF;
19160
- white-space: nowrap;
19161
- text-overflow: ellipsis;
19162
- pointer-events: none;
19139
+ line-height: 100%;
19163
19140
  }
19164
- @media all and (-ms-high-contrast: none) {
19165
- .acud-select-selection-placeholder *::-ms-backdrop,
19166
- .acud-select-selection-placeholder {
19167
- flex: auto;
19168
- }
19141
+ .acud-rate-star-inner-right-svg {
19142
+ width: 200%;
19143
+ height: 100%;
19144
+ position: relative;
19145
+ right: 100%;
19169
19146
  }
19170
- .acud-select-arrow {
19171
- position: absolute;
19172
- top: 53%;
19173
- right: 12px;
19174
- width: 16px;
19175
- height: 16px;
19176
- margin-top: -8px;
19177
- color: #B8BABF;
19178
- font-size: 16px;
19179
- line-height: 1;
19180
- text-align: center;
19181
- pointer-events: none;
19147
+ .acud-rate-star-inner-right-svg svg {
19148
+ width: 100%;
19149
+ height: 100%;
19182
19150
  }
19183
- .acud-select-arrow .acuicon {
19184
- vertical-align: top;
19185
- transition: transform 0.3s;
19151
+ .acud-rate-star-half .acud-rate-star-inner-right {
19152
+ color: #E8E9EB;
19186
19153
  }
19187
- .acud-select-arrow .acuicon > svg {
19188
- vertical-align: top;
19154
+ .acud-rate-star:not(:last-child) {
19155
+ margin-right: 4px;
19189
19156
  }
19190
- .acud-select-arrow .acuicon:not(.acud-select-suffix) {
19191
- pointer-events: auto;
19157
+ .acud-rate-star:hover .acud-rate-star-inner-left {
19158
+ transform: scale(1.1);
19192
19159
  }
19193
- .acud-select-disabled .acud-select-arrow {
19194
- cursor: not-allowed;
19160
+ .acud-rate-star:hover .acud-rate-star-inner-right {
19161
+ transform: scale(1.1);
19195
19162
  }
19196
- .acud-select-clear {
19197
- position: absolute;
19198
- top: 50%;
19199
- right: 32px;
19200
- z-index: 1;
19201
- display: inline-flex;
19202
- width: 12px;
19203
- height: 12px;
19204
- border-radius: 6px;
19205
- margin-top: -6px;
19206
- font-size: 20px;
19207
- font-style: normal;
19208
- line-height: 1;
19209
- text-align: center;
19210
- text-transform: none;
19211
- cursor: pointer;
19212
- opacity: 0;
19213
- text-rendering: auto;
19214
- color: #FFFFFF;
19215
- background-color: #D4D6D9;
19216
- border-color: transparent;
19163
+ .acud-rate-star-normal {
19164
+ color: #E8E9EB;
19217
19165
  }
19218
- .acud-select-clear::before {
19219
- display: block;
19166
+ .acud-rate-star-full {
19167
+ color: #FF9326;
19220
19168
  }
19221
- .acud-select:hover .acud-select-clear {
19222
- opacity: 1;
19169
+ .acud-rate-star-low {
19170
+ color: #FF9326;
19223
19171
  }
19224
- .acud-select-clear .acuicon-outlined-close {
19225
- display: inline-flex;
19226
- width: 12px;
19227
- height: 12px;
19228
- padding-left: 2px;
19229
- padding-top: 2px;
19172
+ .acud-rate-star-focues .acud-rate-star-inner-left {
19173
+ transform: scale(1.1);
19230
19174
  }
19231
- .acud-select-clear:hover {
19232
- color: #FFFFFF;
19175
+ .acud-rate-star-focues .acud-rate-star-inner-right {
19176
+ transform: scale(1.1);
19233
19177
  }
19234
- .acud-select-clear:focus,
19235
- .acud-select-clear:active {
19236
- color: #FFFFFF;
19178
+ .acud-rate-star-disabled {
19179
+ cursor: not-allowed;
19237
19180
  }
19238
- .acud-select-clear[disabled],
19239
- .acud-select-clear[disabled]:hover,
19240
- .acud-select-clear[disabled]:focus,
19241
- .acud-select-clear[disabled]:active {
19242
- color: #FFFFFF;
19181
+ .acud-rate-label {
19182
+ color: #151B26;
19243
19183
  }
19244
- .acud-select-clear:hover {
19245
- background-color: #5C5F66;
19184
+ .acud-rate-tags {
19185
+ width: 100%;
19186
+ display: flex;
19187
+ justify-content: flex-start;
19188
+ flex-wrap: wrap;
19189
+ margin-top: 12px;
19246
19190
  }
19247
- .acud-select-clear:focus,
19248
- .acud-select-clear:active {
19249
- background-color: #303540;
19191
+ .acud-rate-tags-item {
19192
+ min-width: 72px;
19193
+ height: 32px;
19194
+ color: #84868C;
19195
+ border: 1px solid #B8BABF;
19196
+ border-radius: 4px;
19197
+ font-size: 8px;
19198
+ line-height: 32px;
19199
+ text-align: center;
19200
+ box-sizing: border-box;
19201
+ padding: 0 12px;
19202
+ margin-bottom: 4px;
19203
+ -webkit-user-select: none;
19204
+ -moz-user-select: none;
19205
+ -ms-user-select: none;
19206
+ user-select: none;
19207
+ transition: all 0.3s;
19208
+ cursor: pointer;
19250
19209
  }
19251
- .acud-select-clear[disabled],
19252
- .acud-select-clear[disabled]:hover,
19253
- .acud-select-clear[disabled]:focus,
19254
- .acud-select-clear[disabled]:active {
19255
- background-color: #F2F2F4;
19210
+ .acud-rate-tags-item:hover {
19211
+ color: #2468F2;
19256
19212
  }
19257
- .acud-select-clear:hover {
19258
- border-color: transparent;
19213
+ .acud-rate-tags-item:focus,
19214
+ .acud-rate-tags-item:active {
19215
+ color: #144BCC;
19259
19216
  }
19260
- .acud-select-clear:focus,
19261
- .acud-select-clear:active {
19262
- border-color: transparent;
19217
+ .acud-rate-tags-item[disabled],
19218
+ .acud-rate-tags-item[disabled]:hover,
19219
+ .acud-rate-tags-item[disabled]:focus,
19220
+ .acud-rate-tags-item[disabled]:active {
19221
+ color: #B8BABF;
19263
19222
  }
19264
- .acud-select-clear[disabled],
19265
- .acud-select-clear[disabled]:hover,
19266
- .acud-select-clear[disabled]:focus,
19267
- .acud-select-clear[disabled]:active {
19268
- border-color: transparent;
19223
+ .acud-rate-tags-item:not(:last-child) {
19224
+ margin-right: 4px;
19269
19225
  }
19270
- .acud-select-dropdown {
19271
- margin: 0;
19272
- padding: 0;
19273
- position: absolute;
19274
- top: -9999px;
19275
- left: -9999px;
19276
- z-index: 1050;
19277
- padding: 4px 0;
19278
- overflow: hidden;
19279
- font-size: 12px;
19280
- font-variant: initial;
19281
- border-radius: 4px;
19282
- outline: none;
19283
- background-color: #FFFFFF;
19284
- box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
19226
+ .acud-rate-tags-item:hover {
19227
+ color: #528EFF;
19228
+ border-color: #528EFF;
19285
19229
  }
19286
- .acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-bottomLeft,
19287
- .acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-bottomLeft {
19288
- -webkit-animation-name: acudSlideUpIn;
19289
- animation-name: acudSlideUpIn;
19230
+ .acud-rate-tags-select {
19231
+ color: #2468F2;
19232
+ border-color: #2468F2;
19290
19233
  }
19291
- .acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-topLeft,
19292
- .acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-topLeft {
19293
- -webkit-animation-name: acudSlideDownIn;
19294
- animation-name: acudSlideDownIn;
19234
+ .acud-rate-tags-disabled {
19235
+ cursor: not-allowed;
19295
19236
  }
19296
- .acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-bottomLeft {
19297
- -webkit-animation-name: acudSlideUpOut;
19298
- animation-name: acudSlideUpOut;
19237
+ .acud-rate-tags-disabled:hover {
19238
+ color: #84868C;
19239
+ border-color: #84868C;
19299
19240
  }
19300
- .acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-topLeft {
19301
- -webkit-animation-name: acudSlideDownOut;
19302
- animation-name: acudSlideDownOut;
19241
+ .acud-rate-tags-disabled:hover:hover {
19242
+ color: #2468F2;
19303
19243
  }
19304
- .acud-select-dropdown-hidden {
19305
- display: none;
19244
+ .acud-rate-tags-disabled:hover:focus,
19245
+ .acud-rate-tags-disabled:hover:active {
19246
+ color: #144BCC;
19306
19247
  }
19307
- .acud-select-dropdown-empty {
19248
+ .acud-rate-tags-disabled:hover[disabled],
19249
+ .acud-rate-tags-disabled:hover[disabled]:hover,
19250
+ .acud-rate-tags-disabled:hover[disabled]:focus,
19251
+ .acud-rate-tags-disabled:hover[disabled]:active {
19308
19252
  color: #B8BABF;
19309
19253
  }
19310
- .acud-select-item-empty {
19311
- color: #B8BABF;
19312
- position: relative;
19313
- display: flex;
19314
- padding: 7px 12px;
19315
- font-weight: normal;
19316
- font-size: 12px;
19317
- line-height: 20px;
19254
+
19255
+ /* color */
19256
+ /* 默认颜色 */
19257
+ /* 通用-icon */
19258
+ /* 标签 */
19259
+ /* 默认颜色 */
19260
+ /* 其他颜色 */
19261
+ /* 通用 */
19262
+ /* 水平 */
19263
+ /* 垂直 */
19264
+ /* 序号水平 */
19265
+ /* 序号垂直 */
19266
+ .acud-input-search-multiple .acud-input {
19267
+ padding-left: 0;
19318
19268
  }
19319
- .acud-select-item {
19320
- position: relative;
19321
- display: flex;
19322
- min-height: 32px;
19323
- padding: 5px 12px;
19269
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) {
19270
+ width: 88px;
19271
+ height: 30px;
19272
+ }
19273
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector {
19274
+ border: none;
19275
+ border-radius: 0;
19276
+ background-color: #F7F7F9;
19324
19277
  color: #151B26;
19325
- font-weight: normal;
19326
- font-size: 12px;
19327
- line-height: 22px;
19328
- cursor: pointer;
19329
- transition: background 0.3s ease;
19330
19278
  }
19331
- .acud-select-item-group {
19279
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
19280
+ background-color: #F2F2F4;
19332
19281
  color: #151B26;
19333
- font-size: 12px;
19334
- cursor: pointer;
19335
19282
  }
19336
- .acud-select-item-group:hover {
19283
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
19284
+ background-color: #F2F2F4;
19337
19285
  color: #151B26;
19338
19286
  }
19339
- .acud-select-item-group:focus,
19340
- .acud-select-item-group:active {
19287
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item {
19341
19288
  color: #151B26;
19342
19289
  }
19343
- .acud-select-item-group[disabled],
19344
- .acud-select-item-group[disabled]:hover,
19345
- .acud-select-item-group[disabled]:focus,
19346
- .acud-select-item-group[disabled]:active {
19290
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-arrow {
19291
+ color: #5C5F66;
19292
+ }
19293
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector,
19294
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:hover,
19295
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:active {
19296
+ background-color: #F2F2F4;
19347
19297
  color: #B8BABF;
19348
19298
  }
19349
- .acud-select-item-group-arrow {
19350
- margin-right: 8px;
19351
- display: flex;
19299
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector .acud-select-selection-item {
19300
+ color: #B8BABF;
19352
19301
  }
19353
- .acud-select-item-group-arrow .acuicon {
19302
+ .acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-arrow {
19303
+ color: #B8BABF;
19304
+ }
19305
+ .acud-input-search {
19354
19306
  display: flex;
19307
+ }
19308
+ .acud-input-search-icon.acuicon {
19355
19309
  color: #84868C;
19310
+ cursor: pointer;
19356
19311
  }
19357
- .acud-select-item-group-checkbox {
19358
- margin-right: 8px;
19312
+ .acud-input-search-icon.acuicon:hover {
19313
+ color: #2468F2;
19359
19314
  }
19360
- .acud-select-item-option {
19361
- display: flex;
19315
+ .acud-input-search-icon.acuicon:focus,
19316
+ .acud-input-search-icon.acuicon:active {
19317
+ color: #144BCC;
19362
19318
  }
19363
- .acud-select-item-option-content {
19364
- flex: auto;
19365
- overflow: hidden;
19366
- white-space: nowrap;
19367
- text-overflow: ellipsis;
19319
+ .acud-input-search-icon.acuicon[disabled],
19320
+ .acud-input-search-icon.acuicon[disabled]:hover,
19321
+ .acud-input-search-icon.acuicon[disabled]:focus,
19322
+ .acud-input-search-icon.acuicon[disabled]:active {
19323
+ color: #B8BABF;
19368
19324
  }
19369
- .acud-select-item-option-state {
19370
- flex: none;
19325
+ .acud-input-search-loading-icon.acuicon {
19326
+ color: #2468F2;
19371
19327
  }
19372
- .acud-select-item-option-active:not(.acud-select-item-option-disabled) {
19373
- background-color: #E6F0FF;
19328
+ .acud-input-search-enter-button .acud-input {
19329
+ border-top-right-radius: 0;
19330
+ border-bottom-right-radius: 0;
19331
+ border-right: none;
19374
19332
  }
19375
- .acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
19376
- color: #2468F2;
19377
- background-color: #FFFFFF;
19378
- border-color: transparent;
19333
+ .acud-input-search-enter-button .acud-btn {
19334
+ border-top-left-radius: 0;
19335
+ border-bottom-left-radius: 0;
19336
+ color: #FFFFFF;
19337
+ background-color: #2468F2;
19338
+ border-color: #2468F2;
19339
+ box-shadow: none;
19379
19340
  }
19380
- .acud-select-item-option-selected:not(.acud-select-item-option-disabled) .acud-select-item-option-state {
19381
- color: #151B26;
19341
+ .acud-input-search-enter-button .acud-btn:hover {
19342
+ color: #FFFFFF;
19382
19343
  }
19383
- .acud-select-item-option-disabled {
19344
+ .acud-input-search-enter-button .acud-btn:focus,
19345
+ .acud-input-search-enter-button .acud-btn:active {
19346
+ color: #FFFFFF;
19347
+ }
19348
+ .acud-input-search-enter-button .acud-btn[disabled],
19349
+ .acud-input-search-enter-button .acud-btn[disabled]:hover,
19350
+ .acud-input-search-enter-button .acud-btn[disabled]:focus,
19351
+ .acud-input-search-enter-button .acud-btn[disabled]:active {
19384
19352
  color: #B8BABF;
19385
- cursor: not-allowed;
19386
19353
  }
19387
- .acud-select-item-option-grouped {
19388
- padding-left: 48px;
19354
+ .acud-input-search-enter-button .acud-btn:hover {
19355
+ background-color: #528EFF;
19389
19356
  }
19390
- .acud-select-lg {
19391
- font-size: 14px;
19357
+ .acud-input-search-enter-button .acud-btn:focus,
19358
+ .acud-input-search-enter-button .acud-btn:active {
19359
+ background-color: #144BCC;
19392
19360
  }
19393
- .acud-select-borderless .acud-select-selector {
19394
- background-color: transparent !important;
19395
- border-color: transparent !important;
19396
- box-shadow: none !important;
19361
+ .acud-input-search-enter-button .acud-btn[disabled],
19362
+ .acud-input-search-enter-button .acud-btn[disabled]:hover,
19363
+ .acud-input-search-enter-button .acud-btn[disabled]:focus,
19364
+ .acud-input-search-enter-button .acud-btn[disabled]:active {
19365
+ background-color: #F2F2F4;
19397
19366
  }
19398
- .acud-select-search-highlight {
19399
- color: #2468F2;
19367
+ .acud-input-search-enter-button .acud-btn:hover {
19368
+ border-color: #528EFF;
19369
+ }
19370
+ .acud-input-search-enter-button .acud-btn:focus,
19371
+ .acud-input-search-enter-button .acud-btn:active {
19372
+ border-color: #144BCC;
19373
+ }
19374
+ .acud-input-search-enter-button .acud-btn[disabled],
19375
+ .acud-input-search-enter-button .acud-btn[disabled]:hover,
19376
+ .acud-input-search-enter-button .acud-btn[disabled]:focus,
19377
+ .acud-input-search-enter-button .acud-btn[disabled]:active {
19378
+ border-color: #E8E9EB;
19379
+ }
19380
+ .acud-input-search-enter-button .acud-btn:hover {
19381
+ box-shadow: none;
19382
+ }
19383
+ .acud-input-search-enter-button .acud-btn[disabled] {
19384
+ border: none;
19385
+ box-shadow: none;
19386
+ }
19387
+ .acud-input-search-enter-button .acud-btn[disabled]:hover {
19388
+ border: none;
19389
+ box-shadow: none;
19390
+ }
19391
+ .acud-input-search-enter-button .acud-btn .acuicon {
19392
+ height: 16px;
19393
+ }
19394
+ .acud-input-search-enter-button-disabled {
19395
+ border: solid 1px #E8E9EB;
19396
+ border-radius: 4px;
19397
+ }
19398
+ .acud-input-search-enter-button-disabled .acud-input {
19399
+ border: none;
19400
19400
  }
19401
19401
 
19402
19402
  /* color */