@qn-pandora/pandora-component 3.0.1 → 3.1.1

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 (239) hide show
  1. package/CHANGELOG.json +7 -7
  2. package/CHANGELOG.md +7 -8
  3. package/es/components/AutoComplete/style.css +4 -1
  4. package/es/components/Button/index.js +1 -1
  5. package/es/components/Card/style.css +10 -2
  6. package/es/components/CheckTransformList/Item/index.js +7 -3
  7. package/es/components/CheckTransformList/index.js +1 -1
  8. package/es/components/CheckTransformList/style.css +17 -7
  9. package/es/components/Collapse/Panel/index.d.ts +8 -40
  10. package/es/components/Collapse/Panel/index.js +34 -44
  11. package/es/components/Collapse/index.d.ts +15 -20
  12. package/es/components/Collapse/index.js +44 -18
  13. package/es/components/Collapse/style.css +210 -0
  14. package/es/components/Collapse/style.less +57 -0
  15. package/es/components/DateTimePicker/Base/index.d.ts +1 -0
  16. package/es/components/DateTimePicker/Base/index.js +29 -13
  17. package/es/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
  18. package/es/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
  19. package/es/components/DateTimePicker/Base/style.css +7 -12
  20. package/es/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
  21. package/es/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
  22. package/es/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
  23. package/es/components/DateTimePicker/BaseMobile/index.js +7 -2
  24. package/es/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
  25. package/es/components/DateTimePicker/Collapse/Panel/index.js +51 -0
  26. package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
  27. package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
  28. package/es/components/DateTimePicker/Collapse/index.d.ts +24 -0
  29. package/es/components/DateTimePicker/Collapse/index.js +42 -0
  30. package/es/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
  31. package/es/components/DateTimePicker/DisplayInput/index.js +4 -1
  32. package/es/components/DateTimePicker/DisplayInput/style.css +17 -7
  33. package/es/components/DateTimePicker/constants.d.ts +4 -5
  34. package/es/components/DateTimePicker/constants.js +39 -44
  35. package/es/components/DateTimePicker/style.css +155 -57
  36. package/es/components/DateTimePicker/time.d.ts +2 -2
  37. package/es/components/DateTimePicker/time.js +17 -11
  38. package/es/components/Input/style.css +17 -7
  39. package/es/components/InputNumber/style.css +1 -1
  40. package/es/components/Menu/Option.d.ts +1 -1
  41. package/es/components/Menu/style.css +4 -0
  42. package/es/components/NameLimiter/index.js +1 -0
  43. package/es/components/OptionList/PopoverOptionList/style.css +155 -57
  44. package/es/components/OptionList/style.css +155 -57
  45. package/es/components/RadioGroup/index.d.ts +53 -0
  46. package/es/components/RadioGroup/index.js +31 -0
  47. package/es/components/{SolidRadioGroup → RadioGroup}/style.css +43 -50
  48. package/es/components/RadioGroup/style.less +32 -0
  49. package/es/components/RangeInput/index.js +13 -7
  50. package/es/components/RangeInput/style.css +18 -8
  51. package/es/components/Selector/index.js +2 -2
  52. package/es/components/Selector/style.css +4 -1
  53. package/es/components/SolidRadioGroup/index.d.ts +3 -45
  54. package/es/components/SolidRadioGroup/index.js +13 -25
  55. package/es/components/Steps/ControlButton/index.js +8 -2
  56. package/es/components/Steps/style.css +0 -5
  57. package/es/components/Steps/style.less +0 -5
  58. package/es/components/Table/index.d.ts +1 -0
  59. package/es/components/Table/index.js +14 -5
  60. package/es/components/Table/style.css +20 -8
  61. package/es/components/Table/style.less +10 -3
  62. package/es/components/Tabs/style.css +10 -2
  63. package/es/components/Timeline/TimelineItem/index.js +6 -4
  64. package/es/components/Timeline/TimelineItem/style.css +1 -2
  65. package/es/components/Timeline/TimelineItem/style.less +1 -2
  66. package/es/components/Transfer/List/index.js +9 -4
  67. package/es/constants/language/check_transform_list/en.d.ts +2 -0
  68. package/es/constants/language/check_transform_list/en.js +5 -0
  69. package/es/constants/language/check_transform_list/type.d.ts +6 -0
  70. package/es/constants/language/check_transform_list/type.js +3 -0
  71. package/es/constants/language/check_transform_list/zh.d.ts +2 -0
  72. package/es/constants/language/check_transform_list/zh.js +5 -0
  73. package/es/constants/language/datetime/en.d.ts +2 -0
  74. package/es/constants/language/datetime/en.js +79 -0
  75. package/es/constants/language/datetime/type.d.ts +80 -0
  76. package/es/constants/language/datetime/type.js +3 -0
  77. package/es/constants/language/datetime/zh.d.ts +2 -0
  78. package/es/constants/language/datetime/zh.js +79 -0
  79. package/es/constants/language/en.d.ts +2 -0
  80. package/es/constants/language/en.js +14 -0
  81. package/es/constants/language/range_input/en.d.ts +2 -0
  82. package/es/constants/language/range_input/en.js +7 -0
  83. package/es/constants/language/range_input/type.d.ts +8 -0
  84. package/es/constants/language/range_input/type.js +3 -0
  85. package/es/constants/language/range_input/zh.d.ts +2 -0
  86. package/es/constants/language/range_input/zh.js +7 -0
  87. package/es/constants/language/steps/en.d.ts +2 -0
  88. package/es/constants/language/steps/en.js +4 -0
  89. package/es/constants/language/steps/type.d.ts +5 -0
  90. package/es/constants/language/steps/type.js +3 -0
  91. package/es/constants/language/steps/zh.d.ts +2 -0
  92. package/es/constants/language/steps/zh.js +4 -0
  93. package/es/constants/language/table/en.d.ts +2 -0
  94. package/es/constants/language/table/en.js +4 -0
  95. package/es/constants/language/table/type.d.ts +5 -0
  96. package/es/constants/language/table/type.js +3 -0
  97. package/es/constants/language/table/zh.d.ts +2 -0
  98. package/es/constants/language/table/zh.js +4 -0
  99. package/es/constants/language/transfer/en.d.ts +2 -0
  100. package/es/constants/language/transfer/en.js +4 -0
  101. package/es/constants/language/transfer/type.d.ts +5 -0
  102. package/es/constants/language/transfer/type.js +3 -0
  103. package/es/constants/language/transfer/zh.d.ts +2 -0
  104. package/es/constants/language/transfer/zh.js +4 -0
  105. package/es/constants/language/type.d.ts +15 -0
  106. package/es/constants/language/type.js +3 -0
  107. package/es/constants/language/zh.d.ts +2 -0
  108. package/es/constants/language/zh.js +14 -0
  109. package/es/index.css +1464 -1153
  110. package/es/index.d.ts +2 -1
  111. package/es/index.js +2 -1
  112. package/es/index.less +7 -7
  113. package/es/style/theme.less +9 -2
  114. package/es/utils/language.d.ts +1 -0
  115. package/es/utils/language.js +15 -0
  116. package/es/utils/languageLocale.d.ts +1 -0
  117. package/es/utils/languageLocale.js +9 -0
  118. package/lib/components/AutoComplete/style.css +4 -1
  119. package/lib/components/Button/index.js +1 -1
  120. package/lib/components/Card/style.css +10 -2
  121. package/lib/components/CheckTransformList/Item/index.js +7 -3
  122. package/lib/components/CheckTransformList/index.js +1 -1
  123. package/lib/components/CheckTransformList/style.css +17 -7
  124. package/lib/components/Collapse/Panel/index.d.ts +8 -40
  125. package/lib/components/Collapse/Panel/index.js +35 -45
  126. package/lib/components/Collapse/index.d.ts +15 -20
  127. package/lib/components/Collapse/index.js +47 -20
  128. package/lib/components/Collapse/style.css +210 -0
  129. package/lib/components/Collapse/style.less +57 -0
  130. package/lib/components/DateTimePicker/Base/index.d.ts +1 -0
  131. package/lib/components/DateTimePicker/Base/index.js +29 -13
  132. package/lib/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
  133. package/lib/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
  134. package/lib/components/DateTimePicker/Base/style.css +7 -12
  135. package/lib/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
  136. package/lib/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
  137. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
  138. package/lib/components/DateTimePicker/BaseMobile/index.js +7 -2
  139. package/lib/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
  140. package/lib/components/DateTimePicker/Collapse/Panel/index.js +64 -0
  141. package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
  142. package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
  143. package/lib/components/DateTimePicker/Collapse/index.d.ts +24 -0
  144. package/lib/components/DateTimePicker/Collapse/index.js +54 -0
  145. package/lib/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
  146. package/lib/components/DateTimePicker/DisplayInput/index.js +4 -1
  147. package/lib/components/DateTimePicker/DisplayInput/style.css +17 -7
  148. package/lib/components/DateTimePicker/constants.d.ts +4 -5
  149. package/lib/components/DateTimePicker/constants.js +39 -44
  150. package/lib/components/DateTimePicker/style.css +155 -57
  151. package/lib/components/DateTimePicker/time.d.ts +2 -2
  152. package/lib/components/DateTimePicker/time.js +16 -10
  153. package/lib/components/Input/style.css +17 -7
  154. package/lib/components/InputNumber/style.css +1 -1
  155. package/lib/components/Menu/Option.d.ts +1 -1
  156. package/lib/components/Menu/style.css +4 -0
  157. package/lib/components/NameLimiter/index.js +1 -0
  158. package/lib/components/OptionList/PopoverOptionList/style.css +155 -57
  159. package/lib/components/OptionList/style.css +155 -57
  160. package/lib/components/RadioGroup/index.d.ts +53 -0
  161. package/lib/components/RadioGroup/index.js +44 -0
  162. package/lib/components/{SolidRadioGroup → RadioGroup}/style.css +43 -50
  163. package/lib/components/RadioGroup/style.less +32 -0
  164. package/lib/components/RangeInput/index.js +13 -7
  165. package/lib/components/RangeInput/style.css +18 -8
  166. package/lib/components/Selector/index.js +1 -1
  167. package/lib/components/Selector/style.css +4 -1
  168. package/lib/components/SolidRadioGroup/index.d.ts +3 -45
  169. package/lib/components/SolidRadioGroup/index.js +13 -25
  170. package/lib/components/Steps/ControlButton/index.js +8 -2
  171. package/lib/components/Steps/style.css +0 -5
  172. package/lib/components/Steps/style.less +0 -5
  173. package/lib/components/Table/index.d.ts +1 -0
  174. package/lib/components/Table/index.js +14 -5
  175. package/lib/components/Table/style.css +20 -8
  176. package/lib/components/Table/style.less +10 -3
  177. package/lib/components/Tabs/style.css +10 -2
  178. package/lib/components/Timeline/TimelineItem/index.js +6 -4
  179. package/lib/components/Timeline/TimelineItem/style.css +1 -2
  180. package/lib/components/Timeline/TimelineItem/style.less +1 -2
  181. package/lib/components/Transfer/List/index.js +8 -3
  182. package/lib/constants/language/check_transform_list/en.d.ts +2 -0
  183. package/lib/constants/language/check_transform_list/en.js +7 -0
  184. package/lib/constants/language/check_transform_list/type.d.ts +6 -0
  185. package/lib/constants/language/check_transform_list/type.js +5 -0
  186. package/lib/constants/language/check_transform_list/zh.d.ts +2 -0
  187. package/lib/constants/language/check_transform_list/zh.js +7 -0
  188. package/lib/constants/language/datetime/en.d.ts +2 -0
  189. package/lib/constants/language/datetime/en.js +81 -0
  190. package/lib/constants/language/datetime/type.d.ts +80 -0
  191. package/lib/constants/language/datetime/type.js +5 -0
  192. package/lib/constants/language/datetime/zh.d.ts +2 -0
  193. package/lib/constants/language/datetime/zh.js +81 -0
  194. package/lib/constants/language/en.d.ts +2 -0
  195. package/lib/constants/language/en.js +16 -0
  196. package/lib/constants/language/range_input/en.d.ts +2 -0
  197. package/lib/constants/language/range_input/en.js +9 -0
  198. package/lib/constants/language/range_input/type.d.ts +8 -0
  199. package/lib/constants/language/range_input/type.js +5 -0
  200. package/lib/constants/language/range_input/zh.d.ts +2 -0
  201. package/lib/constants/language/range_input/zh.js +9 -0
  202. package/lib/constants/language/steps/en.d.ts +2 -0
  203. package/lib/constants/language/steps/en.js +6 -0
  204. package/lib/constants/language/steps/type.d.ts +5 -0
  205. package/lib/constants/language/steps/type.js +5 -0
  206. package/lib/constants/language/steps/zh.d.ts +2 -0
  207. package/lib/constants/language/steps/zh.js +6 -0
  208. package/lib/constants/language/table/en.d.ts +2 -0
  209. package/lib/constants/language/table/en.js +6 -0
  210. package/lib/constants/language/table/type.d.ts +5 -0
  211. package/lib/constants/language/table/type.js +5 -0
  212. package/lib/constants/language/table/zh.d.ts +2 -0
  213. package/lib/constants/language/table/zh.js +6 -0
  214. package/lib/constants/language/transfer/en.d.ts +2 -0
  215. package/lib/constants/language/transfer/en.js +6 -0
  216. package/lib/constants/language/transfer/type.d.ts +5 -0
  217. package/lib/constants/language/transfer/type.js +5 -0
  218. package/lib/constants/language/transfer/zh.d.ts +2 -0
  219. package/lib/constants/language/transfer/zh.js +6 -0
  220. package/lib/constants/language/type.d.ts +15 -0
  221. package/lib/constants/language/type.js +5 -0
  222. package/lib/constants/language/zh.d.ts +2 -0
  223. package/lib/constants/language/zh.js +16 -0
  224. package/lib/index.css +3909 -3598
  225. package/lib/index.d.ts +2 -1
  226. package/lib/index.js +3 -0
  227. package/lib/index.less +7 -7
  228. package/lib/style/theme.less +9 -2
  229. package/lib/utils/language.d.ts +1 -0
  230. package/lib/utils/language.js +21 -0
  231. package/lib/utils/languageLocale.d.ts +1 -0
  232. package/lib/utils/languageLocale.js +12 -0
  233. package/package.json +11 -8
  234. package/es/components/Collapse/stories/style.stories.css +0 -12
  235. package/es/components/Collapse/stories/style.stories.less +0 -7
  236. package/es/components/SolidRadioGroup/style.less +0 -39
  237. package/lib/components/Collapse/stories/style.stories.css +0 -12
  238. package/lib/components/Collapse/stories/style.stories.less +0 -7
  239. package/lib/components/SolidRadioGroup/style.less +0 -39
package/es/index.css CHANGED
@@ -2452,8 +2452,15 @@ a.ant-btn-sm {
2452
2452
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2453
2453
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2454
2454
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2455
- margin-right: 0;
2456
- margin-left: 2px;
2455
+ margin-right: 2px;
2456
+ margin-left: 0;
2457
+ }
2458
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
2459
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
2460
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
2461
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
2462
+ margin-right: 2px;
2463
+ margin-left: 0;
2457
2464
  }
2458
2465
  .ant-tabs-dropdown-rtl {
2459
2466
  direction: rtl;
@@ -2930,6 +2937,7 @@ a.ant-btn-sm {
2930
2937
  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
2931
2938
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
2932
2939
  min-width: 40px;
2940
+ margin-left: 2px;
2933
2941
  padding: 0 8px;
2934
2942
  background: #fafafa;
2935
2943
  border: 1px solid #f0f0f0;
@@ -3556,8 +3564,8 @@ textarea.ant-input-affix-wrapper {
3556
3564
  outline: none;
3557
3565
  }
3558
3566
  .ant-input-affix-wrapper > input.ant-input:focus {
3559
- -webkit-box-shadow: none;
3560
- box-shadow: none;
3567
+ -webkit-box-shadow: none !important;
3568
+ box-shadow: none !important;
3561
3569
  }
3562
3570
  .ant-input-affix-wrapper::before {
3563
3571
  width: 0;
@@ -3582,7 +3590,7 @@ textarea.ant-input-affix-wrapper {
3582
3590
  .ant-input-suffix {
3583
3591
  margin-left: 4px;
3584
3592
  }
3585
- .ant-input-clear-icon {
3593
+ .anticon.ant-input-clear-icon {
3586
3594
  margin: 0 4px;
3587
3595
  color: rgba(0, 0, 0, 0.25);
3588
3596
  font-size: 12px;
@@ -3591,16 +3599,16 @@ textarea.ant-input-affix-wrapper {
3591
3599
  -webkit-transition: color 0.3s;
3592
3600
  transition: color 0.3s;
3593
3601
  }
3594
- .ant-input-clear-icon:hover {
3602
+ .anticon.ant-input-clear-icon:hover {
3595
3603
  color: rgba(0, 0, 0, 0.45);
3596
3604
  }
3597
- .ant-input-clear-icon:active {
3605
+ .anticon.ant-input-clear-icon:active {
3598
3606
  color: rgba(0, 0, 0, 0.85);
3599
3607
  }
3600
- .ant-input-clear-icon-hidden {
3608
+ .anticon.ant-input-clear-icon-hidden {
3601
3609
  visibility: hidden;
3602
3610
  }
3603
- .ant-input-clear-icon:last-child {
3611
+ .anticon.ant-input-clear-icon:last-child {
3604
3612
  margin-right: 0;
3605
3613
  }
3606
3614
  .ant-input-affix-wrapper-textarea-with-clear-btn {
@@ -3814,6 +3822,16 @@ textarea.ant-input {
3814
3822
  .ant-input-group-addon .ant-select-focused .ant-select-selector {
3815
3823
  color: #1890ff;
3816
3824
  }
3825
+ .ant-input-group-addon .ant-cascader-picker {
3826
+ margin: -9px -12px;
3827
+ background-color: transparent;
3828
+ }
3829
+ .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
3830
+ text-align: left;
3831
+ border: 0;
3832
+ -webkit-box-shadow: none;
3833
+ box-shadow: none;
3834
+ }
3817
3835
  .ant-input-group > .ant-input:first-child,
3818
3836
  .ant-input-group-addon:first-child {
3819
3837
  border-top-right-radius: 0;
@@ -4211,6 +4229,206 @@ textarea.ant-input {
4211
4229
  width: 100%;
4212
4230
  margin-left: 0 !important;
4213
4231
  }
4232
+ .ant-collapse {
4233
+ -webkit-box-sizing: border-box;
4234
+ box-sizing: border-box;
4235
+ margin: 0;
4236
+ padding: 0;
4237
+ color: rgba(0, 0, 0, 0.85);
4238
+ font-size: 14px;
4239
+ font-variant: tabular-nums;
4240
+ line-height: 1.5715;
4241
+ list-style: none;
4242
+ -webkit-font-feature-settings: 'tnum';
4243
+ font-feature-settings: 'tnum';
4244
+ background-color: #fafafa;
4245
+ border: 1px solid #d9d9d9;
4246
+ border-bottom: 0;
4247
+ border-radius: 2px;
4248
+ }
4249
+ .ant-collapse > .ant-collapse-item {
4250
+ border-bottom: 1px solid #d9d9d9;
4251
+ }
4252
+ .ant-collapse > .ant-collapse-item:last-child,
4253
+ .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
4254
+ border-radius: 0 0 2px 2px;
4255
+ }
4256
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header {
4257
+ position: relative;
4258
+ padding: 12px 16px;
4259
+ color: rgba(0, 0, 0, 0.85);
4260
+ line-height: 1.5715;
4261
+ cursor: pointer;
4262
+ -webkit-transition: all 0.3s, visibility 0s;
4263
+ transition: all 0.3s, visibility 0s;
4264
+ }
4265
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
4266
+ display: table;
4267
+ content: '';
4268
+ }
4269
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
4270
+ display: table;
4271
+ clear: both;
4272
+ content: '';
4273
+ }
4274
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
4275
+ display: inline-block;
4276
+ margin-right: 12px;
4277
+ font-size: 12px;
4278
+ vertical-align: -1px;
4279
+ }
4280
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
4281
+ -webkit-transition: -webkit-transform 0.24s;
4282
+ transition: -webkit-transform 0.24s;
4283
+ transition: transform 0.24s;
4284
+ transition: transform 0.24s, -webkit-transform 0.24s;
4285
+ }
4286
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
4287
+ float: right;
4288
+ }
4289
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
4290
+ outline: none;
4291
+ }
4292
+ .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
4293
+ cursor: default;
4294
+ }
4295
+ .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
4296
+ cursor: pointer;
4297
+ }
4298
+ .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
4299
+ padding-left: 12px;
4300
+ }
4301
+ .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
4302
+ padding: 12px 16px;
4303
+ padding-right: 40px;
4304
+ }
4305
+ .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
4306
+ position: absolute;
4307
+ top: 50%;
4308
+ right: 16px;
4309
+ left: auto;
4310
+ margin: 0;
4311
+ -webkit-transform: translateY(-50%);
4312
+ transform: translateY(-50%);
4313
+ }
4314
+ .ant-collapse-content {
4315
+ color: rgba(0, 0, 0, 0.85);
4316
+ background-color: #fff;
4317
+ border-top: 1px solid #d9d9d9;
4318
+ }
4319
+ .ant-collapse-content > .ant-collapse-content-box {
4320
+ padding: 16px;
4321
+ }
4322
+ .ant-collapse-content-hidden {
4323
+ display: none;
4324
+ }
4325
+ .ant-collapse-item:last-child > .ant-collapse-content {
4326
+ border-radius: 0 0 2px 2px;
4327
+ }
4328
+ .ant-collapse-borderless {
4329
+ background-color: #fafafa;
4330
+ border: 0;
4331
+ }
4332
+ .ant-collapse-borderless > .ant-collapse-item {
4333
+ border-bottom: 1px solid #d9d9d9;
4334
+ }
4335
+ .ant-collapse-borderless > .ant-collapse-item:last-child,
4336
+ .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
4337
+ border-radius: 0;
4338
+ }
4339
+ .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
4340
+ background-color: transparent;
4341
+ border-top: 0;
4342
+ }
4343
+ .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
4344
+ padding-top: 4px;
4345
+ }
4346
+ .ant-collapse-ghost {
4347
+ background-color: transparent;
4348
+ border: 0;
4349
+ }
4350
+ .ant-collapse-ghost > .ant-collapse-item {
4351
+ border-bottom: 0;
4352
+ }
4353
+ .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
4354
+ background-color: transparent;
4355
+ border-top: 0;
4356
+ }
4357
+ .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
4358
+ padding-top: 12px;
4359
+ padding-bottom: 12px;
4360
+ }
4361
+ .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
4362
+ .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
4363
+ color: rgba(0, 0, 0, 0.25);
4364
+ cursor: not-allowed;
4365
+ }
4366
+ .ant-collapse-rtl {
4367
+ direction: rtl;
4368
+ }
4369
+ .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
4370
+ padding: 12px 16px;
4371
+ padding-right: 40px;
4372
+ }
4373
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
4374
+ -webkit-transform: rotate(180deg);
4375
+ transform: rotate(180deg);
4376
+ }
4377
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
4378
+ float: left;
4379
+ }
4380
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
4381
+ padding-right: 12px;
4382
+ padding-left: 0;
4383
+ }
4384
+ .pandora-sdk-collapse-simple {
4385
+ border-width: 0px;
4386
+ color: rgba(0, 0, 0, 0.85);
4387
+ }
4388
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
4389
+ background-color: #d9d9d9;
4390
+ }
4391
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
4392
+ color: rgba(0, 0, 0, 0.85);
4393
+ }
4394
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
4395
+ color: heading-color;
4396
+ border-top-width: 0px;
4397
+ }
4398
+ .pandora-sdk-collapse-primary,
4399
+ .pandora-sdk-collapse-dashed {
4400
+ border: none;
4401
+ }
4402
+ .pandora-sdk-collapse-primary > .ant-collapse-item {
4403
+ border: none;
4404
+ }
4405
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
4406
+ padding: 5px 16px;
4407
+ border-bottom-width: 0px;
4408
+ background-color: #fafafa;
4409
+ font-weight: 500;
4410
+ }
4411
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
4412
+ width: 2px;
4413
+ height: 16px;
4414
+ position: absolute;
4415
+ top: 8px;
4416
+ left: 0px;
4417
+ background-color: #2c6dd2;
4418
+ }
4419
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
4420
+ border: none;
4421
+ }
4422
+ .pandora-sdk-collapse-dashed > .ant-collapse-item {
4423
+ border: 1px dashed #d9d9d9;
4424
+ margin-bottom: 12px;
4425
+ }
4426
+ .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
4427
+ background-color: #d9d9d9;
4428
+ }
4429
+ .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4430
+ border: none;
4431
+ }
4214
4432
  .pandora-sdk-collapsible-panel > .panel-header {
4215
4433
  position: relative;
4216
4434
  padding: 12px 16px 12px 40px;
@@ -4378,100 +4596,198 @@ textarea.ant-input {
4378
4596
  display: block;
4379
4597
  width: 8.48528137px;
4380
4598
  height: 8.48528137px;
4599
+ overflow: hidden;
4381
4600
  background: transparent;
4382
- border-style: solid;
4383
- border-width: 4.24264069px;
4384
- -webkit-transform: rotate(45deg);
4385
- transform: rotate(45deg);
4601
+ pointer-events: none;
4386
4602
  }
4387
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
4388
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
4389
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4390
- bottom: 6.2px;
4391
- border-top-color: transparent;
4392
- border-right-color: #fff;
4393
- border-bottom-color: #fff;
4394
- border-left-color: transparent;
4603
+ .ant-popover-arrow-content {
4604
+ position: absolute;
4605
+ top: 0;
4606
+ right: 0;
4607
+ bottom: 0;
4608
+ left: 0;
4609
+ display: block;
4610
+ width: 6px;
4611
+ height: 6px;
4612
+ margin: auto;
4613
+ background-color: #fff;
4614
+ content: '';
4615
+ pointer-events: auto;
4616
+ }
4617
+ .ant-popover-placement-top .ant-popover-arrow,
4618
+ .ant-popover-placement-topLeft .ant-popover-arrow,
4619
+ .ant-popover-placement-topRight .ant-popover-arrow {
4620
+ bottom: 1.51471863px;
4621
+ }
4622
+ .ant-popover-placement-top .ant-popover-arrow-content,
4623
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
4624
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
4395
4625
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4396
4626
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4627
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4628
+ transform: translateY(-4.24264069px) rotate(45deg);
4397
4629
  }
4398
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
4630
+ .ant-popover-placement-top .ant-popover-arrow {
4399
4631
  left: 50%;
4400
- -webkit-transform: translateX(-50%) rotate(45deg);
4401
- transform: translateX(-50%) rotate(45deg);
4632
+ -webkit-transform: translateX(-50%);
4633
+ transform: translateX(-50%);
4402
4634
  }
4403
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
4635
+ .ant-popover-placement-topLeft .ant-popover-arrow {
4404
4636
  left: 16px;
4405
4637
  }
4406
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4638
+ .ant-popover-placement-topRight .ant-popover-arrow {
4407
4639
  right: 16px;
4408
4640
  }
4409
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
4410
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
4411
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4412
- left: 6px;
4413
- border-top-color: transparent;
4414
- border-right-color: transparent;
4415
- border-bottom-color: #fff;
4416
- border-left-color: #fff;
4641
+ .ant-popover-placement-right .ant-popover-arrow,
4642
+ .ant-popover-placement-rightTop .ant-popover-arrow,
4643
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4644
+ left: 1.51471863px;
4645
+ }
4646
+ .ant-popover-placement-right .ant-popover-arrow-content,
4647
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
4648
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4417
4649
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4418
4650
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4651
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
4652
+ transform: translateX(4.24264069px) rotate(45deg);
4419
4653
  }
4420
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
4654
+ .ant-popover-placement-right .ant-popover-arrow {
4421
4655
  top: 50%;
4422
- -webkit-transform: translateY(-50%) rotate(45deg);
4423
- transform: translateY(-50%) rotate(45deg);
4656
+ -webkit-transform: translateY(-50%);
4657
+ transform: translateY(-50%);
4424
4658
  }
4425
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
4659
+ .ant-popover-placement-rightTop .ant-popover-arrow {
4426
4660
  top: 12px;
4427
4661
  }
4428
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4662
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4429
4663
  bottom: 12px;
4430
4664
  }
4431
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
4432
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
4433
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4434
- top: 6px;
4435
- border-top-color: #fff;
4436
- border-right-color: transparent;
4437
- border-bottom-color: transparent;
4438
- border-left-color: #fff;
4665
+ .ant-popover-placement-bottom .ant-popover-arrow,
4666
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
4667
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4668
+ top: 1.51471863px;
4669
+ }
4670
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
4671
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
4672
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
4439
4673
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4440
4674
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4675
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
4676
+ transform: translateY(4.24264069px) rotate(45deg);
4441
4677
  }
4442
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
4678
+ .ant-popover-placement-bottom .ant-popover-arrow {
4443
4679
  left: 50%;
4444
- -webkit-transform: translateX(-50%) rotate(45deg);
4445
- transform: translateX(-50%) rotate(45deg);
4680
+ -webkit-transform: translateX(-50%);
4681
+ transform: translateX(-50%);
4446
4682
  }
4447
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
4683
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
4448
4684
  left: 16px;
4449
4685
  }
4450
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4686
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4451
4687
  right: 16px;
4452
4688
  }
4453
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
4454
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
4455
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4456
- right: 6px;
4457
- border-top-color: #fff;
4458
- border-right-color: #fff;
4459
- border-bottom-color: transparent;
4460
- border-left-color: transparent;
4689
+ .ant-popover-placement-left .ant-popover-arrow,
4690
+ .ant-popover-placement-leftTop .ant-popover-arrow,
4691
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4692
+ right: 1.51471863px;
4693
+ }
4694
+ .ant-popover-placement-left .ant-popover-arrow-content,
4695
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
4696
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
4461
4697
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4462
4698
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4699
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
4700
+ transform: translateX(-4.24264069px) rotate(45deg);
4463
4701
  }
4464
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
4702
+ .ant-popover-placement-left .ant-popover-arrow {
4465
4703
  top: 50%;
4466
- -webkit-transform: translateY(-50%) rotate(45deg);
4467
- transform: translateY(-50%) rotate(45deg);
4704
+ -webkit-transform: translateY(-50%);
4705
+ transform: translateY(-50%);
4468
4706
  }
4469
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
4707
+ .ant-popover-placement-leftTop .ant-popover-arrow {
4470
4708
  top: 12px;
4471
4709
  }
4472
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4710
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4473
4711
  bottom: 12px;
4474
4712
  }
4713
+ .ant-popover-pink .ant-popover-inner {
4714
+ background-color: #eb2f96;
4715
+ }
4716
+ .ant-popover-pink .ant-popover-arrow-content {
4717
+ background-color: #eb2f96;
4718
+ }
4719
+ .ant-popover-magenta .ant-popover-inner {
4720
+ background-color: #eb2f96;
4721
+ }
4722
+ .ant-popover-magenta .ant-popover-arrow-content {
4723
+ background-color: #eb2f96;
4724
+ }
4725
+ .ant-popover-red .ant-popover-inner {
4726
+ background-color: #f5222d;
4727
+ }
4728
+ .ant-popover-red .ant-popover-arrow-content {
4729
+ background-color: #f5222d;
4730
+ }
4731
+ .ant-popover-volcano .ant-popover-inner {
4732
+ background-color: #fa541c;
4733
+ }
4734
+ .ant-popover-volcano .ant-popover-arrow-content {
4735
+ background-color: #fa541c;
4736
+ }
4737
+ .ant-popover-orange .ant-popover-inner {
4738
+ background-color: #fa8c16;
4739
+ }
4740
+ .ant-popover-orange .ant-popover-arrow-content {
4741
+ background-color: #fa8c16;
4742
+ }
4743
+ .ant-popover-yellow .ant-popover-inner {
4744
+ background-color: #fadb14;
4745
+ }
4746
+ .ant-popover-yellow .ant-popover-arrow-content {
4747
+ background-color: #fadb14;
4748
+ }
4749
+ .ant-popover-gold .ant-popover-inner {
4750
+ background-color: #faad14;
4751
+ }
4752
+ .ant-popover-gold .ant-popover-arrow-content {
4753
+ background-color: #faad14;
4754
+ }
4755
+ .ant-popover-cyan .ant-popover-inner {
4756
+ background-color: #13c2c2;
4757
+ }
4758
+ .ant-popover-cyan .ant-popover-arrow-content {
4759
+ background-color: #13c2c2;
4760
+ }
4761
+ .ant-popover-lime .ant-popover-inner {
4762
+ background-color: #a0d911;
4763
+ }
4764
+ .ant-popover-lime .ant-popover-arrow-content {
4765
+ background-color: #a0d911;
4766
+ }
4767
+ .ant-popover-green .ant-popover-inner {
4768
+ background-color: #52c41a;
4769
+ }
4770
+ .ant-popover-green .ant-popover-arrow-content {
4771
+ background-color: #52c41a;
4772
+ }
4773
+ .ant-popover-blue .ant-popover-inner {
4774
+ background-color: #1890ff;
4775
+ }
4776
+ .ant-popover-blue .ant-popover-arrow-content {
4777
+ background-color: #1890ff;
4778
+ }
4779
+ .ant-popover-geekblue .ant-popover-inner {
4780
+ background-color: #2f54eb;
4781
+ }
4782
+ .ant-popover-geekblue .ant-popover-arrow-content {
4783
+ background-color: #2f54eb;
4784
+ }
4785
+ .ant-popover-purple .ant-popover-inner {
4786
+ background-color: #722ed1;
4787
+ }
4788
+ .ant-popover-purple .ant-popover-arrow-content {
4789
+ background-color: #722ed1;
4790
+ }
4475
4791
  .ant-popover-rtl {
4476
4792
  direction: rtl;
4477
4793
  text-align: right;
@@ -4887,6 +5203,7 @@ textarea.ant-input-number {
4887
5203
  font-weight: bold;
4888
5204
  line-height: 0;
4889
5205
  text-align: center;
5206
+ border-left: 1px solid #d9d9d9;
4890
5207
  -webkit-transition: all 0.1s linear;
4891
5208
  transition: all 0.1s linear;
4892
5209
  }
@@ -5033,7 +5350,6 @@ textarea.ant-input-number {
5033
5350
  width: 22px;
5034
5351
  height: 100%;
5035
5352
  background: #fff;
5036
- border-left: 1px solid #d9d9d9;
5037
5353
  border-radius: 0 2px 2px 0;
5038
5354
  opacity: 0;
5039
5355
  -webkit-transition: opacity 0.24s linear 0.1s;
@@ -5305,6 +5621,10 @@ textarea.ant-input-number {
5305
5621
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5306
5622
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5307
5623
  }
5624
+ .ant-menu-title-content {
5625
+ -webkit-transition: color 0.3s;
5626
+ transition: color 0.3s;
5627
+ }
5308
5628
  .ant-menu-item a {
5309
5629
  color: rgba(0, 0, 0, 0.85);
5310
5630
  }
@@ -6158,15 +6478,6 @@ textarea.ant-input-number {
6158
6478
  .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6159
6479
  max-height: 320px;
6160
6480
  }
6161
- .pandora-sdk-name-explain-icon {
6162
- color: inherit;
6163
- -webkit-transition: color 0.3s;
6164
- transition: color 0.3s;
6165
- }
6166
- .pandora-sdk-name-explain-icon:hover,
6167
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
6168
- color: #2c6dd2;
6169
- }
6170
6481
  .ant-modal {
6171
6482
  -webkit-box-sizing: border-box;
6172
6483
  box-sizing: border-box;
@@ -6448,6 +6759,15 @@ textarea.ant-input-number {
6448
6759
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6449
6760
  color: #d9d9d9;
6450
6761
  }
6762
+ .pandora-sdk-name-explain-icon {
6763
+ color: inherit;
6764
+ -webkit-transition: color 0.3s;
6765
+ transition: color 0.3s;
6766
+ }
6767
+ .pandora-sdk-name-explain-icon:hover,
6768
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
6769
+ color: #2c6dd2;
6770
+ }
6451
6771
  .ant-tooltip {
6452
6772
  -webkit-box-sizing: border-box;
6453
6773
  box-sizing: border-box;
@@ -6723,1260 +7043,1256 @@ textarea.ant-input-number {
6723
7043
  line-height: 22px;
6724
7044
  font-size: 12px;
6725
7045
  }
6726
- .pandora-sdk-range-input {
6727
- position: relative;
6728
- }
6729
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
6730
- display: inline-block;
6731
- width: 40px;
6732
- line-height: 40px;
6733
- text-align: center;
6734
- }
6735
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
6736
- width: calc(50% - 20px);
6737
- text-align: center;
7046
+ .ant-radio-group {
7047
+ -webkit-box-sizing: border-box;
7048
+ box-sizing: border-box;
7049
+ margin: 0;
7050
+ padding: 0;
7051
+ color: rgba(0, 0, 0, 0.85);
7052
+ font-size: 14px;
7053
+ font-variant: tabular-nums;
7054
+ line-height: 1.5715;
7055
+ list-style: none;
7056
+ -webkit-font-feature-settings: 'tnum';
7057
+ font-feature-settings: 'tnum';
6738
7058
  display: inline-block;
7059
+ font-size: 0;
6739
7060
  }
6740
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
6741
- color: #ff4d4f;
6742
- line-height: 24px;
6743
- font-size: 12px;
6744
- }
6745
- .pandora-sdk-range-input .ant-input-number {
6746
- width: 100%;
6747
- }
6748
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
6749
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
6750
- -webkit-appearance: none;
6751
- }
6752
- .pandora-sdk-range-input input[type='number'] {
6753
- -moz-appearance: textfield;
6754
- }
6755
- .ant-select-single .ant-select-selector {
6756
- display: -webkit-box;
6757
- display: -ms-flexbox;
6758
- display: flex;
6759
- }
6760
- .ant-select-single .ant-select-selector .ant-select-selection-search {
6761
- position: absolute;
6762
- top: 0;
6763
- right: 11px;
6764
- bottom: 0;
6765
- left: 11px;
7061
+ .ant-radio-group .ant-badge-count {
7062
+ z-index: 1;
6766
7063
  }
6767
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
6768
- width: 100%;
7064
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7065
+ border-left: none;
6769
7066
  }
6770
- .ant-select-single .ant-select-selector .ant-select-selection-item,
6771
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7067
+ .ant-radio-wrapper {
7068
+ -webkit-box-sizing: border-box;
7069
+ box-sizing: border-box;
7070
+ margin: 0;
6772
7071
  padding: 0;
6773
- line-height: 30px;
6774
- -webkit-transition: all 0.3s;
6775
- transition: all 0.3s;
6776
- }
6777
- @supports (-moz-appearance: meterbar) {
6778
- .ant-select-single .ant-select-selector .ant-select-selection-item,
6779
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
6780
- line-height: 30px;
6781
- }
6782
- }
6783
- .ant-select-single .ant-select-selector .ant-select-selection-item {
7072
+ color: rgba(0, 0, 0, 0.85);
7073
+ font-size: 14px;
7074
+ font-variant: tabular-nums;
7075
+ line-height: 1.5715;
7076
+ list-style: none;
7077
+ -webkit-font-feature-settings: 'tnum';
7078
+ font-feature-settings: 'tnum';
6784
7079
  position: relative;
6785
- -webkit-user-select: none;
6786
- -moz-user-select: none;
6787
- -ms-user-select: none;
6788
- user-select: none;
6789
- }
6790
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
6791
- pointer-events: none;
7080
+ display: -webkit-inline-box;
7081
+ display: -ms-inline-flexbox;
7082
+ display: inline-flex;
7083
+ -webkit-box-align: baseline;
7084
+ -ms-flex-align: baseline;
7085
+ align-items: baseline;
7086
+ margin-right: 8px;
7087
+ cursor: pointer;
6792
7088
  }
6793
- .ant-select-single .ant-select-selector::after,
6794
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
6795
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
7089
+ .ant-radio-wrapper::after {
6796
7090
  display: inline-block;
6797
7091
  width: 0;
6798
- visibility: hidden;
7092
+ overflow: hidden;
6799
7093
  content: '\a0';
6800
7094
  }
6801
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
6802
- right: 25px;
7095
+ .ant-radio {
7096
+ -webkit-box-sizing: border-box;
7097
+ box-sizing: border-box;
7098
+ margin: 0;
7099
+ padding: 0;
7100
+ color: rgba(0, 0, 0, 0.85);
7101
+ font-size: 14px;
7102
+ font-variant: tabular-nums;
7103
+ line-height: 1.5715;
7104
+ list-style: none;
7105
+ -webkit-font-feature-settings: 'tnum';
7106
+ font-feature-settings: 'tnum';
7107
+ position: relative;
7108
+ top: 0.2em;
7109
+ display: inline-block;
7110
+ outline: none;
7111
+ cursor: pointer;
6803
7112
  }
6804
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
6805
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
6806
- padding-right: 18px;
7113
+ .ant-radio-wrapper:hover .ant-radio,
7114
+ .ant-radio:hover .ant-radio-inner,
7115
+ .ant-radio-input:focus + .ant-radio-inner {
7116
+ border-color: #1890ff;
6807
7117
  }
6808
- .ant-select-single.ant-select-open .ant-select-selection-item {
6809
- color: #bfbfbf;
7118
+ .ant-radio-input:focus + .ant-radio-inner {
7119
+ -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7120
+ box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
6810
7121
  }
6811
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7122
+ .ant-radio-checked::after {
7123
+ position: absolute;
7124
+ top: 0;
7125
+ left: 0;
6812
7126
  width: 100%;
6813
- height: 32px;
6814
- padding: 0 11px;
6815
- }
6816
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
6817
- height: 30px;
7127
+ height: 100%;
7128
+ border: 1px solid #1890ff;
7129
+ border-radius: 50%;
7130
+ visibility: hidden;
7131
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
7132
+ animation: antRadioEffect 0.36s ease-in-out;
7133
+ -webkit-animation-fill-mode: both;
7134
+ animation-fill-mode: both;
7135
+ content: '';
6818
7136
  }
6819
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
6820
- line-height: 30px;
7137
+ .ant-radio:hover::after,
7138
+ .ant-radio-wrapper:hover .ant-radio::after {
7139
+ visibility: visible;
6821
7140
  }
6822
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
6823
- display: none;
7141
+ .ant-radio-inner {
7142
+ position: relative;
7143
+ top: 0;
7144
+ left: 0;
7145
+ display: block;
7146
+ width: 16px;
7147
+ height: 16px;
7148
+ background-color: #fff;
7149
+ border-color: #d9d9d9;
7150
+ border-style: solid;
7151
+ border-width: 1px;
7152
+ border-radius: 50%;
7153
+ -webkit-transition: all 0.3s;
7154
+ transition: all 0.3s;
6824
7155
  }
6825
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
6826
- position: static;
6827
- width: 100%;
7156
+ .ant-radio-inner::after {
7157
+ position: absolute;
7158
+ top: 3px;
7159
+ left: 3px;
7160
+ display: block;
7161
+ width: 8px;
7162
+ height: 8px;
7163
+ background-color: #1890ff;
7164
+ border-top: 0;
7165
+ border-left: 0;
7166
+ border-radius: 8px;
7167
+ -webkit-transform: scale(0);
7168
+ transform: scale(0);
7169
+ opacity: 0;
7170
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7171
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7172
+ content: ' ';
6828
7173
  }
6829
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
7174
+ .ant-radio-input {
6830
7175
  position: absolute;
7176
+ top: 0;
6831
7177
  right: 0;
7178
+ bottom: 0;
6832
7179
  left: 0;
6833
- padding: 0 11px;
7180
+ z-index: 1;
7181
+ cursor: pointer;
7182
+ opacity: 0;
6834
7183
  }
6835
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
6836
- display: none;
7184
+ .ant-radio-checked .ant-radio-inner {
7185
+ border-color: #1890ff;
6837
7186
  }
6838
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
6839
- height: 40px;
7187
+ .ant-radio-checked .ant-radio-inner::after {
7188
+ -webkit-transform: scale(1);
7189
+ transform: scale(1);
7190
+ opacity: 1;
7191
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7192
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6840
7193
  }
6841
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
6842
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
6843
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
6844
- line-height: 38px;
7194
+ .ant-radio-disabled {
7195
+ cursor: not-allowed;
6845
7196
  }
6846
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
6847
- height: 38px;
7197
+ .ant-radio-disabled .ant-radio-inner {
7198
+ background-color: #f5f5f5;
7199
+ border-color: #d9d9d9 !important;
7200
+ cursor: not-allowed;
6848
7201
  }
6849
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
6850
- height: 24px;
7202
+ .ant-radio-disabled .ant-radio-inner::after {
7203
+ background-color: rgba(0, 0, 0, 0.2);
6851
7204
  }
6852
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
6853
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
6854
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
6855
- line-height: 22px;
7205
+ .ant-radio-disabled .ant-radio-input {
7206
+ cursor: not-allowed;
6856
7207
  }
6857
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
6858
- height: 22px;
7208
+ .ant-radio-disabled + span {
7209
+ color: rgba(0, 0, 0, 0.25);
7210
+ cursor: not-allowed;
6859
7211
  }
6860
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
6861
- right: 7px;
6862
- left: 7px;
6863
- }
6864
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
6865
- padding: 0 7px;
6866
- }
6867
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
6868
- right: 28px;
6869
- }
6870
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
6871
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
6872
- padding-right: 21px;
6873
- }
6874
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
6875
- padding: 0 11px;
7212
+ span.ant-radio + * {
7213
+ padding-right: 8px;
7214
+ padding-left: 8px;
6876
7215
  }
6877
- /**
6878
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
6879
- * since chrome may update to redesign with its align logic.
6880
- */
6881
- .ant-select-selection-overflow {
7216
+ .ant-radio-button-wrapper {
6882
7217
  position: relative;
6883
- display: -webkit-box;
6884
- display: -ms-flexbox;
6885
- display: flex;
6886
- -webkit-box-flex: 1;
6887
- -ms-flex: auto;
6888
- flex: auto;
6889
- -ms-flex-wrap: wrap;
6890
- flex-wrap: wrap;
6891
- max-width: 100%;
6892
- }
6893
- .ant-select-selection-overflow-item {
6894
- -webkit-box-flex: 0;
6895
- -ms-flex: none;
6896
- flex: none;
6897
- -ms-flex-item-align: center;
6898
- align-self: center;
6899
- max-width: 100%;
6900
- }
6901
- .ant-select-multiple .ant-select-selector {
6902
- display: -webkit-box;
6903
- display: -ms-flexbox;
6904
- display: flex;
6905
- -ms-flex-wrap: wrap;
6906
- flex-wrap: wrap;
6907
- -webkit-box-align: center;
6908
- -ms-flex-align: center;
6909
- align-items: center;
6910
- padding: 1px 4px;
6911
- }
6912
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
6913
- cursor: text;
7218
+ display: inline-block;
7219
+ height: 32px;
7220
+ margin: 0;
7221
+ padding: 0 15px;
7222
+ color: rgba(0, 0, 0, 0.85);
7223
+ font-size: 14px;
7224
+ line-height: 30px;
7225
+ background: #fff;
7226
+ border: 1px solid #d9d9d9;
7227
+ border-top-width: 1.02px;
7228
+ border-left-width: 0;
7229
+ cursor: pointer;
7230
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7231
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7232
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7233
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
6914
7234
  }
6915
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
6916
- background: #f5f5f5;
6917
- cursor: not-allowed;
7235
+ .ant-radio-button-wrapper a {
7236
+ color: rgba(0, 0, 0, 0.85);
6918
7237
  }
6919
- .ant-select-multiple .ant-select-selector::after {
6920
- display: inline-block;
6921
- width: 0;
6922
- margin: 2px 0;
6923
- line-height: 24px;
6924
- content: '\a0';
7238
+ .ant-radio-button-wrapper > .ant-radio-button {
7239
+ position: absolute;
7240
+ top: 0;
7241
+ left: 0;
7242
+ z-index: -1;
7243
+ width: 100%;
7244
+ height: 100%;
6925
7245
  }
6926
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
6927
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
6928
- padding-right: 24px;
7246
+ .ant-radio-group-large .ant-radio-button-wrapper {
7247
+ height: 40px;
7248
+ font-size: 16px;
7249
+ line-height: 38px;
6929
7250
  }
6930
- .ant-select-multiple .ant-select-selection-item {
6931
- position: relative;
6932
- display: -webkit-box;
6933
- display: -ms-flexbox;
6934
- display: flex;
6935
- -webkit-box-flex: 0;
6936
- -ms-flex: none;
6937
- flex: none;
6938
- -webkit-box-sizing: border-box;
6939
- box-sizing: border-box;
6940
- max-width: 100%;
7251
+ .ant-radio-group-small .ant-radio-button-wrapper {
6941
7252
  height: 24px;
6942
- margin-top: 2px;
6943
- margin-bottom: 2px;
7253
+ padding: 0 7px;
6944
7254
  line-height: 22px;
6945
- background: #f5f5f5;
6946
- border: 1px solid #f0f0f0;
6947
- border-radius: 2px;
6948
- cursor: default;
6949
- -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
6950
- transition: font-size 0.3s, line-height 0.3s, height 0.3s;
6951
- -webkit-user-select: none;
6952
- -moz-user-select: none;
6953
- -ms-user-select: none;
6954
- user-select: none;
6955
- -webkit-margin-end: 4px;
6956
- margin-inline-end: 4px;
6957
- -webkit-padding-start: 8px;
6958
- padding-inline-start: 8px;
6959
- -webkit-padding-end: 4px;
6960
- padding-inline-end: 4px;
6961
7255
  }
6962
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
6963
- color: #bfbfbf;
6964
- border-color: #d9d9d9;
6965
- cursor: not-allowed;
6966
- }
6967
- .ant-select-multiple .ant-select-selection-item-content {
6968
- display: inline-block;
6969
- margin-right: 4px;
6970
- overflow: hidden;
6971
- white-space: pre;
6972
- text-overflow: ellipsis;
6973
- }
6974
- .ant-select-multiple .ant-select-selection-item-remove {
6975
- color: inherit;
6976
- font-style: normal;
6977
- line-height: 0;
6978
- text-align: center;
6979
- text-transform: none;
6980
- vertical-align: -0.125em;
6981
- text-rendering: optimizeLegibility;
6982
- -webkit-font-smoothing: antialiased;
6983
- -moz-osx-font-smoothing: grayscale;
6984
- display: inline-block;
6985
- color: rgba(0, 0, 0, 0.45);
6986
- font-weight: bold;
6987
- font-size: 10px;
6988
- line-height: inherit;
6989
- cursor: pointer;
6990
- }
6991
- .ant-select-multiple .ant-select-selection-item-remove > * {
6992
- line-height: 1;
6993
- }
6994
- .ant-select-multiple .ant-select-selection-item-remove svg {
6995
- display: inline-block;
6996
- }
6997
- .ant-select-multiple .ant-select-selection-item-remove::before {
6998
- display: none;
6999
- }
7000
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
7256
+ .ant-radio-button-wrapper:not(:first-child)::before {
7257
+ position: absolute;
7258
+ top: -1px;
7259
+ left: -1px;
7001
7260
  display: block;
7261
+ -webkit-box-sizing: content-box;
7262
+ box-sizing: content-box;
7263
+ width: 1px;
7264
+ height: 100%;
7265
+ padding: 1px 0;
7266
+ background-color: #d9d9d9;
7267
+ -webkit-transition: background-color 0.3s;
7268
+ transition: background-color 0.3s;
7269
+ content: '';
7002
7270
  }
7003
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
7004
- vertical-align: -0.2em;
7271
+ .ant-radio-button-wrapper:first-child {
7272
+ border-left: 1px solid #d9d9d9;
7273
+ border-radius: 2px 0 0 2px;
7005
7274
  }
7006
- .ant-select-multiple .ant-select-selection-item-remove:hover {
7007
- color: rgba(0, 0, 0, 0.75);
7275
+ .ant-radio-button-wrapper:last-child {
7276
+ border-radius: 0 2px 2px 0;
7008
7277
  }
7009
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
7010
- -webkit-margin-start: 0;
7011
- margin-inline-start: 0;
7278
+ .ant-radio-button-wrapper:first-child:last-child {
7279
+ border-radius: 2px;
7012
7280
  }
7013
- .ant-select-multiple .ant-select-selection-search {
7281
+ .ant-radio-button-wrapper:hover {
7014
7282
  position: relative;
7015
- max-width: 100%;
7016
- margin-top: 2px;
7017
- margin-bottom: 2px;
7018
- -webkit-margin-start: 7px;
7019
- margin-inline-start: 7px;
7020
- }
7021
- .ant-select-multiple .ant-select-selection-search-input,
7022
- .ant-select-multiple .ant-select-selection-search-mirror {
7023
- height: 24px;
7024
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
7025
- line-height: 24px;
7026
- -webkit-transition: all 0.3s;
7027
- transition: all 0.3s;
7283
+ color: #1890ff;
7028
7284
  }
7029
- .ant-select-multiple .ant-select-selection-search-input {
7030
- width: 100%;
7031
- min-width: 4.1px;
7285
+ .ant-radio-button-wrapper:focus-within {
7286
+ -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7287
+ box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7032
7288
  }
7033
- .ant-select-multiple .ant-select-selection-search-mirror {
7034
- position: absolute;
7035
- top: 0;
7036
- left: 0;
7037
- z-index: 999;
7038
- white-space: pre;
7039
- visibility: hidden;
7289
+ .ant-radio-button-wrapper .ant-radio-inner,
7290
+ .ant-radio-button-wrapper input[type='checkbox'],
7291
+ .ant-radio-button-wrapper input[type='radio'] {
7292
+ width: 0;
7293
+ height: 0;
7294
+ opacity: 0;
7295
+ pointer-events: none;
7040
7296
  }
7041
- .ant-select-multiple .ant-select-selection-placeholder {
7042
- position: absolute;
7043
- top: 50%;
7044
- right: 11px;
7045
- left: 11px;
7046
- -webkit-transform: translateY(-50%);
7047
- transform: translateY(-50%);
7048
- -webkit-transition: all 0.3s;
7049
- transition: all 0.3s;
7297
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7298
+ z-index: 1;
7299
+ color: #1890ff;
7300
+ background: #fff;
7301
+ border-color: #1890ff;
7050
7302
  }
7051
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
7052
- line-height: 32px;
7303
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7304
+ background-color: #1890ff;
7053
7305
  }
7054
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7055
- height: 32px;
7056
- line-height: 30px;
7306
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7307
+ border-color: #1890ff;
7057
7308
  }
7058
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
7059
- height: 32px;
7060
- line-height: 32px;
7309
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7310
+ color: #40a9ff;
7311
+ border-color: #40a9ff;
7061
7312
  }
7062
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
7063
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
7064
- height: 32px;
7065
- line-height: 30px;
7313
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7314
+ background-color: #40a9ff;
7066
7315
  }
7067
- .ant-select-multiple.ant-select-sm .ant-select-selector::after {
7068
- line-height: 16px;
7316
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7317
+ color: #096dd9;
7318
+ border-color: #096dd9;
7069
7319
  }
7070
- .ant-select-multiple.ant-select-sm .ant-select-selection-item {
7071
- height: 16px;
7072
- line-height: 14px;
7320
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7321
+ background-color: #096dd9;
7073
7322
  }
7074
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7075
- height: 16px;
7076
- line-height: 16px;
7323
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7324
+ -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7325
+ box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7077
7326
  }
7078
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
7079
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
7080
- height: 16px;
7081
- line-height: 14px;
7327
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7328
+ color: #fff;
7329
+ background: #1890ff;
7330
+ border-color: #1890ff;
7082
7331
  }
7083
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7084
- left: 7px;
7332
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7333
+ color: #fff;
7334
+ background: #40a9ff;
7335
+ border-color: #40a9ff;
7085
7336
  }
7086
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7087
- -webkit-margin-start: 3px;
7088
- margin-inline-start: 3px;
7337
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7338
+ color: #fff;
7339
+ background: #096dd9;
7340
+ border-color: #096dd9;
7089
7341
  }
7090
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7091
- height: 32px;
7092
- line-height: 32px;
7342
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7343
+ -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7344
+ box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7093
7345
  }
7094
- .ant-select-disabled .ant-select-selection-item-remove {
7095
- display: none;
7346
+ .ant-radio-button-wrapper-disabled {
7347
+ color: rgba(0, 0, 0, 0.25);
7348
+ background-color: #f5f5f5;
7349
+ border-color: #d9d9d9;
7350
+ cursor: not-allowed;
7096
7351
  }
7097
- /* Reset search input style */
7098
- .ant-select {
7099
- -webkit-box-sizing: border-box;
7100
- box-sizing: border-box;
7101
- margin: 0;
7102
- padding: 0;
7103
- color: rgba(0, 0, 0, 0.85);
7104
- font-size: 14px;
7105
- font-variant: tabular-nums;
7106
- line-height: 1.5715;
7107
- list-style: none;
7108
- -webkit-font-feature-settings: 'tnum';
7109
- font-feature-settings: 'tnum';
7110
- position: relative;
7111
- display: inline-block;
7112
- cursor: pointer;
7352
+ .ant-radio-button-wrapper-disabled:first-child,
7353
+ .ant-radio-button-wrapper-disabled:hover {
7354
+ color: rgba(0, 0, 0, 0.25);
7355
+ background-color: #f5f5f5;
7356
+ border-color: #d9d9d9;
7113
7357
  }
7114
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
7115
- position: relative;
7116
- background-color: #fff;
7117
- border: 1px solid #d9d9d9;
7118
- border-radius: 2px;
7119
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7120
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7358
+ .ant-radio-button-wrapper-disabled:first-child {
7359
+ border-left-color: #d9d9d9;
7121
7360
  }
7122
- .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7123
- cursor: pointer;
7361
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7362
+ color: rgba(0, 0, 0, 0.25);
7363
+ background-color: #e6e6e6;
7364
+ border-color: #d9d9d9;
7365
+ -webkit-box-shadow: none;
7366
+ box-shadow: none;
7124
7367
  }
7125
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7126
- cursor: text;
7368
+ @-webkit-keyframes antRadioEffect {
7369
+ 0% {
7370
+ -webkit-transform: scale(1);
7371
+ transform: scale(1);
7372
+ opacity: 0.5;
7373
+ }
7374
+ 100% {
7375
+ -webkit-transform: scale(1.6);
7376
+ transform: scale(1.6);
7377
+ opacity: 0;
7378
+ }
7127
7379
  }
7128
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7129
- cursor: auto;
7380
+ @keyframes antRadioEffect {
7381
+ 0% {
7382
+ -webkit-transform: scale(1);
7383
+ transform: scale(1);
7384
+ opacity: 0.5;
7385
+ }
7386
+ 100% {
7387
+ -webkit-transform: scale(1.6);
7388
+ transform: scale(1.6);
7389
+ opacity: 0;
7390
+ }
7130
7391
  }
7131
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7132
- border-color: #40a9ff;
7133
- border-right-width: 1px !important;
7134
- outline: 0;
7135
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7136
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7392
+ .ant-radio-group.ant-radio-group-rtl {
7393
+ direction: rtl;
7137
7394
  }
7138
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7395
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7396
+ margin-right: 0;
7397
+ margin-left: 8px;
7398
+ direction: rtl;
7399
+ }
7400
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7139
7401
  border-right-width: 0;
7140
- border-left-width: 1px !important;
7402
+ border-left-width: 1px;
7141
7403
  }
7142
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7143
- color: rgba(0, 0, 0, 0.25);
7144
- background: #f5f5f5;
7145
- cursor: not-allowed;
7404
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7405
+ right: -1px;
7406
+ left: 0;
7146
7407
  }
7147
- .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7148
- background: #f5f5f5;
7408
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7409
+ border-right: 1px solid #d9d9d9;
7410
+ border-radius: 0 2px 2px 0;
7149
7411
  }
7150
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7151
- cursor: not-allowed;
7412
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7413
+ border-right-color: #40a9ff;
7152
7414
  }
7153
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7154
- margin: 0;
7155
- padding: 0;
7156
- background: transparent;
7157
- border: none;
7158
- outline: none;
7159
- -webkit-appearance: none;
7160
- -moz-appearance: none;
7161
- appearance: none;
7415
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7416
+ border-radius: 2px 0 0 2px;
7162
7417
  }
7163
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
7164
- display: none;
7165
- -webkit-appearance: none;
7418
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7419
+ border-right-color: #d9d9d9;
7166
7420
  }
7167
- .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7168
- border-color: #40a9ff;
7169
- border-right-width: 1px !important;
7421
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7422
+ padding: 0 12px;
7170
7423
  }
7171
- .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7172
- border-right-width: 0;
7173
- border-left-width: 1px !important;
7424
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7425
+ border-color: #d9d9d9;
7174
7426
  }
7175
- .ant-select-selection-item {
7176
- -webkit-box-flex: 1;
7177
- -ms-flex: 1;
7178
- flex: 1;
7179
- overflow: hidden;
7180
- white-space: nowrap;
7181
- text-overflow: ellipsis;
7427
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7428
+ border-color: #d9d9d9;
7182
7429
  }
7183
- @media all and (-ms-high-contrast: none) {
7184
- .ant-select-selection-item *::-ms-backdrop,
7185
- .ant-select-selection-item {
7186
- -ms-flex: auto;
7187
- flex: auto;
7188
- }
7430
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7431
+ -webkit-box-sizing: border-box;
7432
+ box-sizing: border-box;
7189
7433
  }
7190
- .ant-select-selection-placeholder {
7191
- -webkit-box-flex: 1;
7192
- -ms-flex: 1;
7193
- flex: 1;
7194
- overflow: hidden;
7195
- color: #bfbfbf;
7196
- white-space: nowrap;
7197
- text-overflow: ellipsis;
7198
- pointer-events: none;
7434
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7435
+ border-color: #2c6dd2;
7199
7436
  }
7200
- @media all and (-ms-high-contrast: none) {
7201
- .ant-select-selection-placeholder *::-ms-backdrop,
7202
- .ant-select-selection-placeholder {
7203
- -ms-flex: auto;
7204
- flex: auto;
7205
- }
7437
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7438
+ background-color: #2c6dd2;
7206
7439
  }
7207
- .ant-select-arrow {
7440
+ .pandora-sdk-range-input {
7441
+ position: relative;
7442
+ }
7443
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
7208
7444
  display: inline-block;
7209
- color: inherit;
7210
- font-style: normal;
7211
- line-height: 0;
7212
- text-transform: none;
7213
- vertical-align: -0.125em;
7214
- text-rendering: optimizeLegibility;
7215
- -webkit-font-smoothing: antialiased;
7216
- -moz-osx-font-smoothing: grayscale;
7217
- position: absolute;
7218
- top: 53%;
7219
- right: 11px;
7220
- width: 12px;
7221
- height: 12px;
7222
- margin-top: -6px;
7223
- color: rgba(0, 0, 0, 0.25);
7224
- font-size: 12px;
7225
- line-height: 1;
7445
+ width: 40px;
7446
+ line-height: 40px;
7226
7447
  text-align: center;
7227
- pointer-events: none;
7228
- }
7229
- .ant-select-arrow > * {
7230
- line-height: 1;
7231
7448
  }
7232
- .ant-select-arrow svg {
7449
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
7450
+ width: calc(50% - 20px);
7451
+ text-align: center;
7233
7452
  display: inline-block;
7234
7453
  }
7235
- .ant-select-arrow::before {
7236
- display: none;
7237
- }
7238
- .ant-select-arrow .ant-select-arrow-icon {
7239
- display: block;
7454
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
7455
+ color: #ff4d4f;
7456
+ line-height: 24px;
7457
+ font-size: 12px;
7240
7458
  }
7241
- .ant-select-arrow .anticon {
7242
- vertical-align: top;
7243
- -webkit-transition: -webkit-transform 0.3s;
7244
- transition: -webkit-transform 0.3s;
7245
- transition: transform 0.3s;
7246
- transition: transform 0.3s, -webkit-transform 0.3s;
7459
+ .pandora-sdk-range-input .ant-input-number {
7460
+ width: 100%;
7247
7461
  }
7248
- .ant-select-arrow .anticon > svg {
7249
- vertical-align: top;
7462
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
7463
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
7464
+ -webkit-appearance: none;
7250
7465
  }
7251
- .ant-select-arrow .anticon:not(.ant-select-suffix) {
7252
- pointer-events: auto;
7466
+ .pandora-sdk-range-input input[type='number'] {
7467
+ -moz-appearance: textfield;
7253
7468
  }
7254
- .ant-select-disabled .ant-select-arrow {
7255
- cursor: not-allowed;
7469
+ .ant-select-single .ant-select-selector {
7470
+ display: -webkit-box;
7471
+ display: -ms-flexbox;
7472
+ display: flex;
7256
7473
  }
7257
- .ant-select-clear {
7474
+ .ant-select-single .ant-select-selector .ant-select-selection-search {
7258
7475
  position: absolute;
7259
- top: 50%;
7476
+ top: 0;
7260
7477
  right: 11px;
7261
- z-index: 1;
7478
+ bottom: 0;
7479
+ left: 11px;
7480
+ }
7481
+ .ant-select-single .ant-select-selector .ant-select-selection-search-input {
7482
+ width: 100%;
7483
+ }
7484
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
7485
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7486
+ padding: 0;
7487
+ line-height: 30px;
7488
+ -webkit-transition: all 0.3s;
7489
+ transition: all 0.3s;
7490
+ }
7491
+ @supports (-moz-appearance: meterbar) {
7492
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
7493
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7494
+ line-height: 30px;
7495
+ }
7496
+ }
7497
+ .ant-select-single .ant-select-selector .ant-select-selection-item {
7498
+ position: relative;
7499
+ -webkit-user-select: none;
7500
+ -moz-user-select: none;
7501
+ -ms-user-select: none;
7502
+ user-select: none;
7503
+ }
7504
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7505
+ pointer-events: none;
7506
+ }
7507
+ .ant-select-single .ant-select-selector::after,
7508
+ .ant-select-single .ant-select-selector .ant-select-selection-item::after,
7509
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
7262
7510
  display: inline-block;
7263
- width: 12px;
7264
- height: 12px;
7265
- margin-top: -6px;
7266
- color: rgba(0, 0, 0, 0.25);
7267
- font-size: 12px;
7268
- font-style: normal;
7269
- line-height: 1;
7270
- text-align: center;
7271
- text-transform: none;
7272
- background: #fff;
7273
- cursor: pointer;
7274
- opacity: 0;
7275
- -webkit-transition: color 0.3s ease, opacity 0.15s ease;
7276
- transition: color 0.3s ease, opacity 0.15s ease;
7277
- text-rendering: auto;
7511
+ width: 0;
7512
+ visibility: hidden;
7513
+ content: '\a0';
7514
+ }
7515
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7516
+ right: 25px;
7278
7517
  }
7279
- .ant-select-clear::before {
7280
- display: block;
7518
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
7519
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
7520
+ padding-right: 18px;
7281
7521
  }
7282
- .ant-select-clear:hover {
7283
- color: rgba(0, 0, 0, 0.45);
7522
+ .ant-select-single.ant-select-open .ant-select-selection-item {
7523
+ color: #bfbfbf;
7284
7524
  }
7285
- .ant-select:hover .ant-select-clear {
7286
- opacity: 1;
7525
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7526
+ width: 100%;
7527
+ height: 32px;
7528
+ padding: 0 11px;
7287
7529
  }
7288
- .ant-select-dropdown {
7289
- margin: 0;
7290
- padding: 0;
7291
- color: rgba(0, 0, 0, 0.85);
7292
- font-variant: tabular-nums;
7293
- line-height: 1.5715;
7294
- list-style: none;
7295
- -webkit-font-feature-settings: 'tnum';
7296
- font-feature-settings: 'tnum';
7297
- position: absolute;
7298
- top: -9999px;
7299
- left: -9999px;
7300
- z-index: 1050;
7301
- -webkit-box-sizing: border-box;
7302
- box-sizing: border-box;
7303
- padding: 4px 0;
7304
- overflow: hidden;
7305
- font-size: 14px;
7306
- font-variant: initial;
7307
- background-color: #fff;
7308
- border-radius: 2px;
7309
- outline: none;
7310
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
7311
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
7530
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7531
+ height: 30px;
7312
7532
  }
7313
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
7314
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
7315
- -webkit-animation-name: antSlideUpIn;
7316
- animation-name: antSlideUpIn;
7533
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
7534
+ line-height: 30px;
7317
7535
  }
7318
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
7319
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
7320
- -webkit-animation-name: antSlideDownIn;
7321
- animation-name: antSlideDownIn;
7536
+ .ant-select-single.ant-select-customize-input .ant-select-selector::after {
7537
+ display: none;
7322
7538
  }
7323
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
7324
- -webkit-animation-name: antSlideUpOut;
7325
- animation-name: antSlideUpOut;
7539
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
7540
+ position: static;
7541
+ width: 100%;
7326
7542
  }
7327
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
7328
- -webkit-animation-name: antSlideDownOut;
7329
- animation-name: antSlideDownOut;
7543
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
7544
+ position: absolute;
7545
+ right: 0;
7546
+ left: 0;
7547
+ padding: 0 11px;
7330
7548
  }
7331
- .ant-select-dropdown-hidden {
7549
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
7332
7550
  display: none;
7333
7551
  }
7334
- .ant-select-dropdown-empty {
7335
- color: rgba(0, 0, 0, 0.25);
7552
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
7553
+ height: 40px;
7336
7554
  }
7337
- .ant-select-item-empty {
7338
- position: relative;
7339
- display: block;
7340
- min-height: 32px;
7341
- padding: 5px 12px;
7342
- color: rgba(0, 0, 0, 0.85);
7343
- font-weight: normal;
7344
- font-size: 14px;
7345
- line-height: 22px;
7346
- color: rgba(0, 0, 0, 0.25);
7555
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
7556
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
7557
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
7558
+ line-height: 38px;
7347
7559
  }
7348
- .ant-select-item {
7349
- position: relative;
7350
- display: block;
7351
- min-height: 32px;
7352
- padding: 5px 12px;
7353
- color: rgba(0, 0, 0, 0.85);
7354
- font-weight: normal;
7355
- font-size: 14px;
7560
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
7561
+ height: 38px;
7562
+ }
7563
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
7564
+ height: 24px;
7565
+ }
7566
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
7567
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
7568
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
7356
7569
  line-height: 22px;
7357
- cursor: pointer;
7358
- -webkit-transition: background 0.3s ease;
7359
- transition: background 0.3s ease;
7360
7570
  }
7361
- .ant-select-item-group {
7362
- color: rgba(0, 0, 0, 0.45);
7363
- font-size: 12px;
7364
- cursor: default;
7571
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
7572
+ height: 22px;
7365
7573
  }
7366
- .ant-select-item-option {
7574
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
7575
+ right: 7px;
7576
+ left: 7px;
7577
+ }
7578
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
7579
+ padding: 0 7px;
7580
+ }
7581
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
7582
+ right: 28px;
7583
+ }
7584
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
7585
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
7586
+ padding-right: 21px;
7587
+ }
7588
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
7589
+ padding: 0 11px;
7590
+ }
7591
+ /**
7592
+ * Do not merge `height` & `line-height` under style with `selection` & `search`,
7593
+ * since chrome may update to redesign with its align logic.
7594
+ */
7595
+ .ant-select-selection-overflow {
7596
+ position: relative;
7367
7597
  display: -webkit-box;
7368
7598
  display: -ms-flexbox;
7369
7599
  display: flex;
7370
- }
7371
- .ant-select-item-option-content {
7372
7600
  -webkit-box-flex: 1;
7373
7601
  -ms-flex: auto;
7374
7602
  flex: auto;
7375
- overflow: hidden;
7376
- white-space: nowrap;
7377
- text-overflow: ellipsis;
7603
+ -ms-flex-wrap: wrap;
7604
+ flex-wrap: wrap;
7605
+ max-width: 100%;
7378
7606
  }
7379
- .ant-select-item-option-state {
7607
+ .ant-select-selection-overflow-item {
7380
7608
  -webkit-box-flex: 0;
7381
7609
  -ms-flex: none;
7382
7610
  flex: none;
7611
+ -ms-flex-item-align: center;
7612
+ align-self: center;
7613
+ max-width: 100%;
7383
7614
  }
7384
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
7385
- background-color: #f5f5f5;
7615
+ .ant-select-multiple .ant-select-selector {
7616
+ display: -webkit-box;
7617
+ display: -ms-flexbox;
7618
+ display: flex;
7619
+ -ms-flex-wrap: wrap;
7620
+ flex-wrap: wrap;
7621
+ -webkit-box-align: center;
7622
+ -ms-flex-align: center;
7623
+ align-items: center;
7624
+ padding: 1px 4px;
7386
7625
  }
7387
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
7388
- color: rgba(0, 0, 0, 0.85);
7389
- font-weight: 600;
7390
- background-color: #e6f7ff;
7626
+ .ant-select-show-search.ant-select-multiple .ant-select-selector {
7627
+ cursor: text;
7628
+ }
7629
+ .ant-select-disabled.ant-select-multiple .ant-select-selector {
7630
+ background: #f5f5f5;
7631
+ cursor: not-allowed;
7632
+ }
7633
+ .ant-select-multiple .ant-select-selector::after {
7634
+ display: inline-block;
7635
+ width: 0;
7636
+ margin: 2px 0;
7637
+ line-height: 24px;
7638
+ content: '\a0';
7639
+ }
7640
+ .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
7641
+ .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
7642
+ padding-right: 24px;
7643
+ }
7644
+ .ant-select-multiple .ant-select-selection-item {
7645
+ position: relative;
7646
+ display: -webkit-box;
7647
+ display: -ms-flexbox;
7648
+ display: flex;
7649
+ -webkit-box-flex: 0;
7650
+ -ms-flex: none;
7651
+ flex: none;
7652
+ -webkit-box-sizing: border-box;
7653
+ box-sizing: border-box;
7654
+ max-width: 100%;
7655
+ height: 24px;
7656
+ margin-top: 2px;
7657
+ margin-bottom: 2px;
7658
+ line-height: 22px;
7659
+ background: #f5f5f5;
7660
+ border: 1px solid #f0f0f0;
7661
+ border-radius: 2px;
7662
+ cursor: default;
7663
+ -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
7664
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
7665
+ -webkit-user-select: none;
7666
+ -moz-user-select: none;
7667
+ -ms-user-select: none;
7668
+ user-select: none;
7669
+ -webkit-margin-end: 4px;
7670
+ margin-inline-end: 4px;
7671
+ -webkit-padding-start: 8px;
7672
+ padding-inline-start: 8px;
7673
+ -webkit-padding-end: 4px;
7674
+ padding-inline-end: 4px;
7675
+ }
7676
+ .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
7677
+ color: #bfbfbf;
7678
+ border-color: #d9d9d9;
7679
+ cursor: not-allowed;
7680
+ }
7681
+ .ant-select-multiple .ant-select-selection-item-content {
7682
+ display: inline-block;
7683
+ margin-right: 4px;
7684
+ overflow: hidden;
7685
+ white-space: pre;
7686
+ text-overflow: ellipsis;
7687
+ }
7688
+ .ant-select-multiple .ant-select-selection-item-remove {
7689
+ color: inherit;
7690
+ font-style: normal;
7691
+ line-height: 0;
7692
+ text-align: center;
7693
+ text-transform: none;
7694
+ vertical-align: -0.125em;
7695
+ text-rendering: optimizeLegibility;
7696
+ -webkit-font-smoothing: antialiased;
7697
+ -moz-osx-font-smoothing: grayscale;
7698
+ display: inline-block;
7699
+ color: rgba(0, 0, 0, 0.45);
7700
+ font-weight: bold;
7701
+ font-size: 10px;
7702
+ line-height: inherit;
7703
+ cursor: pointer;
7704
+ }
7705
+ .ant-select-multiple .ant-select-selection-item-remove > * {
7706
+ line-height: 1;
7707
+ }
7708
+ .ant-select-multiple .ant-select-selection-item-remove svg {
7709
+ display: inline-block;
7710
+ }
7711
+ .ant-select-multiple .ant-select-selection-item-remove::before {
7712
+ display: none;
7713
+ }
7714
+ .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
7715
+ display: block;
7391
7716
  }
7392
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
7393
- color: #1890ff;
7717
+ .ant-select-multiple .ant-select-selection-item-remove > .anticon {
7718
+ vertical-align: -0.2em;
7394
7719
  }
7395
- .ant-select-item-option-disabled {
7396
- color: rgba(0, 0, 0, 0.25);
7397
- cursor: not-allowed;
7720
+ .ant-select-multiple .ant-select-selection-item-remove:hover {
7721
+ color: rgba(0, 0, 0, 0.75);
7398
7722
  }
7399
- .ant-select-item-option-grouped {
7400
- padding-left: 24px;
7723
+ .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
7724
+ -webkit-margin-start: 0;
7725
+ margin-inline-start: 0;
7401
7726
  }
7402
- .ant-select-lg {
7403
- font-size: 16px;
7727
+ .ant-select-multiple .ant-select-selection-search {
7728
+ position: relative;
7729
+ max-width: 100%;
7730
+ margin-top: 2px;
7731
+ margin-bottom: 2px;
7732
+ -webkit-margin-start: 7px;
7733
+ margin-inline-start: 7px;
7404
7734
  }
7405
- .ant-select-borderless .ant-select-selector {
7406
- background-color: transparent !important;
7407
- border-color: transparent !important;
7408
- -webkit-box-shadow: none !important;
7409
- box-shadow: none !important;
7735
+ .ant-select-multiple .ant-select-selection-search-input,
7736
+ .ant-select-multiple .ant-select-selection-search-mirror {
7737
+ height: 24px;
7738
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
7739
+ line-height: 24px;
7740
+ -webkit-transition: all 0.3s;
7741
+ transition: all 0.3s;
7410
7742
  }
7411
- .ant-select-rtl {
7412
- direction: rtl;
7743
+ .ant-select-multiple .ant-select-selection-search-input {
7744
+ width: 100%;
7745
+ min-width: 4.1px;
7413
7746
  }
7414
- .ant-select-rtl .ant-select-arrow {
7415
- right: initial;
7416
- left: 11px;
7747
+ .ant-select-multiple .ant-select-selection-search-mirror {
7748
+ position: absolute;
7749
+ top: 0;
7750
+ left: 0;
7751
+ z-index: 999;
7752
+ white-space: pre;
7753
+ visibility: hidden;
7417
7754
  }
7418
- .ant-select-rtl .ant-select-clear {
7419
- right: initial;
7755
+ .ant-select-multiple .ant-select-selection-placeholder {
7756
+ position: absolute;
7757
+ top: 50%;
7758
+ right: 11px;
7420
7759
  left: 11px;
7760
+ -webkit-transform: translateY(-50%);
7761
+ transform: translateY(-50%);
7762
+ -webkit-transition: all 0.3s;
7763
+ transition: all 0.3s;
7421
7764
  }
7422
- .ant-select-dropdown-rtl {
7423
- direction: rtl;
7765
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
7766
+ line-height: 32px;
7424
7767
  }
7425
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
7426
- padding-right: 24px;
7427
- padding-left: 12px;
7768
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7769
+ height: 32px;
7770
+ line-height: 30px;
7428
7771
  }
7429
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
7430
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
7431
- padding-right: 4px;
7432
- padding-left: 24px;
7772
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
7773
+ height: 32px;
7774
+ line-height: 32px;
7433
7775
  }
7434
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
7435
- text-align: right;
7776
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
7777
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
7778
+ height: 32px;
7779
+ line-height: 30px;
7436
7780
  }
7437
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
7438
- margin-right: 0;
7439
- margin-left: 4px;
7440
- text-align: right;
7781
+ .ant-select-multiple.ant-select-sm .ant-select-selector::after {
7782
+ line-height: 16px;
7441
7783
  }
7442
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
7443
- right: 0;
7444
- left: auto;
7784
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
7785
+ height: 16px;
7786
+ line-height: 14px;
7445
7787
  }
7446
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
7447
- right: 11px;
7448
- left: auto;
7788
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7789
+ height: 16px;
7790
+ line-height: 16px;
7449
7791
  }
7450
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7451
- right: 7px;
7792
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
7793
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
7794
+ height: 16px;
7795
+ line-height: 14px;
7452
7796
  }
7453
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
7454
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7455
- right: 0;
7456
- left: 9px;
7457
- text-align: right;
7797
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7798
+ left: 7px;
7458
7799
  }
7459
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7460
- right: 11px;
7461
- left: 25px;
7800
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7801
+ -webkit-margin-start: 3px;
7802
+ margin-inline-start: 3px;
7462
7803
  }
7463
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
7464
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
7465
- padding-right: 0;
7466
- padding-left: 18px;
7804
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7805
+ height: 32px;
7806
+ line-height: 32px;
7467
7807
  }
7468
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
7469
- right: 6px;
7808
+ .ant-select-disabled .ant-select-selection-item-remove {
7809
+ display: none;
7470
7810
  }
7471
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
7472
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
7473
- padding-right: 0;
7474
- padding-left: 21px;
7811
+ /* Reset search input style */
7812
+ .ant-select {
7813
+ -webkit-box-sizing: border-box;
7814
+ box-sizing: border-box;
7815
+ margin: 0;
7816
+ padding: 0;
7817
+ color: rgba(0, 0, 0, 0.85);
7818
+ font-size: 14px;
7819
+ font-variant: tabular-nums;
7820
+ line-height: 1.5715;
7821
+ list-style: none;
7822
+ -webkit-font-feature-settings: 'tnum';
7823
+ font-feature-settings: 'tnum';
7824
+ position: relative;
7825
+ display: inline-block;
7826
+ cursor: pointer;
7475
7827
  }
7476
- .pandora-sdk-selector {
7477
- width: 100%;
7478
- color: #333;
7828
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
7829
+ position: relative;
7830
+ background-color: #fff;
7831
+ border: 1px solid #d9d9d9;
7832
+ border-radius: 2px;
7833
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7834
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7479
7835
  }
7480
- .pandora-sdk-selector .ant-select-selection {
7481
- background: #fff;
7836
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7837
+ cursor: pointer;
7482
7838
  }
7483
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
7484
- opacity: 0;
7839
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7840
+ cursor: text;
7485
7841
  }
7486
- .pandora-sdk-selector .ant-select-selection__choice {
7487
- color: #666 !important;
7488
- background: #f5f5f5 !important;
7489
- border: none;
7842
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7843
+ cursor: auto;
7490
7844
  }
7491
- .pandora-sdk-selector .ant-select-selection__choice__remove {
7492
- color: #d9d9d9 !important;
7845
+ .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7846
+ border-color: #40a9ff;
7847
+ border-right-width: 1px !important;
7848
+ outline: 0;
7849
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7850
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7493
7851
  }
7494
- .pandora-sdk-selector .ant-select-selection__choice__remove i {
7495
- font-size: 12px;
7852
+ .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7853
+ border-right-width: 0;
7854
+ border-left-width: 1px !important;
7496
7855
  }
7497
- .pandora-sdk-selector .ant-select-selection--single {
7498
- height: 32px;
7856
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7857
+ color: rgba(0, 0, 0, 0.25);
7858
+ background: #f5f5f5;
7859
+ cursor: not-allowed;
7499
7860
  }
7500
- .pandora-sdk-selector .ant-select-selection__rendered {
7501
- line-height: 30px;
7861
+ .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7862
+ background: #f5f5f5;
7502
7863
  }
7503
- .pandora-sdk-selector .ant-select-selection__clear {
7504
- background: #fff;
7505
- color: #666;
7864
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7865
+ cursor: not-allowed;
7506
7866
  }
7507
- .pandora-sdk-selector .ant-select-selection__clear i {
7508
- color: inherit;
7867
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7868
+ margin: 0;
7869
+ padding: 0;
7870
+ background: transparent;
7871
+ border: none;
7872
+ outline: none;
7873
+ -webkit-appearance: none;
7874
+ -moz-appearance: none;
7875
+ appearance: none;
7509
7876
  }
7510
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
7511
- color: #2c6dd2 !important;
7512
- cursor: default !important;
7877
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
7878
+ display: none;
7879
+ -webkit-appearance: none;
7513
7880
  }
7514
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
7515
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
7516
- content: none !important;
7881
+ .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7882
+ border-color: #40a9ff;
7883
+ border-right-width: 1px !important;
7517
7884
  }
7518
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
7519
- color: #2c6dd2;
7885
+ .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7886
+ border-right-width: 0;
7887
+ border-left-width: 1px !important;
7520
7888
  }
7521
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
7522
- margin: 0;
7889
+ .ant-select-selection-item {
7890
+ -webkit-box-flex: 1;
7891
+ -ms-flex: 1;
7892
+ flex: 1;
7893
+ overflow: hidden;
7894
+ white-space: nowrap;
7895
+ text-overflow: ellipsis;
7523
7896
  }
7524
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
7525
- -webkit-appearance: none;
7897
+ @media all and (-ms-high-contrast: none) {
7898
+ .ant-select-selection-item *::-ms-backdrop,
7899
+ .ant-select-selection-item {
7900
+ -ms-flex: auto;
7901
+ flex: auto;
7902
+ }
7526
7903
  }
7527
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
7528
- width: 6px;
7904
+ .ant-select-selection-placeholder {
7905
+ -webkit-box-flex: 1;
7906
+ -ms-flex: 1;
7907
+ flex: 1;
7908
+ overflow: hidden;
7909
+ color: #bfbfbf;
7910
+ white-space: nowrap;
7911
+ text-overflow: ellipsis;
7912
+ pointer-events: none;
7529
7913
  }
7530
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
7531
- height: 6px;
7914
+ @media all and (-ms-high-contrast: none) {
7915
+ .ant-select-selection-placeholder *::-ms-backdrop,
7916
+ .ant-select-selection-placeholder {
7917
+ -ms-flex: auto;
7918
+ flex: auto;
7919
+ }
7532
7920
  }
7533
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
7534
- border-radius: 100px;
7535
- background-color: rgba(35, 44, 59, 0.3);
7921
+ .ant-select-arrow {
7922
+ display: inline-block;
7923
+ color: inherit;
7924
+ font-style: normal;
7925
+ line-height: 0;
7926
+ text-transform: none;
7927
+ vertical-align: -0.125em;
7928
+ text-rendering: optimizeLegibility;
7929
+ -webkit-font-smoothing: antialiased;
7930
+ -moz-osx-font-smoothing: grayscale;
7931
+ position: absolute;
7932
+ top: 50%;
7933
+ right: 11px;
7934
+ width: 12px;
7935
+ height: 12px;
7936
+ margin-top: -6px;
7937
+ color: rgba(0, 0, 0, 0.25);
7938
+ font-size: 12px;
7939
+ line-height: 1;
7940
+ text-align: center;
7941
+ pointer-events: none;
7536
7942
  }
7537
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
7538
- background: rgba(35, 44, 59, 0.6);
7943
+ .ant-select-arrow > * {
7944
+ line-height: 1;
7539
7945
  }
7540
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
7541
- background-color: transparent;
7542
- border-radius: 100px;
7946
+ .ant-select-arrow svg {
7947
+ display: inline-block;
7543
7948
  }
7544
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
7545
- background: transparent;
7949
+ .ant-select-arrow::before {
7950
+ display: none;
7546
7951
  }
7547
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
7548
- color: #d9d9d9 !important;
7952
+ .ant-select-arrow .ant-select-arrow-icon {
7953
+ display: block;
7549
7954
  }
7550
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
7551
- color: #2c6dd2;
7552
- font-weight: 400;
7955
+ .ant-select-arrow .anticon {
7956
+ vertical-align: top;
7957
+ -webkit-transition: -webkit-transform 0.3s;
7958
+ transition: -webkit-transform 0.3s;
7959
+ transition: transform 0.3s;
7960
+ transition: transform 0.3s, -webkit-transform 0.3s;
7553
7961
  }
7554
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
7555
- color: #2c6dd2 !important;
7962
+ .ant-select-arrow .anticon > svg {
7963
+ vertical-align: top;
7556
7964
  }
7557
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
7558
- color: #2c6dd2;
7965
+ .ant-select-arrow .anticon:not(.ant-select-suffix) {
7966
+ pointer-events: auto;
7559
7967
  }
7560
- .pandora-sdk-selector-dropdown .ant-select-item-group {
7561
- color: #d9d9d9;
7968
+ .ant-select-disabled .ant-select-arrow {
7969
+ cursor: not-allowed;
7562
7970
  }
7563
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
7971
+ .ant-select-clear {
7972
+ position: absolute;
7973
+ top: 50%;
7974
+ right: 11px;
7975
+ z-index: 1;
7564
7976
  display: inline-block;
7565
- min-width: 100%;
7566
- }
7567
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
7568
- overflow: unset;
7569
- text-overflow: unset;
7570
- }
7571
- .pandora-sdk-selector-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
7572
- color: inherit !important;
7977
+ width: 12px;
7978
+ height: 12px;
7979
+ margin-top: -6px;
7980
+ color: rgba(0, 0, 0, 0.25);
7981
+ font-size: 12px;
7982
+ font-style: normal;
7983
+ line-height: 1;
7984
+ text-align: center;
7985
+ text-transform: none;
7986
+ background: #fff;
7987
+ cursor: pointer;
7988
+ opacity: 0;
7989
+ -webkit-transition: color 0.3s ease, opacity 0.15s ease;
7990
+ transition: color 0.3s ease, opacity 0.15s ease;
7991
+ text-rendering: auto;
7573
7992
  }
7574
- .pandora-sdk-selector-create-lint {
7993
+ .ant-select-clear::before {
7575
7994
  display: block;
7576
7995
  }
7577
- .pandora-sdk-close-icon {
7578
- color: #d9d9d9;
7579
- }
7580
- .ant-radio-group {
7581
- -webkit-box-sizing: border-box;
7582
- box-sizing: border-box;
7583
- margin: 0;
7584
- padding: 0;
7585
- color: rgba(0, 0, 0, 0.85);
7586
- font-size: 14px;
7587
- font-variant: tabular-nums;
7588
- line-height: 1.5715;
7589
- list-style: none;
7590
- -webkit-font-feature-settings: 'tnum';
7591
- font-feature-settings: 'tnum';
7592
- display: inline-block;
7593
- font-size: 0;
7594
- line-height: unset;
7595
- }
7596
- .ant-radio-group .ant-badge-count {
7597
- z-index: 1;
7996
+ .ant-select-clear:hover {
7997
+ color: rgba(0, 0, 0, 0.45);
7598
7998
  }
7599
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7600
- border-left: none;
7999
+ .ant-select:hover .ant-select-clear {
8000
+ opacity: 1;
7601
8001
  }
7602
- .ant-radio-wrapper {
7603
- -webkit-box-sizing: border-box;
7604
- box-sizing: border-box;
8002
+ .ant-select-dropdown {
7605
8003
  margin: 0;
7606
8004
  padding: 0;
7607
8005
  color: rgba(0, 0, 0, 0.85);
7608
- font-size: 14px;
7609
8006
  font-variant: tabular-nums;
7610
8007
  line-height: 1.5715;
7611
8008
  list-style: none;
7612
8009
  -webkit-font-feature-settings: 'tnum';
7613
8010
  font-feature-settings: 'tnum';
7614
- position: relative;
7615
- display: -webkit-inline-box;
7616
- display: -ms-inline-flexbox;
7617
- display: inline-flex;
7618
- -webkit-box-align: baseline;
7619
- -ms-flex-align: baseline;
7620
- align-items: baseline;
7621
- margin-right: 8px;
7622
- cursor: pointer;
7623
- }
7624
- .ant-radio-wrapper::after {
7625
- display: inline-block;
7626
- width: 0;
7627
- overflow: hidden;
7628
- content: '\a0';
7629
- }
7630
- .ant-radio {
8011
+ position: absolute;
8012
+ top: -9999px;
8013
+ left: -9999px;
8014
+ z-index: 1050;
7631
8015
  -webkit-box-sizing: border-box;
7632
8016
  box-sizing: border-box;
7633
- margin: 0;
7634
- padding: 0;
7635
- color: rgba(0, 0, 0, 0.85);
8017
+ padding: 4px 0;
8018
+ overflow: hidden;
7636
8019
  font-size: 14px;
7637
- font-variant: tabular-nums;
7638
- line-height: 1.5715;
7639
- list-style: none;
7640
- -webkit-font-feature-settings: 'tnum';
7641
- font-feature-settings: 'tnum';
7642
- position: relative;
7643
- top: 0.2em;
7644
- display: inline-block;
8020
+ font-variant: initial;
8021
+ background-color: #fff;
8022
+ border-radius: 2px;
7645
8023
  outline: none;
7646
- cursor: pointer;
8024
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
8025
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
7647
8026
  }
7648
- .ant-radio-wrapper:hover .ant-radio,
7649
- .ant-radio:hover .ant-radio-inner,
7650
- .ant-radio-input:focus + .ant-radio-inner {
7651
- border-color: #1890ff;
8027
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
8028
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
8029
+ -webkit-animation-name: antSlideUpIn;
8030
+ animation-name: antSlideUpIn;
7652
8031
  }
7653
- .ant-radio-input:focus + .ant-radio-inner {
7654
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7655
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8032
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
8033
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
8034
+ -webkit-animation-name: antSlideDownIn;
8035
+ animation-name: antSlideDownIn;
7656
8036
  }
7657
- .ant-radio-checked::after {
7658
- position: absolute;
7659
- top: 0;
7660
- left: 0;
7661
- width: 100%;
7662
- height: 100%;
7663
- border: 1px solid #1890ff;
7664
- border-radius: 50%;
7665
- visibility: hidden;
7666
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
7667
- animation: antRadioEffect 0.36s ease-in-out;
7668
- -webkit-animation-fill-mode: both;
7669
- animation-fill-mode: both;
7670
- content: '';
8037
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
8038
+ -webkit-animation-name: antSlideUpOut;
8039
+ animation-name: antSlideUpOut;
7671
8040
  }
7672
- .ant-radio:hover::after,
7673
- .ant-radio-wrapper:hover .ant-radio::after {
7674
- visibility: visible;
8041
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
8042
+ -webkit-animation-name: antSlideDownOut;
8043
+ animation-name: antSlideDownOut;
7675
8044
  }
7676
- .ant-radio-inner {
7677
- position: relative;
7678
- top: 0;
7679
- left: 0;
7680
- display: block;
7681
- width: 16px;
7682
- height: 16px;
7683
- background-color: #fff;
7684
- border-color: #d9d9d9;
7685
- border-style: solid;
7686
- border-width: 1px;
7687
- border-radius: 50%;
7688
- -webkit-transition: all 0.3s;
7689
- transition: all 0.3s;
8045
+ .ant-select-dropdown-hidden {
8046
+ display: none;
7690
8047
  }
7691
- .ant-radio-inner::after {
7692
- position: absolute;
7693
- top: 3px;
7694
- left: 3px;
8048
+ .ant-select-dropdown-empty {
8049
+ color: rgba(0, 0, 0, 0.25);
8050
+ }
8051
+ .ant-select-item-empty {
8052
+ position: relative;
7695
8053
  display: block;
7696
- width: 8px;
7697
- height: 8px;
7698
- background-color: #1890ff;
7699
- border-top: 0;
7700
- border-left: 0;
7701
- border-radius: 8px;
7702
- -webkit-transform: scale(0);
7703
- transform: scale(0);
7704
- opacity: 0;
7705
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7706
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7707
- content: ' ';
8054
+ min-height: 32px;
8055
+ padding: 5px 12px;
8056
+ color: rgba(0, 0, 0, 0.85);
8057
+ font-weight: normal;
8058
+ font-size: 14px;
8059
+ line-height: 22px;
8060
+ color: rgba(0, 0, 0, 0.25);
7708
8061
  }
7709
- .ant-radio-input {
7710
- position: absolute;
7711
- top: 0;
7712
- right: 0;
7713
- bottom: 0;
7714
- left: 0;
7715
- z-index: 1;
8062
+ .ant-select-item {
8063
+ position: relative;
8064
+ display: block;
8065
+ min-height: 32px;
8066
+ padding: 5px 12px;
8067
+ color: rgba(0, 0, 0, 0.85);
8068
+ font-weight: normal;
8069
+ font-size: 14px;
8070
+ line-height: 22px;
7716
8071
  cursor: pointer;
7717
- opacity: 0;
8072
+ -webkit-transition: background 0.3s ease;
8073
+ transition: background 0.3s ease;
7718
8074
  }
7719
- .ant-radio-checked .ant-radio-inner {
7720
- border-color: #1890ff;
8075
+ .ant-select-item-group {
8076
+ color: rgba(0, 0, 0, 0.45);
8077
+ font-size: 12px;
8078
+ cursor: default;
7721
8079
  }
7722
- .ant-radio-checked .ant-radio-inner::after {
7723
- -webkit-transform: scale(1);
7724
- transform: scale(1);
7725
- opacity: 1;
7726
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7727
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8080
+ .ant-select-item-option {
8081
+ display: -webkit-box;
8082
+ display: -ms-flexbox;
8083
+ display: flex;
7728
8084
  }
7729
- .ant-radio-disabled {
7730
- cursor: not-allowed;
8085
+ .ant-select-item-option-content {
8086
+ -webkit-box-flex: 1;
8087
+ -ms-flex: auto;
8088
+ flex: auto;
8089
+ overflow: hidden;
8090
+ white-space: nowrap;
8091
+ text-overflow: ellipsis;
7731
8092
  }
7732
- .ant-radio-disabled .ant-radio-inner {
8093
+ .ant-select-item-option-state {
8094
+ -webkit-box-flex: 0;
8095
+ -ms-flex: none;
8096
+ flex: none;
8097
+ }
8098
+ .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
7733
8099
  background-color: #f5f5f5;
7734
- border-color: #d9d9d9 !important;
7735
- cursor: not-allowed;
7736
8100
  }
7737
- .ant-radio-disabled .ant-radio-inner::after {
7738
- background-color: rgba(0, 0, 0, 0.2);
8101
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
8102
+ color: rgba(0, 0, 0, 0.85);
8103
+ font-weight: 600;
8104
+ background-color: #e6f7ff;
7739
8105
  }
7740
- .ant-radio-disabled .ant-radio-input {
7741
- cursor: not-allowed;
8106
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
8107
+ color: #1890ff;
7742
8108
  }
7743
- .ant-radio-disabled + span {
8109
+ .ant-select-item-option-disabled {
7744
8110
  color: rgba(0, 0, 0, 0.25);
7745
8111
  cursor: not-allowed;
7746
8112
  }
7747
- span.ant-radio + * {
7748
- padding-right: 8px;
7749
- padding-left: 8px;
8113
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
8114
+ background-color: #f5f5f5;
7750
8115
  }
7751
- .ant-radio-button-wrapper {
7752
- position: relative;
7753
- display: inline-block;
7754
- height: 32px;
7755
- margin: 0;
7756
- padding: 0 15px;
7757
- color: rgba(0, 0, 0, 0.85);
7758
- font-size: 14px;
7759
- line-height: 30px;
7760
- background: #fff;
7761
- border: 1px solid #d9d9d9;
7762
- border-top-width: 1.02px;
7763
- border-left-width: 0;
7764
- cursor: pointer;
7765
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7766
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7767
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7768
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
8116
+ .ant-select-item-option-grouped {
8117
+ padding-left: 24px;
7769
8118
  }
7770
- .ant-radio-button-wrapper a {
7771
- color: rgba(0, 0, 0, 0.85);
8119
+ .ant-select-lg {
8120
+ font-size: 16px;
7772
8121
  }
7773
- .ant-radio-button-wrapper > .ant-radio-button {
7774
- position: absolute;
7775
- top: 0;
7776
- left: 0;
7777
- z-index: -1;
7778
- width: 100%;
7779
- height: 100%;
8122
+ .ant-select-borderless .ant-select-selector {
8123
+ background-color: transparent !important;
8124
+ border-color: transparent !important;
8125
+ -webkit-box-shadow: none !important;
8126
+ box-shadow: none !important;
7780
8127
  }
7781
- .ant-radio-group-large .ant-radio-button-wrapper {
7782
- height: 40px;
7783
- font-size: 16px;
7784
- line-height: 38px;
8128
+ .ant-select-rtl {
8129
+ direction: rtl;
7785
8130
  }
7786
- .ant-radio-group-small .ant-radio-button-wrapper {
7787
- height: 24px;
7788
- padding: 0 7px;
7789
- line-height: 22px;
8131
+ .ant-select-rtl .ant-select-arrow {
8132
+ right: initial;
8133
+ left: 11px;
7790
8134
  }
7791
- .ant-radio-button-wrapper:not(:first-child)::before {
7792
- position: absolute;
7793
- top: -1px;
7794
- left: -1px;
7795
- display: block;
7796
- -webkit-box-sizing: content-box;
7797
- box-sizing: content-box;
7798
- width: 1px;
7799
- height: 100%;
7800
- padding: 1px 0;
7801
- background-color: #d9d9d9;
7802
- -webkit-transition: background-color 0.3s;
7803
- transition: background-color 0.3s;
7804
- content: '';
8135
+ .ant-select-rtl .ant-select-clear {
8136
+ right: initial;
8137
+ left: 11px;
7805
8138
  }
7806
- .ant-radio-button-wrapper:first-child {
7807
- border-left: 1px solid #d9d9d9;
7808
- border-radius: 2px 0 0 2px;
8139
+ .ant-select-dropdown-rtl {
8140
+ direction: rtl;
7809
8141
  }
7810
- .ant-radio-button-wrapper:last-child {
7811
- border-radius: 0 2px 2px 0;
8142
+ .ant-select-dropdown-rtl .ant-select-item-option-grouped {
8143
+ padding-right: 24px;
8144
+ padding-left: 12px;
7812
8145
  }
7813
- .ant-radio-button-wrapper:first-child:last-child {
7814
- border-radius: 2px;
8146
+ .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
8147
+ .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
8148
+ padding-right: 4px;
8149
+ padding-left: 24px;
7815
8150
  }
7816
- .ant-radio-button-wrapper:hover {
7817
- position: relative;
7818
- color: #1890ff;
8151
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
8152
+ text-align: right;
7819
8153
  }
7820
- .ant-radio-button-wrapper:focus-within {
7821
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7822
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8154
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
8155
+ margin-right: 0;
8156
+ margin-left: 4px;
8157
+ text-align: right;
7823
8158
  }
7824
- .ant-radio-button-wrapper .ant-radio-inner,
7825
- .ant-radio-button-wrapper input[type='checkbox'],
7826
- .ant-radio-button-wrapper input[type='radio'] {
7827
- width: 0;
7828
- height: 0;
7829
- opacity: 0;
7830
- pointer-events: none;
8159
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
8160
+ right: 0;
8161
+ left: auto;
7831
8162
  }
7832
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7833
- z-index: 1;
7834
- color: #1890ff;
7835
- background: #fff;
7836
- border-color: #1890ff;
8163
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
8164
+ right: 11px;
8165
+ left: auto;
7837
8166
  }
7838
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7839
- background-color: #1890ff;
8167
+ .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8168
+ right: 7px;
7840
8169
  }
7841
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7842
- border-color: #1890ff;
8170
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
8171
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8172
+ right: 0;
8173
+ left: 9px;
8174
+ text-align: right;
7843
8175
  }
7844
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7845
- color: #40a9ff;
7846
- border-color: #40a9ff;
8176
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8177
+ right: 11px;
8178
+ left: 25px;
7847
8179
  }
7848
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7849
- background-color: #40a9ff;
8180
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
8181
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
8182
+ padding-right: 0;
8183
+ padding-left: 18px;
7850
8184
  }
7851
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7852
- color: #096dd9;
7853
- border-color: #096dd9;
8185
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8186
+ right: 6px;
7854
8187
  }
7855
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7856
- background-color: #096dd9;
8188
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
8189
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
8190
+ padding-right: 0;
8191
+ padding-left: 21px;
7857
8192
  }
7858
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7859
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7860
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8193
+ .pandora-sdk-selector {
8194
+ width: 100%;
8195
+ color: #333;
7861
8196
  }
7862
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7863
- color: #fff;
7864
- background: #1890ff;
7865
- border-color: #1890ff;
8197
+ .pandora-sdk-selector .ant-select-selection {
8198
+ background: #fff;
7866
8199
  }
7867
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7868
- color: #fff;
7869
- background: #40a9ff;
7870
- border-color: #40a9ff;
8200
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
8201
+ opacity: 0;
8202
+ }
8203
+ .pandora-sdk-selector .ant-select-selection__choice {
8204
+ color: #666 !important;
8205
+ background: #f5f5f5 !important;
8206
+ border: none;
8207
+ }
8208
+ .pandora-sdk-selector .ant-select-selection__choice__remove {
8209
+ color: #d9d9d9 !important;
8210
+ }
8211
+ .pandora-sdk-selector .ant-select-selection__choice__remove i {
8212
+ font-size: 12px;
8213
+ }
8214
+ .pandora-sdk-selector .ant-select-selection--single {
8215
+ height: 32px;
8216
+ }
8217
+ .pandora-sdk-selector .ant-select-selection__rendered {
8218
+ line-height: 30px;
8219
+ }
8220
+ .pandora-sdk-selector .ant-select-selection__clear {
8221
+ background: #fff;
8222
+ color: #666;
7871
8223
  }
7872
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7873
- color: #fff;
7874
- background: #096dd9;
7875
- border-color: #096dd9;
8224
+ .pandora-sdk-selector .ant-select-selection__clear i {
8225
+ color: inherit;
7876
8226
  }
7877
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7878
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7879
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8227
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
8228
+ color: #2c6dd2 !important;
8229
+ cursor: default !important;
7880
8230
  }
7881
- .ant-radio-button-wrapper-disabled {
7882
- color: rgba(0, 0, 0, 0.25);
7883
- background-color: #f5f5f5;
7884
- border-color: #d9d9d9;
7885
- cursor: not-allowed;
8231
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
8232
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
8233
+ content: none !important;
7886
8234
  }
7887
- .ant-radio-button-wrapper-disabled:first-child,
7888
- .ant-radio-button-wrapper-disabled:hover {
7889
- color: rgba(0, 0, 0, 0.25);
7890
- background-color: #f5f5f5;
7891
- border-color: #d9d9d9;
8235
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
8236
+ color: #2c6dd2;
7892
8237
  }
7893
- .ant-radio-button-wrapper-disabled:first-child {
7894
- border-left-color: #d9d9d9;
8238
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
8239
+ margin: 0;
7895
8240
  }
7896
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7897
- color: rgba(0, 0, 0, 0.25);
7898
- background-color: #e6e6e6;
7899
- border-color: #d9d9d9;
7900
- -webkit-box-shadow: none;
7901
- box-shadow: none;
8241
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
8242
+ -webkit-appearance: none;
7902
8243
  }
7903
- @-webkit-keyframes antRadioEffect {
7904
- 0% {
7905
- -webkit-transform: scale(1);
7906
- transform: scale(1);
7907
- opacity: 0.5;
7908
- }
7909
- 100% {
7910
- -webkit-transform: scale(1.6);
7911
- transform: scale(1.6);
7912
- opacity: 0;
7913
- }
8244
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
8245
+ width: 6px;
7914
8246
  }
7915
- @keyframes antRadioEffect {
7916
- 0% {
7917
- -webkit-transform: scale(1);
7918
- transform: scale(1);
7919
- opacity: 0.5;
7920
- }
7921
- 100% {
7922
- -webkit-transform: scale(1.6);
7923
- transform: scale(1.6);
7924
- opacity: 0;
7925
- }
8247
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
8248
+ height: 6px;
7926
8249
  }
7927
- .ant-radio-group.ant-radio-group-rtl {
7928
- direction: rtl;
8250
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
8251
+ border-radius: 100px;
8252
+ background-color: rgba(35, 44, 59, 0.3);
7929
8253
  }
7930
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7931
- margin-right: 0;
7932
- margin-left: 8px;
7933
- direction: rtl;
8254
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
8255
+ background: rgba(35, 44, 59, 0.6);
7934
8256
  }
7935
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7936
- border-right-width: 0;
7937
- border-left-width: 1px;
8257
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
8258
+ background-color: transparent;
8259
+ border-radius: 100px;
7938
8260
  }
7939
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7940
- right: -1px;
7941
- left: 0;
8261
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
8262
+ background: transparent;
7942
8263
  }
7943
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7944
- border-right: 1px solid #d9d9d9;
7945
- border-radius: 0 2px 2px 0;
8264
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
8265
+ color: #d9d9d9 !important;
7946
8266
  }
7947
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7948
- border-right-color: #40a9ff;
8267
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
8268
+ color: #2c6dd2;
8269
+ font-weight: 400;
7949
8270
  }
7950
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7951
- border-radius: 2px 0 0 2px;
8271
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
8272
+ color: #2c6dd2 !important;
7952
8273
  }
7953
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7954
- border-right-color: #d9d9d9;
8274
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
8275
+ color: #2c6dd2;
7955
8276
  }
7956
- .pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item {
7957
- padding: 0 12px;
7958
- border-color: #d9d9d9 !important;
7959
- color: rgba(0, 0, 0, 0.85);
7960
- text-align: center;
8277
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
8278
+ color: #d9d9d9;
7961
8279
  }
7962
- .pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item:hover {
7963
- background: #fafafa;
7964
- border-color: #d9d9d9;
8280
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
8281
+ display: inline-block;
8282
+ min-width: 100%;
7965
8283
  }
7966
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked,
7967
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:hover {
7968
- border-color: #2c6dd2 !important;
7969
- color: #2c6dd2 !important;
8284
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
8285
+ overflow: unset;
8286
+ text-overflow: unset;
7970
8287
  }
7971
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
7972
- border-color: #d9d9d9 !important;
7973
- color: rgba(0, 0, 0, 0.85) !important;
8288
+ .pandora-sdk-selector-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
8289
+ color: inherit !important;
7974
8290
  }
7975
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7976
- background-color: #d9d9d9;
8291
+ .pandora-sdk-selector-create-lint {
8292
+ display: block;
7977
8293
  }
7978
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7979
- background-color: #2c6dd2 !important;
8294
+ .pandora-sdk-close-icon {
8295
+ color: #d9d9d9;
7980
8296
  }
7981
8297
  .ant-spin {
7982
8298
  -webkit-box-sizing: border-box;
@@ -8991,8 +9307,6 @@ span.ant-radio + * {
8991
9307
  .pandora-sdk-steps .ant-steps-item-icon {
8992
9308
  width: 24px;
8993
9309
  height: 24px;
8994
- line-height: 28px;
8995
- margin-top: 2px;
8996
9310
  font-size: 12px;
8997
9311
  }
8998
9312
  .pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
@@ -9009,9 +9323,6 @@ span.ant-radio + * {
9009
9323
  background: #2c6dd2;
9010
9324
  border: none;
9011
9325
  }
9012
- .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon {
9013
- top: -1px;
9014
- }
9015
9326
  .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
9016
9327
  color: #d9d9d9;
9017
9328
  }
@@ -9076,9 +9387,7 @@ span.ant-radio + * {
9076
9387
  border-bottom: 0;
9077
9388
  }
9078
9389
  .ant-table.ant-table-bordered > .ant-table-container {
9079
- border: 1px solid #f0f0f0;
9080
- border-right: 0;
9081
- border-bottom: 0;
9390
+ border-left: 1px solid #f0f0f0;
9082
9391
  }
9083
9392
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
9084
9393
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
@@ -9141,6 +9450,10 @@ span.ant-radio + * {
9141
9450
  border-right: 1px solid #f0f0f0;
9142
9451
  content: '';
9143
9452
  }
9453
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
9454
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
9455
+ border-top: 1px solid #f0f0f0;
9456
+ }
9144
9457
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
9145
9458
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
9146
9459
  border-right: 0;
@@ -9296,6 +9609,8 @@ span.ant-radio + * {
9296
9609
  background: #dcf4ff;
9297
9610
  }
9298
9611
  .ant-table-summary {
9612
+ position: relative;
9613
+ z-index: 2;
9299
9614
  background: #fff;
9300
9615
  }
9301
9616
  div.ant-table-summary {
@@ -9766,6 +10081,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
9766
10081
  .ant-table-sticky-holder {
9767
10082
  position: sticky;
9768
10083
  z-index: 3;
10084
+ background: #fff;
9769
10085
  }
9770
10086
  .ant-table-sticky-scroll {
9771
10087
  position: sticky;
@@ -10374,11 +10690,10 @@ textarea.ant-pagination-options-quick-jumper input {
10374
10690
  cursor: not-allowed;
10375
10691
  }
10376
10692
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
10377
- background: #dbdbdb;
10378
- border-color: transparent;
10693
+ background: #e6e6e6;
10379
10694
  }
10380
10695
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
10381
- color: #fff;
10696
+ color: rgba(0, 0, 0, 0.25);
10382
10697
  }
10383
10698
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
10384
10699
  color: rgba(0, 0, 0, 0.25);
@@ -10533,11 +10848,11 @@ textarea.ant-pagination-options-quick-jumper input {
10533
10848
  }
10534
10849
  .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row,
10535
10850
  .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row + .ant-table-expanded-row {
10536
- background: #fafafa !important;
10851
+ background: #fafafa;
10537
10852
  }
10538
10853
  .pandora-sdk-table-wrapper .pandora-sdk-even-table-row,
10539
10854
  .pandora-sdk-table-wrapper .pandora-sdk-even-table-row + .ant-table-expanded-row {
10540
- background: #d9d9d9 !important;
10855
+ background: #d9d9d9;
10541
10856
  }
10542
10857
  .pandora-sdk-table-wrapper .ant-table-row:hover {
10543
10858
  background: #fafafa;
@@ -10642,6 +10957,14 @@ textarea.ant-pagination-options-quick-jumper input {
10642
10957
  display: block;
10643
10958
  line-height: 28px;
10644
10959
  }
10960
+ .pandora-sdk-table-wrapper .pandora-sdk-table-empty {
10961
+ margin: 32px 0;
10962
+ }
10963
+ .pandora-sdk-table-wrapper .pandora-sdk-table-empty .pandora-sdk-table-empty-text {
10964
+ margin-top: 12px;
10965
+ color: inherit;
10966
+ font-size: 14px;
10967
+ }
10645
10968
  .pandora-sdk-table-batch-opt {
10646
10969
  position: absolute;
10647
10970
  left: 40px;
@@ -11565,12 +11888,6 @@ textarea.ant-pagination-options-quick-jumper input {
11565
11888
  .pandora-sdk-tree-select-dropdown .ant-empty {
11566
11889
  text-align: center;
11567
11890
  }
11568
- .pandora-sdk-card-search-input {
11569
- min-width: 200px;
11570
- }
11571
- .pandora-sdk-card-search-input i {
11572
- color: #bfbfbf;
11573
- }
11574
11891
  .ant-row {
11575
11892
  display: -webkit-box;
11576
11893
  display: -ms-flexbox;
@@ -17460,39 +17777,11 @@ textarea.ant-pagination-options-quick-jumper input {
17460
17777
  .pandora-sdk-card-row-extra button {
17461
17778
  min-width: 80px;
17462
17779
  }
17463
- .pandora-sdk-panel-title {
17464
- display: -webkit-box;
17465
- display: -ms-flexbox;
17466
- display: flex;
17467
- -webkit-box-pack: justify;
17468
- -ms-flex-pack: justify;
17469
- justify-content: space-between;
17470
- font-size: 12px;
17471
- color: #42526e;
17472
- cursor: pointer;
17473
- padding-bottom: 16px;
17474
- border-bottom: 1px solid #d9d9d9;
17475
- }
17476
- .pandora-sdk-panel-title .icon {
17477
- font-size: 14px;
17478
- }
17479
- .pandora-sdk-panel-content {
17480
- padding: 20px 0 0 0;
17481
- }
17482
- .pandora-sdk-panel-hidden {
17483
- display: none;
17484
- }
17485
- .pandora-sdk-panel {
17486
- margin-bottom: 20px;
17487
- }
17488
- .pandora-sdk-panel-disable {
17489
- cursor: default;
17490
- }
17491
- .pandora-sdk-custom-panel-title {
17492
- color: red;
17780
+ .pandora-sdk-card-search-input {
17781
+ min-width: 200px;
17493
17782
  }
17494
- .pandora-sdk-custom-panel-content {
17495
- color: red;
17783
+ .pandora-sdk-card-search-input i {
17784
+ color: #bfbfbf;
17496
17785
  }
17497
17786
  .ant-picker {
17498
17787
  -webkit-box-sizing: border-box;
@@ -17919,6 +18208,10 @@ textarea.ant-picker-input > input {
17919
18208
  border-width: 0 0 1px 0;
17920
18209
  border-radius: 0;
17921
18210
  }
18211
+ .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
18212
+ .ant-picker-panel-container .ant-picker-panel table {
18213
+ text-align: center;
18214
+ }
17922
18215
  .ant-picker-panel-container .ant-picker-panel-focused {
17923
18216
  border-color: #f0f0f0;
17924
18217
  }
@@ -18071,9 +18364,6 @@ textarea.ant-picker-input > input {
18071
18364
  .ant-picker-cell-in-view {
18072
18365
  color: rgba(0, 0, 0, 0.85);
18073
18366
  }
18074
- .ant-picker-cell-disabled {
18075
- cursor: not-allowed;
18076
- }
18077
18367
  .ant-picker-cell::before {
18078
18368
  position: absolute;
18079
18369
  top: 50%;
@@ -18215,14 +18505,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18215
18505
  border-bottom-right-radius: 2px;
18216
18506
  }
18217
18507
  .ant-picker-cell-disabled {
18508
+ color: rgba(0, 0, 0, 0.25);
18218
18509
  pointer-events: none;
18219
18510
  }
18220
18511
  .ant-picker-cell-disabled .ant-picker-cell-inner {
18221
- color: rgba(0, 0, 0, 0.25);
18222
18512
  background: transparent;
18223
18513
  }
18224
18514
  .ant-picker-cell-disabled::before {
18225
- background: #f5f5f5;
18515
+ background: rgba(0, 0, 0, 0.04);
18226
18516
  }
18227
18517
  .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
18228
18518
  border-color: rgba(0, 0, 0, 0.25);
@@ -18239,12 +18529,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18239
18529
  .ant-picker-month-panel .ant-picker-cell-inner {
18240
18530
  padding: 0 8px;
18241
18531
  }
18242
- .ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18243
- .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18244
- .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18245
- .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
18246
- background: #f5f5f5;
18247
- }
18248
18532
  .ant-picker-quarter-panel .ant-picker-content {
18249
18533
  height: 56px;
18250
18534
  }
@@ -19026,7 +19310,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19026
19310
  }
19027
19311
  .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
19028
19312
  text-align: left;
19029
- margin-left: 22%;
19030
19313
  color: #333;
19031
19314
  text-overflow: ellipsis;
19032
19315
  display: -webkit-box;
@@ -19037,9 +19320,21 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19037
19320
  margin-right: 18px;
19038
19321
  position: absolute;
19039
19322
  text-align: right;
19040
- font-size: 12px;
19323
+ font-size: 14px;
19041
19324
  color: #333;
19042
19325
  }
19326
+ .pandora-sdk-transfer-list {
19327
+ overflow: hidden;
19328
+ }
19329
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19330
+ margin-bottom: 10px;
19331
+ }
19332
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19333
+ margin-bottom: 10px;
19334
+ }
19335
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19336
+ margin-bottom: 10px;
19337
+ }
19043
19338
  .pandora-sdk-transfer-list-body {
19044
19339
  height: 300px;
19045
19340
  overflow-y: scroll;
@@ -19056,18 +19351,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19056
19351
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19057
19352
  margin-bottom: 10px;
19058
19353
  }
19059
- .pandora-sdk-transfer-list {
19060
- overflow: hidden;
19061
- }
19062
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19063
- margin-bottom: 10px;
19064
- }
19065
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19066
- margin-bottom: 10px;
19067
- }
19068
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19069
- margin-bottom: 10px;
19070
- }
19071
19354
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19072
19355
  display: -webkit-box;
19073
19356
  display: -ms-flexbox;
@@ -19104,3 +19387,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19104
19387
  border-radius: 2px;
19105
19388
  border: 2px solid #939393;
19106
19389
  }
19390
+ .pandora-sdk-panel-title {
19391
+ display: -webkit-box;
19392
+ display: -ms-flexbox;
19393
+ display: flex;
19394
+ -webkit-box-pack: justify;
19395
+ -ms-flex-pack: justify;
19396
+ justify-content: space-between;
19397
+ font-size: 12px;
19398
+ color: #42526e;
19399
+ cursor: pointer;
19400
+ padding-bottom: 16px;
19401
+ border-bottom: 1px solid #d9d9d9;
19402
+ }
19403
+ .pandora-sdk-panel-title .icon {
19404
+ font-size: 14px;
19405
+ }
19406
+ .pandora-sdk-panel-content {
19407
+ padding: 20px 0 0 0;
19408
+ }
19409
+ .pandora-sdk-panel-hidden {
19410
+ display: none;
19411
+ }
19412
+ .pandora-sdk-panel {
19413
+ margin-bottom: 20px;
19414
+ }
19415
+ .pandora-sdk-panel-disable {
19416
+ cursor: default;
19417
+ }