@qn-pandora/pandora-component 3.0.2 → 3.1.0

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 (203) hide show
  1. package/CHANGELOG.json +20 -0
  2. package/CHANGELOG.md +9 -1
  3. package/es/components/CheckTransformList/Item/index.js +7 -3
  4. package/es/components/Collapse/Panel/index.d.ts +8 -40
  5. package/es/components/Collapse/Panel/index.js +34 -45
  6. package/es/components/Collapse/index.d.ts +15 -20
  7. package/es/components/Collapse/index.js +44 -18
  8. package/es/components/Collapse/style.css +210 -0
  9. package/es/components/Collapse/style.less +57 -0
  10. package/es/components/DateTimePicker/Base/index.d.ts +1 -0
  11. package/es/components/DateTimePicker/Base/index.js +29 -13
  12. package/es/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
  13. package/es/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
  14. package/es/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
  15. package/es/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
  16. package/es/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
  17. package/es/components/DateTimePicker/BaseMobile/index.js +7 -2
  18. package/es/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
  19. package/es/components/DateTimePicker/Collapse/Panel/index.js +51 -0
  20. package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
  21. package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
  22. package/es/components/DateTimePicker/Collapse/index.d.ts +24 -0
  23. package/es/components/DateTimePicker/Collapse/index.js +42 -0
  24. package/es/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
  25. package/es/components/DateTimePicker/DisplayInput/index.js +4 -1
  26. package/es/components/DateTimePicker/constants.d.ts +4 -5
  27. package/es/components/DateTimePicker/constants.js +39 -44
  28. package/es/components/DateTimePicker/time.d.ts +2 -2
  29. package/es/components/DateTimePicker/time.js +17 -11
  30. package/es/components/RadioGroup/index.d.ts +53 -0
  31. package/es/components/RadioGroup/index.js +31 -0
  32. package/es/components/{SolidRadioGroup → RadioGroup}/style.css +43 -49
  33. package/es/components/RadioGroup/style.less +32 -0
  34. package/es/components/RangeInput/index.js +13 -7
  35. package/es/components/Selector/index.js +2 -2
  36. package/es/components/SolidRadioGroup/index.d.ts +3 -45
  37. package/es/components/SolidRadioGroup/index.js +13 -25
  38. package/es/components/Steps/ControlButton/index.js +8 -2
  39. package/es/components/Steps/style.css +0 -5
  40. package/es/components/Steps/style.less +0 -5
  41. package/es/components/Table/index.d.ts +1 -0
  42. package/es/components/Table/index.js +14 -5
  43. package/es/components/Table/style.css +10 -2
  44. package/es/components/Table/style.less +10 -3
  45. package/es/components/Timeline/TimelineItem/index.js +6 -4
  46. package/es/components/Timeline/TimelineItem/style.css +1 -2
  47. package/es/components/Timeline/TimelineItem/style.less +1 -2
  48. package/es/components/Transfer/List/index.js +9 -4
  49. package/es/constants/language/check_transform_list/en.d.ts +2 -0
  50. package/es/constants/language/check_transform_list/en.js +5 -0
  51. package/es/constants/language/check_transform_list/type.d.ts +6 -0
  52. package/es/constants/language/check_transform_list/type.js +3 -0
  53. package/es/constants/language/check_transform_list/zh.d.ts +2 -0
  54. package/es/constants/language/check_transform_list/zh.js +5 -0
  55. package/es/constants/language/datetime/en.d.ts +2 -0
  56. package/es/constants/language/datetime/en.js +79 -0
  57. package/es/constants/language/datetime/type.d.ts +80 -0
  58. package/es/constants/language/datetime/type.js +3 -0
  59. package/es/constants/language/datetime/zh.d.ts +2 -0
  60. package/es/constants/language/datetime/zh.js +79 -0
  61. package/es/constants/language/en.d.ts +2 -0
  62. package/es/constants/language/en.js +14 -0
  63. package/es/constants/language/range_input/en.d.ts +2 -0
  64. package/es/constants/language/range_input/en.js +7 -0
  65. package/es/constants/language/range_input/type.d.ts +8 -0
  66. package/es/constants/language/range_input/type.js +3 -0
  67. package/es/constants/language/range_input/zh.d.ts +2 -0
  68. package/es/constants/language/range_input/zh.js +7 -0
  69. package/es/constants/language/steps/en.d.ts +2 -0
  70. package/es/constants/language/steps/en.js +4 -0
  71. package/es/constants/language/steps/type.d.ts +5 -0
  72. package/es/constants/language/steps/type.js +3 -0
  73. package/es/constants/language/steps/zh.d.ts +2 -0
  74. package/es/constants/language/steps/zh.js +4 -0
  75. package/es/constants/language/table/en.d.ts +2 -0
  76. package/es/constants/language/table/en.js +4 -0
  77. package/es/constants/language/table/type.d.ts +5 -0
  78. package/es/constants/language/table/type.js +3 -0
  79. package/es/constants/language/table/zh.d.ts +2 -0
  80. package/es/constants/language/table/zh.js +4 -0
  81. package/es/constants/language/transfer/en.d.ts +2 -0
  82. package/es/constants/language/transfer/en.js +4 -0
  83. package/es/constants/language/transfer/type.d.ts +5 -0
  84. package/es/constants/language/transfer/type.js +3 -0
  85. package/es/constants/language/transfer/zh.d.ts +2 -0
  86. package/es/constants/language/transfer/zh.js +4 -0
  87. package/es/constants/language/type.d.ts +15 -0
  88. package/es/constants/language/type.js +3 -0
  89. package/es/constants/language/zh.d.ts +2 -0
  90. package/es/constants/language/zh.js +14 -0
  91. package/es/index.css +1236 -1046
  92. package/es/index.d.ts +2 -1
  93. package/es/index.js +2 -1
  94. package/es/index.less +4 -4
  95. package/es/style/theme.less +7 -0
  96. package/es/utils/language.d.ts +1 -0
  97. package/es/utils/language.js +15 -0
  98. package/es/utils/languageLocale.d.ts +1 -0
  99. package/es/utils/languageLocale.js +9 -0
  100. package/lib/components/CheckTransformList/Item/index.js +7 -3
  101. package/lib/components/Collapse/Panel/index.d.ts +8 -40
  102. package/lib/components/Collapse/Panel/index.js +35 -46
  103. package/lib/components/Collapse/index.d.ts +15 -20
  104. package/lib/components/Collapse/index.js +47 -20
  105. package/lib/components/Collapse/style.css +210 -0
  106. package/lib/components/Collapse/style.less +57 -0
  107. package/lib/components/DateTimePicker/Base/index.d.ts +1 -0
  108. package/lib/components/DateTimePicker/Base/index.js +29 -13
  109. package/lib/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
  110. package/lib/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
  111. package/lib/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
  112. package/lib/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
  113. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
  114. package/lib/components/DateTimePicker/BaseMobile/index.js +7 -2
  115. package/lib/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
  116. package/lib/components/DateTimePicker/Collapse/Panel/index.js +64 -0
  117. package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
  118. package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
  119. package/lib/components/DateTimePicker/Collapse/index.d.ts +24 -0
  120. package/lib/components/DateTimePicker/Collapse/index.js +54 -0
  121. package/lib/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
  122. package/lib/components/DateTimePicker/DisplayInput/index.js +4 -1
  123. package/lib/components/DateTimePicker/constants.d.ts +4 -5
  124. package/lib/components/DateTimePicker/constants.js +39 -44
  125. package/lib/components/DateTimePicker/time.d.ts +2 -2
  126. package/lib/components/DateTimePicker/time.js +16 -10
  127. package/lib/components/RadioGroup/index.d.ts +53 -0
  128. package/lib/components/RadioGroup/index.js +44 -0
  129. package/lib/components/{SolidRadioGroup → RadioGroup}/style.css +43 -49
  130. package/lib/components/RadioGroup/style.less +32 -0
  131. package/lib/components/RangeInput/index.js +13 -7
  132. package/lib/components/Selector/index.js +1 -1
  133. package/lib/components/SolidRadioGroup/index.d.ts +3 -45
  134. package/lib/components/SolidRadioGroup/index.js +13 -25
  135. package/lib/components/Steps/ControlButton/index.js +8 -2
  136. package/lib/components/Steps/style.css +0 -5
  137. package/lib/components/Steps/style.less +0 -5
  138. package/lib/components/Table/index.d.ts +1 -0
  139. package/lib/components/Table/index.js +14 -5
  140. package/lib/components/Table/style.css +10 -2
  141. package/lib/components/Table/style.less +10 -3
  142. package/lib/components/Timeline/TimelineItem/index.js +6 -4
  143. package/lib/components/Timeline/TimelineItem/style.css +1 -2
  144. package/lib/components/Timeline/TimelineItem/style.less +1 -2
  145. package/lib/components/Transfer/List/index.js +8 -3
  146. package/lib/constants/language/check_transform_list/en.d.ts +2 -0
  147. package/lib/constants/language/check_transform_list/en.js +7 -0
  148. package/lib/constants/language/check_transform_list/type.d.ts +6 -0
  149. package/lib/constants/language/check_transform_list/type.js +5 -0
  150. package/lib/constants/language/check_transform_list/zh.d.ts +2 -0
  151. package/lib/constants/language/check_transform_list/zh.js +7 -0
  152. package/lib/constants/language/datetime/en.d.ts +2 -0
  153. package/lib/constants/language/datetime/en.js +81 -0
  154. package/lib/constants/language/datetime/type.d.ts +80 -0
  155. package/lib/constants/language/datetime/type.js +5 -0
  156. package/lib/constants/language/datetime/zh.d.ts +2 -0
  157. package/lib/constants/language/datetime/zh.js +81 -0
  158. package/lib/constants/language/en.d.ts +2 -0
  159. package/lib/constants/language/en.js +16 -0
  160. package/lib/constants/language/range_input/en.d.ts +2 -0
  161. package/lib/constants/language/range_input/en.js +9 -0
  162. package/lib/constants/language/range_input/type.d.ts +8 -0
  163. package/lib/constants/language/range_input/type.js +5 -0
  164. package/lib/constants/language/range_input/zh.d.ts +2 -0
  165. package/lib/constants/language/range_input/zh.js +9 -0
  166. package/lib/constants/language/steps/en.d.ts +2 -0
  167. package/lib/constants/language/steps/en.js +6 -0
  168. package/lib/constants/language/steps/type.d.ts +5 -0
  169. package/lib/constants/language/steps/type.js +5 -0
  170. package/lib/constants/language/steps/zh.d.ts +2 -0
  171. package/lib/constants/language/steps/zh.js +6 -0
  172. package/lib/constants/language/table/en.d.ts +2 -0
  173. package/lib/constants/language/table/en.js +6 -0
  174. package/lib/constants/language/table/type.d.ts +5 -0
  175. package/lib/constants/language/table/type.js +5 -0
  176. package/lib/constants/language/table/zh.d.ts +2 -0
  177. package/lib/constants/language/table/zh.js +6 -0
  178. package/lib/constants/language/transfer/en.d.ts +2 -0
  179. package/lib/constants/language/transfer/en.js +6 -0
  180. package/lib/constants/language/transfer/type.d.ts +5 -0
  181. package/lib/constants/language/transfer/type.js +5 -0
  182. package/lib/constants/language/transfer/zh.d.ts +2 -0
  183. package/lib/constants/language/transfer/zh.js +6 -0
  184. package/lib/constants/language/type.d.ts +15 -0
  185. package/lib/constants/language/type.js +5 -0
  186. package/lib/constants/language/zh.d.ts +2 -0
  187. package/lib/constants/language/zh.js +16 -0
  188. package/lib/index.css +3658 -3468
  189. package/lib/index.d.ts +2 -1
  190. package/lib/index.js +3 -0
  191. package/lib/index.less +8 -8
  192. package/lib/style/theme.less +7 -0
  193. package/lib/utils/language.d.ts +1 -0
  194. package/lib/utils/language.js +21 -0
  195. package/lib/utils/languageLocale.d.ts +1 -0
  196. package/lib/utils/languageLocale.js +12 -0
  197. package/package.json +11 -8
  198. package/es/components/Collapse/stories/style.stories.css +0 -12
  199. package/es/components/Collapse/stories/style.stories.less +0 -7
  200. package/es/components/SolidRadioGroup/style.less +0 -39
  201. package/lib/components/Collapse/stories/style.stories.css +0 -12
  202. package/lib/components/Collapse/stories/style.stories.less +0 -7
  203. package/lib/components/SolidRadioGroup/style.less +0 -39
package/es/index.css CHANGED
@@ -4229,6 +4229,206 @@ textarea.ant-input {
4229
4229
  width: 100%;
4230
4230
  margin-left: 0 !important;
4231
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
+ }
4232
4432
  .pandora-sdk-collapsible-panel > .panel-header {
4233
4433
  position: relative;
4234
4434
  padding: 12px 16px 12px 40px;
@@ -6843,864 +7043,773 @@ textarea.ant-input-number {
6843
7043
  line-height: 22px;
6844
7044
  font-size: 12px;
6845
7045
  }
6846
- .pandora-sdk-range-input {
6847
- position: relative;
6848
- }
6849
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
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';
6850
7058
  display: inline-block;
6851
- width: 40px;
6852
- line-height: 40px;
6853
- text-align: center;
7059
+ font-size: 0;
6854
7060
  }
6855
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
6856
- width: calc(50% - 20px);
6857
- text-align: center;
6858
- display: inline-block;
7061
+ .ant-radio-group .ant-badge-count {
7062
+ z-index: 1;
6859
7063
  }
6860
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
6861
- color: #ff4d4f;
6862
- line-height: 24px;
6863
- font-size: 12px;
7064
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7065
+ border-left: none;
6864
7066
  }
6865
- .pandora-sdk-range-input .ant-input-number {
6866
- width: 100%;
7067
+ .ant-radio-wrapper {
7068
+ -webkit-box-sizing: border-box;
7069
+ box-sizing: border-box;
7070
+ margin: 0;
7071
+ padding: 0;
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';
7079
+ position: relative;
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;
6867
7088
  }
6868
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
6869
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
6870
- -webkit-appearance: none;
7089
+ .ant-radio-wrapper::after {
7090
+ display: inline-block;
7091
+ width: 0;
7092
+ overflow: hidden;
7093
+ content: '\a0';
6871
7094
  }
6872
- .pandora-sdk-range-input input[type='number'] {
6873
- -moz-appearance: textfield;
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;
6874
7112
  }
6875
- .ant-select-single .ant-select-selector {
6876
- display: -webkit-box;
6877
- display: -ms-flexbox;
6878
- display: flex;
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;
6879
7117
  }
6880
- .ant-select-single .ant-select-selector .ant-select-selection-search {
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);
7121
+ }
7122
+ .ant-radio-checked::after {
6881
7123
  position: absolute;
6882
7124
  top: 0;
6883
- right: 11px;
6884
- bottom: 0;
6885
- left: 11px;
6886
- }
6887
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
7125
+ left: 0;
6888
7126
  width: 100%;
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: '';
6889
7136
  }
6890
- .ant-select-single .ant-select-selector .ant-select-selection-item,
6891
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
6892
- padding: 0;
6893
- line-height: 30px;
6894
- -webkit-transition: all 0.3s;
6895
- transition: all 0.3s;
7137
+ .ant-radio:hover::after,
7138
+ .ant-radio-wrapper:hover .ant-radio::after {
7139
+ visibility: visible;
6896
7140
  }
6897
- @supports (-moz-appearance: meterbar) {
6898
- .ant-select-single .ant-select-selector .ant-select-selection-item,
6899
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
6900
- line-height: 30px;
6901
- }
6902
- }
6903
- .ant-select-single .ant-select-selector .ant-select-selection-item {
7141
+ .ant-radio-inner {
6904
7142
  position: relative;
6905
- -webkit-user-select: none;
6906
- -moz-user-select: none;
6907
- -ms-user-select: none;
6908
- user-select: none;
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;
6909
7155
  }
6910
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
6911
- pointer-events: none;
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: ' ';
6912
7173
  }
6913
- .ant-select-single .ant-select-selector::after,
6914
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
6915
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
6916
- display: inline-block;
6917
- width: 0;
6918
- visibility: hidden;
6919
- content: '\a0';
7174
+ .ant-radio-input {
7175
+ position: absolute;
7176
+ top: 0;
7177
+ right: 0;
7178
+ bottom: 0;
7179
+ left: 0;
7180
+ z-index: 1;
7181
+ cursor: pointer;
7182
+ opacity: 0;
6920
7183
  }
6921
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
6922
- right: 25px;
7184
+ .ant-radio-checked .ant-radio-inner {
7185
+ border-color: #1890ff;
6923
7186
  }
6924
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
6925
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
6926
- padding-right: 18px;
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);
6927
7193
  }
6928
- .ant-select-single.ant-select-open .ant-select-selection-item {
6929
- color: #bfbfbf;
7194
+ .ant-radio-disabled {
7195
+ cursor: not-allowed;
6930
7196
  }
6931
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
6932
- width: 100%;
6933
- height: 32px;
6934
- padding: 0 11px;
7197
+ .ant-radio-disabled .ant-radio-inner {
7198
+ background-color: #f5f5f5;
7199
+ border-color: #d9d9d9 !important;
7200
+ cursor: not-allowed;
6935
7201
  }
6936
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
6937
- height: 30px;
7202
+ .ant-radio-disabled .ant-radio-inner::after {
7203
+ background-color: rgba(0, 0, 0, 0.2);
6938
7204
  }
6939
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
6940
- line-height: 30px;
7205
+ .ant-radio-disabled .ant-radio-input {
7206
+ cursor: not-allowed;
6941
7207
  }
6942
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
6943
- display: none;
7208
+ .ant-radio-disabled + span {
7209
+ color: rgba(0, 0, 0, 0.25);
7210
+ cursor: not-allowed;
6944
7211
  }
6945
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
6946
- position: static;
6947
- width: 100%;
7212
+ span.ant-radio + * {
7213
+ padding-right: 8px;
7214
+ padding-left: 8px;
6948
7215
  }
6949
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
7216
+ .ant-radio-button-wrapper {
7217
+ position: relative;
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;
7234
+ }
7235
+ .ant-radio-button-wrapper a {
7236
+ color: rgba(0, 0, 0, 0.85);
7237
+ }
7238
+ .ant-radio-button-wrapper > .ant-radio-button {
6950
7239
  position: absolute;
6951
- right: 0;
7240
+ top: 0;
6952
7241
  left: 0;
6953
- padding: 0 11px;
6954
- }
6955
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
6956
- display: none;
7242
+ z-index: -1;
7243
+ width: 100%;
7244
+ height: 100%;
6957
7245
  }
6958
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
7246
+ .ant-radio-group-large .ant-radio-button-wrapper {
6959
7247
  height: 40px;
6960
- }
6961
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
6962
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
6963
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
7248
+ font-size: 16px;
6964
7249
  line-height: 38px;
6965
7250
  }
6966
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
6967
- height: 38px;
6968
- }
6969
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
7251
+ .ant-radio-group-small .ant-radio-button-wrapper {
6970
7252
  height: 24px;
6971
- }
6972
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
6973
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
6974
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
7253
+ padding: 0 7px;
6975
7254
  line-height: 22px;
6976
7255
  }
6977
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
6978
- height: 22px;
6979
- }
6980
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
6981
- right: 7px;
6982
- left: 7px;
6983
- }
6984
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
6985
- padding: 0 7px;
7256
+ .ant-radio-button-wrapper:not(:first-child)::before {
7257
+ position: absolute;
7258
+ top: -1px;
7259
+ left: -1px;
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: '';
6986
7270
  }
6987
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
6988
- right: 28px;
7271
+ .ant-radio-button-wrapper:first-child {
7272
+ border-left: 1px solid #d9d9d9;
7273
+ border-radius: 2px 0 0 2px;
6989
7274
  }
6990
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
6991
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
6992
- padding-right: 21px;
7275
+ .ant-radio-button-wrapper:last-child {
7276
+ border-radius: 0 2px 2px 0;
6993
7277
  }
6994
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
6995
- padding: 0 11px;
7278
+ .ant-radio-button-wrapper:first-child:last-child {
7279
+ border-radius: 2px;
6996
7280
  }
6997
- /**
6998
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
6999
- * since chrome may update to redesign with its align logic.
7000
- */
7001
- .ant-select-selection-overflow {
7281
+ .ant-radio-button-wrapper:hover {
7002
7282
  position: relative;
7003
- display: -webkit-box;
7004
- display: -ms-flexbox;
7005
- display: flex;
7006
- -webkit-box-flex: 1;
7007
- -ms-flex: auto;
7008
- flex: auto;
7009
- -ms-flex-wrap: wrap;
7010
- flex-wrap: wrap;
7011
- max-width: 100%;
7283
+ color: #1890ff;
7012
7284
  }
7013
- .ant-select-selection-overflow-item {
7014
- -webkit-box-flex: 0;
7015
- -ms-flex: none;
7016
- flex: none;
7017
- -ms-flex-item-align: center;
7018
- align-self: center;
7019
- max-width: 100%;
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);
7020
7288
  }
7021
- .ant-select-multiple .ant-select-selector {
7022
- display: -webkit-box;
7023
- display: -ms-flexbox;
7024
- display: flex;
7025
- -ms-flex-wrap: wrap;
7026
- flex-wrap: wrap;
7027
- -webkit-box-align: center;
7028
- -ms-flex-align: center;
7029
- align-items: center;
7030
- padding: 1px 4px;
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;
7031
7296
  }
7032
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
7033
- cursor: text;
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;
7034
7302
  }
7035
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
7036
- background: #f5f5f5;
7037
- cursor: not-allowed;
7303
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7304
+ background-color: #1890ff;
7038
7305
  }
7039
- .ant-select-multiple .ant-select-selector::after {
7040
- display: inline-block;
7041
- width: 0;
7042
- margin: 2px 0;
7043
- line-height: 24px;
7044
- content: '\a0';
7306
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7307
+ border-color: #1890ff;
7045
7308
  }
7046
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
7047
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
7048
- padding-right: 24px;
7309
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7310
+ color: #40a9ff;
7311
+ border-color: #40a9ff;
7049
7312
  }
7050
- .ant-select-multiple .ant-select-selection-item {
7051
- position: relative;
7052
- display: -webkit-box;
7053
- display: -ms-flexbox;
7054
- display: flex;
7055
- -webkit-box-flex: 0;
7056
- -ms-flex: none;
7057
- flex: none;
7058
- -webkit-box-sizing: border-box;
7059
- box-sizing: border-box;
7060
- max-width: 100%;
7061
- height: 24px;
7062
- margin-top: 2px;
7063
- margin-bottom: 2px;
7064
- line-height: 22px;
7065
- background: #f5f5f5;
7066
- border: 1px solid #f0f0f0;
7067
- border-radius: 2px;
7068
- cursor: default;
7069
- -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
7070
- transition: font-size 0.3s, line-height 0.3s, height 0.3s;
7071
- -webkit-user-select: none;
7072
- -moz-user-select: none;
7073
- -ms-user-select: none;
7074
- user-select: none;
7075
- -webkit-margin-end: 4px;
7076
- margin-inline-end: 4px;
7077
- -webkit-padding-start: 8px;
7078
- padding-inline-start: 8px;
7079
- -webkit-padding-end: 4px;
7080
- padding-inline-end: 4px;
7313
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7314
+ background-color: #40a9ff;
7081
7315
  }
7082
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
7083
- color: #bfbfbf;
7084
- border-color: #d9d9d9;
7085
- cursor: not-allowed;
7316
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7317
+ color: #096dd9;
7318
+ border-color: #096dd9;
7086
7319
  }
7087
- .ant-select-multiple .ant-select-selection-item-content {
7088
- display: inline-block;
7089
- margin-right: 4px;
7090
- overflow: hidden;
7091
- white-space: pre;
7092
- text-overflow: ellipsis;
7320
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7321
+ background-color: #096dd9;
7093
7322
  }
7094
- .ant-select-multiple .ant-select-selection-item-remove {
7095
- color: inherit;
7096
- font-style: normal;
7097
- line-height: 0;
7098
- text-align: center;
7099
- text-transform: none;
7100
- vertical-align: -0.125em;
7101
- text-rendering: optimizeLegibility;
7102
- -webkit-font-smoothing: antialiased;
7103
- -moz-osx-font-smoothing: grayscale;
7104
- display: inline-block;
7105
- color: rgba(0, 0, 0, 0.45);
7106
- font-weight: bold;
7107
- font-size: 10px;
7108
- line-height: inherit;
7109
- cursor: pointer;
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);
7110
7326
  }
7111
- .ant-select-multiple .ant-select-selection-item-remove > * {
7112
- line-height: 1;
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;
7113
7331
  }
7114
- .ant-select-multiple .ant-select-selection-item-remove svg {
7115
- display: inline-block;
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;
7116
7336
  }
7117
- .ant-select-multiple .ant-select-selection-item-remove::before {
7118
- display: none;
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;
7119
7341
  }
7120
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
7121
- display: block;
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);
7122
7345
  }
7123
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
7124
- vertical-align: -0.2em;
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;
7125
7351
  }
7126
- .ant-select-multiple .ant-select-selection-item-remove:hover {
7127
- color: rgba(0, 0, 0, 0.75);
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;
7128
7357
  }
7129
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
7130
- -webkit-margin-start: 0;
7131
- margin-inline-start: 0;
7358
+ .ant-radio-button-wrapper-disabled:first-child {
7359
+ border-left-color: #d9d9d9;
7132
7360
  }
7133
- .ant-select-multiple .ant-select-selection-search {
7134
- position: relative;
7135
- max-width: 100%;
7136
- margin-top: 2px;
7137
- margin-bottom: 2px;
7138
- -webkit-margin-start: 7px;
7139
- margin-inline-start: 7px;
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;
7140
7367
  }
7141
- .ant-select-multiple .ant-select-selection-search-input,
7142
- .ant-select-multiple .ant-select-selection-search-mirror {
7143
- height: 24px;
7144
- 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';
7145
- line-height: 24px;
7146
- -webkit-transition: all 0.3s;
7147
- transition: all 0.3s;
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
+ }
7148
7379
  }
7149
- .ant-select-multiple .ant-select-selection-search-input {
7150
- width: 100%;
7151
- min-width: 4.1px;
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
+ }
7152
7391
  }
7153
- .ant-select-multiple .ant-select-selection-search-mirror {
7154
- position: absolute;
7155
- top: 0;
7156
- left: 0;
7157
- z-index: 999;
7158
- white-space: pre;
7159
- visibility: hidden;
7392
+ .ant-radio-group.ant-radio-group-rtl {
7393
+ direction: rtl;
7160
7394
  }
7161
- .ant-select-multiple .ant-select-selection-placeholder {
7162
- position: absolute;
7163
- top: 50%;
7164
- right: 11px;
7165
- left: 11px;
7166
- -webkit-transform: translateY(-50%);
7167
- transform: translateY(-50%);
7168
- -webkit-transition: all 0.3s;
7169
- transition: all 0.3s;
7395
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7396
+ margin-right: 0;
7397
+ margin-left: 8px;
7398
+ direction: rtl;
7170
7399
  }
7171
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
7172
- line-height: 32px;
7400
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7401
+ border-right-width: 0;
7402
+ border-left-width: 1px;
7173
7403
  }
7174
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7175
- height: 32px;
7176
- line-height: 30px;
7404
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7405
+ right: -1px;
7406
+ left: 0;
7177
7407
  }
7178
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
7179
- height: 32px;
7180
- line-height: 32px;
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;
7181
7411
  }
7182
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
7183
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
7184
- height: 32px;
7185
- line-height: 30px;
7412
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7413
+ border-right-color: #40a9ff;
7186
7414
  }
7187
- .ant-select-multiple.ant-select-sm .ant-select-selector::after {
7188
- line-height: 16px;
7415
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7416
+ border-radius: 2px 0 0 2px;
7189
7417
  }
7190
- .ant-select-multiple.ant-select-sm .ant-select-selection-item {
7191
- height: 16px;
7192
- line-height: 14px;
7418
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7419
+ border-right-color: #d9d9d9;
7193
7420
  }
7194
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7195
- height: 16px;
7196
- line-height: 16px;
7421
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7422
+ padding: 0 12px;
7197
7423
  }
7198
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
7199
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
7200
- height: 16px;
7201
- line-height: 14px;
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;
7202
7426
  }
7203
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7204
- left: 7px;
7427
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7428
+ border-color: #d9d9d9;
7205
7429
  }
7206
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7207
- -webkit-margin-start: 3px;
7208
- margin-inline-start: 3px;
7430
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7431
+ -webkit-box-sizing: border-box;
7432
+ box-sizing: border-box;
7209
7433
  }
7210
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7211
- height: 32px;
7212
- line-height: 32px;
7434
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7435
+ border-color: #2c6dd2;
7213
7436
  }
7214
- .ant-select-disabled .ant-select-selection-item-remove {
7215
- display: none;
7437
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7438
+ background-color: #2c6dd2;
7216
7439
  }
7217
- /* Reset search input style */
7218
- .ant-select {
7219
- -webkit-box-sizing: border-box;
7220
- box-sizing: border-box;
7221
- margin: 0;
7222
- padding: 0;
7223
- color: rgba(0, 0, 0, 0.85);
7224
- font-size: 14px;
7225
- font-variant: tabular-nums;
7226
- line-height: 1.5715;
7227
- list-style: none;
7228
- -webkit-font-feature-settings: 'tnum';
7229
- font-feature-settings: 'tnum';
7440
+ .pandora-sdk-range-input {
7230
7441
  position: relative;
7442
+ }
7443
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
7231
7444
  display: inline-block;
7232
- cursor: pointer;
7445
+ width: 40px;
7446
+ line-height: 40px;
7447
+ text-align: center;
7233
7448
  }
7234
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
7235
- position: relative;
7236
- background-color: #fff;
7237
- border: 1px solid #d9d9d9;
7238
- border-radius: 2px;
7239
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7240
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
7241
- }
7242
- .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7243
- cursor: pointer;
7449
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
7450
+ width: calc(50% - 20px);
7451
+ text-align: center;
7452
+ display: inline-block;
7244
7453
  }
7245
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7246
- cursor: text;
7454
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
7455
+ color: #ff4d4f;
7456
+ line-height: 24px;
7457
+ font-size: 12px;
7247
7458
  }
7248
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7249
- cursor: auto;
7459
+ .pandora-sdk-range-input .ant-input-number {
7460
+ width: 100%;
7250
7461
  }
7251
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7252
- border-color: #40a9ff;
7253
- border-right-width: 1px !important;
7254
- outline: 0;
7255
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7256
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7462
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
7463
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
7464
+ -webkit-appearance: none;
7257
7465
  }
7258
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
7259
- border-right-width: 0;
7260
- border-left-width: 1px !important;
7466
+ .pandora-sdk-range-input input[type='number'] {
7467
+ -moz-appearance: textfield;
7261
7468
  }
7262
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7263
- color: rgba(0, 0, 0, 0.25);
7264
- background: #f5f5f5;
7265
- cursor: not-allowed;
7469
+ .ant-select-single .ant-select-selector {
7470
+ display: -webkit-box;
7471
+ display: -ms-flexbox;
7472
+ display: flex;
7266
7473
  }
7267
- .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7268
- background: #f5f5f5;
7474
+ .ant-select-single .ant-select-selector .ant-select-selection-search {
7475
+ position: absolute;
7476
+ top: 0;
7477
+ right: 11px;
7478
+ bottom: 0;
7479
+ left: 11px;
7269
7480
  }
7270
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7271
- cursor: not-allowed;
7481
+ .ant-select-single .ant-select-selector .ant-select-selection-search-input {
7482
+ width: 100%;
7272
7483
  }
7273
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7274
- margin: 0;
7484
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
7485
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7275
7486
  padding: 0;
7276
- background: transparent;
7277
- border: none;
7278
- outline: none;
7279
- -webkit-appearance: none;
7280
- -moz-appearance: none;
7281
- appearance: none;
7487
+ line-height: 30px;
7488
+ -webkit-transition: all 0.3s;
7489
+ transition: all 0.3s;
7282
7490
  }
7283
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
7284
- display: none;
7285
- -webkit-appearance: none;
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
+ }
7286
7496
  }
7287
- .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7288
- border-color: #40a9ff;
7289
- border-right-width: 1px !important;
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;
7290
7503
  }
7291
- .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7292
- border-right-width: 0;
7293
- border-left-width: 1px !important;
7504
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7505
+ pointer-events: none;
7294
7506
  }
7295
- .ant-select-selection-item {
7296
- -webkit-box-flex: 1;
7297
- -ms-flex: 1;
7298
- flex: 1;
7299
- overflow: hidden;
7300
- white-space: nowrap;
7301
- text-overflow: ellipsis;
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 {
7510
+ display: inline-block;
7511
+ width: 0;
7512
+ visibility: hidden;
7513
+ content: '\a0';
7302
7514
  }
7303
- @media all and (-ms-high-contrast: none) {
7304
- .ant-select-selection-item *::-ms-backdrop,
7305
- .ant-select-selection-item {
7306
- -ms-flex: auto;
7307
- flex: auto;
7308
- }
7515
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7516
+ right: 25px;
7309
7517
  }
7310
- .ant-select-selection-placeholder {
7311
- -webkit-box-flex: 1;
7312
- -ms-flex: 1;
7313
- flex: 1;
7314
- overflow: hidden;
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;
7521
+ }
7522
+ .ant-select-single.ant-select-open .ant-select-selection-item {
7315
7523
  color: #bfbfbf;
7316
- white-space: nowrap;
7317
- text-overflow: ellipsis;
7318
- pointer-events: none;
7319
7524
  }
7320
- @media all and (-ms-high-contrast: none) {
7321
- .ant-select-selection-placeholder *::-ms-backdrop,
7322
- .ant-select-selection-placeholder {
7323
- -ms-flex: auto;
7324
- flex: auto;
7325
- }
7525
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7526
+ width: 100%;
7527
+ height: 32px;
7528
+ padding: 0 11px;
7326
7529
  }
7327
- .ant-select-arrow {
7328
- display: inline-block;
7329
- color: inherit;
7330
- font-style: normal;
7331
- line-height: 0;
7332
- text-transform: none;
7333
- vertical-align: -0.125em;
7334
- text-rendering: optimizeLegibility;
7335
- -webkit-font-smoothing: antialiased;
7336
- -moz-osx-font-smoothing: grayscale;
7337
- position: absolute;
7338
- top: 50%;
7339
- right: 11px;
7340
- width: 12px;
7341
- height: 12px;
7342
- margin-top: -6px;
7343
- color: rgba(0, 0, 0, 0.25);
7344
- font-size: 12px;
7345
- line-height: 1;
7346
- text-align: center;
7347
- pointer-events: none;
7530
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7531
+ height: 30px;
7348
7532
  }
7349
- .ant-select-arrow > * {
7350
- line-height: 1;
7533
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
7534
+ line-height: 30px;
7351
7535
  }
7352
- .ant-select-arrow svg {
7353
- display: inline-block;
7536
+ .ant-select-single.ant-select-customize-input .ant-select-selector::after {
7537
+ display: none;
7354
7538
  }
7355
- .ant-select-arrow::before {
7539
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
7540
+ position: static;
7541
+ width: 100%;
7542
+ }
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;
7548
+ }
7549
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
7356
7550
  display: none;
7357
7551
  }
7358
- .ant-select-arrow .ant-select-arrow-icon {
7359
- display: block;
7552
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
7553
+ height: 40px;
7360
7554
  }
7361
- .ant-select-arrow .anticon {
7362
- vertical-align: top;
7363
- -webkit-transition: -webkit-transform 0.3s;
7364
- transition: -webkit-transform 0.3s;
7365
- transition: transform 0.3s;
7366
- transition: transform 0.3s, -webkit-transform 0.3s;
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;
7367
7559
  }
7368
- .ant-select-arrow .anticon > svg {
7369
- vertical-align: top;
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;
7370
7562
  }
7371
- .ant-select-arrow .anticon:not(.ant-select-suffix) {
7372
- pointer-events: auto;
7563
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
7564
+ height: 24px;
7373
7565
  }
7374
- .ant-select-disabled .ant-select-arrow {
7375
- cursor: not-allowed;
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 {
7569
+ line-height: 22px;
7376
7570
  }
7377
- .ant-select-clear {
7378
- position: absolute;
7379
- top: 50%;
7380
- right: 11px;
7381
- z-index: 1;
7382
- display: inline-block;
7383
- width: 12px;
7384
- height: 12px;
7385
- margin-top: -6px;
7386
- color: rgba(0, 0, 0, 0.25);
7387
- font-size: 12px;
7388
- font-style: normal;
7389
- line-height: 1;
7390
- text-align: center;
7391
- text-transform: none;
7392
- background: #fff;
7393
- cursor: pointer;
7394
- opacity: 0;
7395
- -webkit-transition: color 0.3s ease, opacity 0.15s ease;
7396
- transition: color 0.3s ease, opacity 0.15s ease;
7397
- text-rendering: auto;
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;
7398
7573
  }
7399
- .ant-select-clear::before {
7400
- display: block;
7574
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
7575
+ right: 7px;
7576
+ left: 7px;
7401
7577
  }
7402
- .ant-select-clear:hover {
7403
- color: rgba(0, 0, 0, 0.45);
7578
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
7579
+ padding: 0 7px;
7404
7580
  }
7405
- .ant-select:hover .ant-select-clear {
7406
- opacity: 1;
7581
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
7582
+ right: 28px;
7407
7583
  }
7408
- .ant-select-dropdown {
7409
- margin: 0;
7410
- padding: 0;
7411
- color: rgba(0, 0, 0, 0.85);
7412
- font-variant: tabular-nums;
7413
- line-height: 1.5715;
7414
- list-style: none;
7415
- -webkit-font-feature-settings: 'tnum';
7416
- font-feature-settings: 'tnum';
7417
- position: absolute;
7418
- top: -9999px;
7419
- left: -9999px;
7420
- z-index: 1050;
7421
- -webkit-box-sizing: border-box;
7422
- box-sizing: border-box;
7423
- padding: 4px 0;
7424
- overflow: hidden;
7425
- font-size: 14px;
7426
- font-variant: initial;
7427
- background-color: #fff;
7428
- border-radius: 2px;
7429
- outline: none;
7430
- -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);
7431
- 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);
7432
- }
7433
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
7434
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
7435
- -webkit-animation-name: antSlideUpIn;
7436
- animation-name: antSlideUpIn;
7437
- }
7438
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
7439
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
7440
- -webkit-animation-name: antSlideDownIn;
7441
- animation-name: antSlideDownIn;
7442
- }
7443
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
7444
- -webkit-animation-name: antSlideUpOut;
7445
- animation-name: antSlideUpOut;
7446
- }
7447
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
7448
- -webkit-animation-name: antSlideDownOut;
7449
- animation-name: antSlideDownOut;
7450
- }
7451
- .ant-select-dropdown-hidden {
7452
- display: none;
7453
- }
7454
- .ant-select-dropdown-empty {
7455
- color: rgba(0, 0, 0, 0.25);
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;
7456
7587
  }
7457
- .ant-select-item-empty {
7458
- position: relative;
7459
- display: block;
7460
- min-height: 32px;
7461
- padding: 5px 12px;
7462
- color: rgba(0, 0, 0, 0.85);
7463
- font-weight: normal;
7464
- font-size: 14px;
7465
- line-height: 22px;
7466
- color: rgba(0, 0, 0, 0.25);
7588
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
7589
+ padding: 0 11px;
7467
7590
  }
7468
- .ant-select-item {
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 {
7469
7596
  position: relative;
7470
- display: block;
7471
- min-height: 32px;
7472
- padding: 5px 12px;
7473
- color: rgba(0, 0, 0, 0.85);
7474
- font-weight: normal;
7475
- font-size: 14px;
7476
- line-height: 22px;
7477
- cursor: pointer;
7478
- -webkit-transition: background 0.3s ease;
7479
- transition: background 0.3s ease;
7480
- }
7481
- .ant-select-item-group {
7482
- color: rgba(0, 0, 0, 0.45);
7483
- font-size: 12px;
7484
- cursor: default;
7485
- }
7486
- .ant-select-item-option {
7487
7597
  display: -webkit-box;
7488
7598
  display: -ms-flexbox;
7489
7599
  display: flex;
7490
- }
7491
- .ant-select-item-option-content {
7492
7600
  -webkit-box-flex: 1;
7493
7601
  -ms-flex: auto;
7494
7602
  flex: auto;
7495
- overflow: hidden;
7496
- white-space: nowrap;
7497
- text-overflow: ellipsis;
7603
+ -ms-flex-wrap: wrap;
7604
+ flex-wrap: wrap;
7605
+ max-width: 100%;
7498
7606
  }
7499
- .ant-select-item-option-state {
7607
+ .ant-select-selection-overflow-item {
7500
7608
  -webkit-box-flex: 0;
7501
7609
  -ms-flex: none;
7502
7610
  flex: none;
7611
+ -ms-flex-item-align: center;
7612
+ align-self: center;
7613
+ max-width: 100%;
7503
7614
  }
7504
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
7505
- background-color: #f5f5f5;
7506
- }
7507
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
7508
- color: rgba(0, 0, 0, 0.85);
7509
- font-weight: 600;
7510
- background-color: #e6f7ff;
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;
7511
7625
  }
7512
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
7513
- color: #1890ff;
7626
+ .ant-select-show-search.ant-select-multiple .ant-select-selector {
7627
+ cursor: text;
7514
7628
  }
7515
- .ant-select-item-option-disabled {
7516
- color: rgba(0, 0, 0, 0.25);
7629
+ .ant-select-disabled.ant-select-multiple .ant-select-selector {
7630
+ background: #f5f5f5;
7517
7631
  cursor: not-allowed;
7518
7632
  }
7519
- .ant-select-item-option-disabled.ant-select-item-option-selected {
7520
- background-color: #f5f5f5;
7521
- }
7522
- .ant-select-item-option-grouped {
7523
- padding-left: 24px;
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';
7524
7639
  }
7525
- .ant-select-lg {
7526
- font-size: 16px;
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;
7527
7643
  }
7528
- .ant-select-borderless .ant-select-selector {
7529
- background-color: transparent !important;
7530
- border-color: transparent !important;
7531
- -webkit-box-shadow: none !important;
7532
- box-shadow: none !important;
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;
7533
7675
  }
7534
- .ant-select-rtl {
7535
- direction: rtl;
7676
+ .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
7677
+ color: #bfbfbf;
7678
+ border-color: #d9d9d9;
7679
+ cursor: not-allowed;
7536
7680
  }
7537
- .ant-select-rtl .ant-select-arrow {
7538
- right: initial;
7539
- left: 11px;
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;
7540
7687
  }
7541
- .ant-select-rtl .ant-select-clear {
7542
- right: initial;
7543
- left: 11px;
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;
7544
7704
  }
7545
- .ant-select-dropdown-rtl {
7546
- direction: rtl;
7705
+ .ant-select-multiple .ant-select-selection-item-remove > * {
7706
+ line-height: 1;
7547
7707
  }
7548
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
7549
- padding-right: 24px;
7550
- padding-left: 12px;
7708
+ .ant-select-multiple .ant-select-selection-item-remove svg {
7709
+ display: inline-block;
7551
7710
  }
7552
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
7553
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
7554
- padding-right: 4px;
7555
- padding-left: 24px;
7711
+ .ant-select-multiple .ant-select-selection-item-remove::before {
7712
+ display: none;
7556
7713
  }
7557
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
7558
- text-align: right;
7714
+ .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
7715
+ display: block;
7559
7716
  }
7560
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
7561
- margin-right: 0;
7562
- margin-left: 4px;
7563
- text-align: right;
7717
+ .ant-select-multiple .ant-select-selection-item-remove > .anticon {
7718
+ vertical-align: -0.2em;
7564
7719
  }
7565
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
7566
- right: 0;
7567
- left: auto;
7720
+ .ant-select-multiple .ant-select-selection-item-remove:hover {
7721
+ color: rgba(0, 0, 0, 0.75);
7568
7722
  }
7569
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
7570
- right: 11px;
7571
- left: auto;
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;
7572
7726
  }
7573
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7574
- right: 7px;
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;
7575
7734
  }
7576
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
7577
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7578
- right: 0;
7579
- left: 9px;
7580
- text-align: right;
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;
7581
7742
  }
7582
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7583
- right: 11px;
7584
- left: 25px;
7585
- }
7586
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
7587
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
7588
- padding-right: 0;
7589
- padding-left: 18px;
7590
- }
7591
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
7592
- right: 6px;
7593
- }
7594
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
7595
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
7596
- padding-right: 0;
7597
- padding-left: 21px;
7598
- }
7599
- .pandora-sdk-selector {
7743
+ .ant-select-multiple .ant-select-selection-search-input {
7600
7744
  width: 100%;
7601
- color: #333;
7602
- }
7603
- .pandora-sdk-selector .ant-select-selection {
7604
- background: #fff;
7605
- }
7606
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
7607
- opacity: 0;
7745
+ min-width: 4.1px;
7608
7746
  }
7609
- .pandora-sdk-selector .ant-select-selection__choice {
7610
- color: #666 !important;
7611
- background: #f5f5f5 !important;
7612
- border: none;
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;
7613
7754
  }
7614
- .pandora-sdk-selector .ant-select-selection__choice__remove {
7615
- color: #d9d9d9 !important;
7755
+ .ant-select-multiple .ant-select-selection-placeholder {
7756
+ position: absolute;
7757
+ top: 50%;
7758
+ right: 11px;
7759
+ left: 11px;
7760
+ -webkit-transform: translateY(-50%);
7761
+ transform: translateY(-50%);
7762
+ -webkit-transition: all 0.3s;
7763
+ transition: all 0.3s;
7616
7764
  }
7617
- .pandora-sdk-selector .ant-select-selection__choice__remove i {
7618
- font-size: 12px;
7765
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
7766
+ line-height: 32px;
7619
7767
  }
7620
- .pandora-sdk-selector .ant-select-selection--single {
7768
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7621
7769
  height: 32px;
7622
- }
7623
- .pandora-sdk-selector .ant-select-selection__rendered {
7624
7770
  line-height: 30px;
7625
7771
  }
7626
- .pandora-sdk-selector .ant-select-selection__clear {
7627
- background: #fff;
7628
- color: #666;
7629
- }
7630
- .pandora-sdk-selector .ant-select-selection__clear i {
7631
- color: inherit;
7632
- }
7633
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
7634
- color: #2c6dd2 !important;
7635
- cursor: default !important;
7636
- }
7637
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
7638
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
7639
- content: none !important;
7640
- }
7641
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
7642
- color: #2c6dd2;
7643
- }
7644
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
7645
- margin: 0;
7646
- }
7647
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
7648
- -webkit-appearance: none;
7649
- }
7650
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
7651
- width: 6px;
7652
- }
7653
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
7654
- height: 6px;
7655
- }
7656
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
7657
- border-radius: 100px;
7658
- background-color: rgba(35, 44, 59, 0.3);
7659
- }
7660
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
7661
- background: rgba(35, 44, 59, 0.6);
7662
- }
7663
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
7664
- background-color: transparent;
7665
- border-radius: 100px;
7666
- }
7667
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
7668
- background: transparent;
7669
- }
7670
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
7671
- color: #d9d9d9 !important;
7772
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
7773
+ height: 32px;
7774
+ line-height: 32px;
7672
7775
  }
7673
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
7674
- color: #2c6dd2;
7675
- font-weight: 400;
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;
7676
7780
  }
7677
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
7678
- color: #2c6dd2 !important;
7781
+ .ant-select-multiple.ant-select-sm .ant-select-selector::after {
7782
+ line-height: 16px;
7679
7783
  }
7680
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
7681
- color: #2c6dd2;
7784
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
7785
+ height: 16px;
7786
+ line-height: 14px;
7682
7787
  }
7683
- .pandora-sdk-selector-dropdown .ant-select-item-group {
7684
- color: #d9d9d9;
7788
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7789
+ height: 16px;
7790
+ line-height: 16px;
7685
7791
  }
7686
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
7687
- display: inline-block;
7688
- min-width: 100%;
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;
7689
7796
  }
7690
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
7691
- overflow: unset;
7692
- text-overflow: unset;
7797
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
7798
+ left: 7px;
7693
7799
  }
7694
- .pandora-sdk-selector-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
7695
- color: inherit !important;
7800
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
7801
+ -webkit-margin-start: 3px;
7802
+ margin-inline-start: 3px;
7696
7803
  }
7697
- .pandora-sdk-selector-create-lint {
7698
- display: block;
7804
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
7805
+ height: 32px;
7806
+ line-height: 32px;
7699
7807
  }
7700
- .pandora-sdk-close-icon {
7701
- color: #d9d9d9;
7808
+ .ant-select-disabled .ant-select-selection-item-remove {
7809
+ display: none;
7702
7810
  }
7703
- .ant-radio-group {
7811
+ /* Reset search input style */
7812
+ .ant-select {
7704
7813
  -webkit-box-sizing: border-box;
7705
7814
  box-sizing: border-box;
7706
7815
  margin: 0;
@@ -7712,393 +7821,478 @@ textarea.ant-input-number {
7712
7821
  list-style: none;
7713
7822
  -webkit-font-feature-settings: 'tnum';
7714
7823
  font-feature-settings: 'tnum';
7824
+ position: relative;
7715
7825
  display: inline-block;
7716
- font-size: 0;
7717
- }
7718
- .ant-radio-group .ant-badge-count {
7719
- z-index: 1;
7720
- }
7721
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7722
- border-left: none;
7826
+ cursor: pointer;
7723
7827
  }
7724
- .ant-radio-wrapper {
7725
- -webkit-box-sizing: border-box;
7726
- box-sizing: border-box;
7727
- margin: 0;
7728
- padding: 0;
7729
- color: rgba(0, 0, 0, 0.85);
7730
- font-size: 14px;
7731
- font-variant: tabular-nums;
7732
- line-height: 1.5715;
7733
- list-style: none;
7734
- -webkit-font-feature-settings: 'tnum';
7735
- font-feature-settings: 'tnum';
7828
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
7736
7829
  position: relative;
7737
- display: -webkit-inline-box;
7738
- display: -ms-inline-flexbox;
7739
- display: inline-flex;
7740
- -webkit-box-align: baseline;
7741
- -ms-flex-align: baseline;
7742
- align-items: baseline;
7743
- margin-right: 8px;
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);
7835
+ }
7836
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7744
7837
  cursor: pointer;
7745
7838
  }
7746
- .ant-radio-wrapper::after {
7747
- display: inline-block;
7748
- width: 0;
7749
- overflow: hidden;
7750
- content: '\a0';
7839
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7840
+ cursor: text;
7751
7841
  }
7752
- .ant-radio {
7753
- -webkit-box-sizing: border-box;
7754
- box-sizing: border-box;
7842
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7843
+ cursor: auto;
7844
+ }
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);
7851
+ }
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;
7855
+ }
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;
7860
+ }
7861
+ .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
7862
+ background: #f5f5f5;
7863
+ }
7864
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
7865
+ cursor: not-allowed;
7866
+ }
7867
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7755
7868
  margin: 0;
7756
7869
  padding: 0;
7757
- color: rgba(0, 0, 0, 0.85);
7758
- font-size: 14px;
7759
- font-variant: tabular-nums;
7760
- line-height: 1.5715;
7761
- list-style: none;
7762
- -webkit-font-feature-settings: 'tnum';
7763
- font-feature-settings: 'tnum';
7764
- position: relative;
7765
- top: 0.2em;
7766
- display: inline-block;
7870
+ background: transparent;
7871
+ border: none;
7767
7872
  outline: none;
7768
- cursor: pointer;
7873
+ -webkit-appearance: none;
7874
+ -moz-appearance: none;
7875
+ appearance: none;
7769
7876
  }
7770
- .ant-radio-wrapper:hover .ant-radio,
7771
- .ant-radio:hover .ant-radio-inner,
7772
- .ant-radio-input:focus + .ant-radio-inner {
7773
- border-color: #1890ff;
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;
7774
7880
  }
7775
- .ant-radio-input:focus + .ant-radio-inner {
7776
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7777
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7881
+ .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
7882
+ border-color: #40a9ff;
7883
+ border-right-width: 1px !important;
7778
7884
  }
7779
- .ant-radio-checked::after {
7780
- position: absolute;
7781
- top: 0;
7782
- left: 0;
7783
- width: 100%;
7784
- height: 100%;
7785
- border: 1px solid #1890ff;
7786
- border-radius: 50%;
7787
- visibility: hidden;
7788
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
7789
- animation: antRadioEffect 0.36s ease-in-out;
7790
- -webkit-animation-fill-mode: both;
7791
- animation-fill-mode: both;
7792
- content: '';
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;
7793
7888
  }
7794
- .ant-radio:hover::after,
7795
- .ant-radio-wrapper:hover .ant-radio::after {
7796
- visibility: visible;
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;
7797
7896
  }
7798
- .ant-radio-inner {
7799
- position: relative;
7800
- top: 0;
7801
- left: 0;
7802
- display: block;
7803
- width: 16px;
7804
- height: 16px;
7805
- background-color: #fff;
7806
- border-color: #d9d9d9;
7807
- border-style: solid;
7808
- border-width: 1px;
7809
- border-radius: 50%;
7810
- -webkit-transition: all 0.3s;
7811
- transition: all 0.3s;
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
+ }
7812
7903
  }
7813
- .ant-radio-inner::after {
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;
7913
+ }
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
+ }
7920
+ }
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;
7814
7931
  position: absolute;
7815
- top: 3px;
7816
- left: 3px;
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;
7942
+ }
7943
+ .ant-select-arrow > * {
7944
+ line-height: 1;
7945
+ }
7946
+ .ant-select-arrow svg {
7947
+ display: inline-block;
7948
+ }
7949
+ .ant-select-arrow::before {
7950
+ display: none;
7951
+ }
7952
+ .ant-select-arrow .ant-select-arrow-icon {
7817
7953
  display: block;
7818
- width: 8px;
7819
- height: 8px;
7820
- background-color: #1890ff;
7821
- border-top: 0;
7822
- border-left: 0;
7823
- border-radius: 8px;
7824
- -webkit-transform: scale(0);
7825
- transform: scale(0);
7826
- opacity: 0;
7827
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7828
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7829
- content: ' ';
7830
7954
  }
7831
- .ant-radio-input {
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;
7961
+ }
7962
+ .ant-select-arrow .anticon > svg {
7963
+ vertical-align: top;
7964
+ }
7965
+ .ant-select-arrow .anticon:not(.ant-select-suffix) {
7966
+ pointer-events: auto;
7967
+ }
7968
+ .ant-select-disabled .ant-select-arrow {
7969
+ cursor: not-allowed;
7970
+ }
7971
+ .ant-select-clear {
7832
7972
  position: absolute;
7833
- top: 0;
7834
- right: 0;
7835
- bottom: 0;
7836
- left: 0;
7973
+ top: 50%;
7974
+ right: 11px;
7837
7975
  z-index: 1;
7976
+ display: inline-block;
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;
7838
7987
  cursor: pointer;
7839
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;
7840
7992
  }
7841
- .ant-radio-checked .ant-radio-inner {
7842
- border-color: #1890ff;
7993
+ .ant-select-clear::before {
7994
+ display: block;
7843
7995
  }
7844
- .ant-radio-checked .ant-radio-inner::after {
7845
- -webkit-transform: scale(1);
7846
- transform: scale(1);
7996
+ .ant-select-clear:hover {
7997
+ color: rgba(0, 0, 0, 0.45);
7998
+ }
7999
+ .ant-select:hover .ant-select-clear {
7847
8000
  opacity: 1;
7848
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7849
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7850
8001
  }
7851
- .ant-radio-disabled {
7852
- cursor: not-allowed;
8002
+ .ant-select-dropdown {
8003
+ margin: 0;
8004
+ padding: 0;
8005
+ color: rgba(0, 0, 0, 0.85);
8006
+ font-variant: tabular-nums;
8007
+ line-height: 1.5715;
8008
+ list-style: none;
8009
+ -webkit-font-feature-settings: 'tnum';
8010
+ font-feature-settings: 'tnum';
8011
+ position: absolute;
8012
+ top: -9999px;
8013
+ left: -9999px;
8014
+ z-index: 1050;
8015
+ -webkit-box-sizing: border-box;
8016
+ box-sizing: border-box;
8017
+ padding: 4px 0;
8018
+ overflow: hidden;
8019
+ font-size: 14px;
8020
+ font-variant: initial;
8021
+ background-color: #fff;
8022
+ border-radius: 2px;
8023
+ outline: none;
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);
7853
8026
  }
7854
- .ant-radio-disabled .ant-radio-inner {
7855
- background-color: #f5f5f5;
7856
- border-color: #d9d9d9 !important;
7857
- cursor: not-allowed;
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;
7858
8031
  }
7859
- .ant-radio-disabled .ant-radio-inner::after {
7860
- background-color: rgba(0, 0, 0, 0.2);
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;
7861
8036
  }
7862
- .ant-radio-disabled .ant-radio-input {
7863
- cursor: not-allowed;
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;
7864
8040
  }
7865
- .ant-radio-disabled + span {
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;
8044
+ }
8045
+ .ant-select-dropdown-hidden {
8046
+ display: none;
8047
+ }
8048
+ .ant-select-dropdown-empty {
7866
8049
  color: rgba(0, 0, 0, 0.25);
7867
- cursor: not-allowed;
7868
8050
  }
7869
- span.ant-radio + * {
7870
- padding-right: 8px;
7871
- padding-left: 8px;
8051
+ .ant-select-item-empty {
8052
+ position: relative;
8053
+ display: block;
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);
7872
8061
  }
7873
- .ant-radio-button-wrapper {
8062
+ .ant-select-item {
7874
8063
  position: relative;
7875
- display: inline-block;
7876
- height: 32px;
7877
- margin: 0;
7878
- padding: 0 15px;
8064
+ display: block;
8065
+ min-height: 32px;
8066
+ padding: 5px 12px;
7879
8067
  color: rgba(0, 0, 0, 0.85);
8068
+ font-weight: normal;
7880
8069
  font-size: 14px;
7881
- line-height: 30px;
7882
- background: #fff;
7883
- border: 1px solid #d9d9d9;
7884
- border-top-width: 1.02px;
7885
- border-left-width: 0;
8070
+ line-height: 22px;
7886
8071
  cursor: pointer;
7887
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7888
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7889
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7890
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
8072
+ -webkit-transition: background 0.3s ease;
8073
+ transition: background 0.3s ease;
7891
8074
  }
7892
- .ant-radio-button-wrapper a {
8075
+ .ant-select-item-group {
8076
+ color: rgba(0, 0, 0, 0.45);
8077
+ font-size: 12px;
8078
+ cursor: default;
8079
+ }
8080
+ .ant-select-item-option {
8081
+ display: -webkit-box;
8082
+ display: -ms-flexbox;
8083
+ display: flex;
8084
+ }
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;
8092
+ }
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) {
8099
+ background-color: #f5f5f5;
8100
+ }
8101
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
7893
8102
  color: rgba(0, 0, 0, 0.85);
8103
+ font-weight: 600;
8104
+ background-color: #e6f7ff;
7894
8105
  }
7895
- .ant-radio-button-wrapper > .ant-radio-button {
7896
- position: absolute;
7897
- top: 0;
7898
- left: 0;
7899
- z-index: -1;
7900
- width: 100%;
7901
- height: 100%;
8106
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
8107
+ color: #1890ff;
7902
8108
  }
7903
- .ant-radio-group-large .ant-radio-button-wrapper {
7904
- height: 40px;
8109
+ .ant-select-item-option-disabled {
8110
+ color: rgba(0, 0, 0, 0.25);
8111
+ cursor: not-allowed;
8112
+ }
8113
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
8114
+ background-color: #f5f5f5;
8115
+ }
8116
+ .ant-select-item-option-grouped {
8117
+ padding-left: 24px;
8118
+ }
8119
+ .ant-select-lg {
7905
8120
  font-size: 16px;
7906
- line-height: 38px;
7907
8121
  }
7908
- .ant-radio-group-small .ant-radio-button-wrapper {
7909
- height: 24px;
7910
- padding: 0 7px;
7911
- line-height: 22px;
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;
7912
8127
  }
7913
- .ant-radio-button-wrapper:not(:first-child)::before {
7914
- position: absolute;
7915
- top: -1px;
7916
- left: -1px;
7917
- display: block;
7918
- -webkit-box-sizing: content-box;
7919
- box-sizing: content-box;
7920
- width: 1px;
7921
- height: 100%;
7922
- padding: 1px 0;
7923
- background-color: #d9d9d9;
7924
- -webkit-transition: background-color 0.3s;
7925
- transition: background-color 0.3s;
7926
- content: '';
8128
+ .ant-select-rtl {
8129
+ direction: rtl;
7927
8130
  }
7928
- .ant-radio-button-wrapper:first-child {
7929
- border-left: 1px solid #d9d9d9;
7930
- border-radius: 2px 0 0 2px;
8131
+ .ant-select-rtl .ant-select-arrow {
8132
+ right: initial;
8133
+ left: 11px;
7931
8134
  }
7932
- .ant-radio-button-wrapper:last-child {
7933
- border-radius: 0 2px 2px 0;
8135
+ .ant-select-rtl .ant-select-clear {
8136
+ right: initial;
8137
+ left: 11px;
7934
8138
  }
7935
- .ant-radio-button-wrapper:first-child:last-child {
7936
- border-radius: 2px;
8139
+ .ant-select-dropdown-rtl {
8140
+ direction: rtl;
7937
8141
  }
7938
- .ant-radio-button-wrapper:hover {
7939
- position: relative;
7940
- color: #1890ff;
8142
+ .ant-select-dropdown-rtl .ant-select-item-option-grouped {
8143
+ padding-right: 24px;
8144
+ padding-left: 12px;
7941
8145
  }
7942
- .ant-radio-button-wrapper:focus-within {
7943
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7944
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
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;
7945
8150
  }
7946
- .ant-radio-button-wrapper .ant-radio-inner,
7947
- .ant-radio-button-wrapper input[type='checkbox'],
7948
- .ant-radio-button-wrapper input[type='radio'] {
7949
- width: 0;
7950
- height: 0;
7951
- opacity: 0;
7952
- pointer-events: none;
8151
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
8152
+ text-align: right;
7953
8153
  }
7954
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7955
- z-index: 1;
7956
- color: #1890ff;
7957
- background: #fff;
7958
- border-color: #1890ff;
8154
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
8155
+ margin-right: 0;
8156
+ margin-left: 4px;
8157
+ text-align: right;
8158
+ }
8159
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
8160
+ right: 0;
8161
+ left: auto;
8162
+ }
8163
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
8164
+ right: 11px;
8165
+ left: auto;
8166
+ }
8167
+ .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8168
+ right: 7px;
8169
+ }
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;
8175
+ }
8176
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8177
+ right: 11px;
8178
+ left: 25px;
8179
+ }
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;
7959
8184
  }
7960
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7961
- background-color: #1890ff;
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;
7962
8187
  }
7963
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7964
- border-color: #1890ff;
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;
7965
8192
  }
7966
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7967
- color: #40a9ff;
7968
- border-color: #40a9ff;
8193
+ .pandora-sdk-selector {
8194
+ width: 100%;
8195
+ color: #333;
7969
8196
  }
7970
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7971
- background-color: #40a9ff;
8197
+ .pandora-sdk-selector .ant-select-selection {
8198
+ background: #fff;
7972
8199
  }
7973
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7974
- color: #096dd9;
7975
- border-color: #096dd9;
8200
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
8201
+ opacity: 0;
7976
8202
  }
7977
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7978
- background-color: #096dd9;
8203
+ .pandora-sdk-selector .ant-select-selection__choice {
8204
+ color: #666 !important;
8205
+ background: #f5f5f5 !important;
8206
+ border: none;
7979
8207
  }
7980
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7981
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
7982
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8208
+ .pandora-sdk-selector .ant-select-selection__choice__remove {
8209
+ color: #d9d9d9 !important;
7983
8210
  }
7984
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7985
- color: #fff;
7986
- background: #1890ff;
7987
- border-color: #1890ff;
8211
+ .pandora-sdk-selector .ant-select-selection__choice__remove i {
8212
+ font-size: 12px;
7988
8213
  }
7989
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7990
- color: #fff;
7991
- background: #40a9ff;
7992
- border-color: #40a9ff;
8214
+ .pandora-sdk-selector .ant-select-selection--single {
8215
+ height: 32px;
7993
8216
  }
7994
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7995
- color: #fff;
7996
- background: #096dd9;
7997
- border-color: #096dd9;
8217
+ .pandora-sdk-selector .ant-select-selection__rendered {
8218
+ line-height: 30px;
7998
8219
  }
7999
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
8000
- -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8001
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
8220
+ .pandora-sdk-selector .ant-select-selection__clear {
8221
+ background: #fff;
8222
+ color: #666;
8002
8223
  }
8003
- .ant-radio-button-wrapper-disabled {
8004
- color: rgba(0, 0, 0, 0.25);
8005
- background-color: #f5f5f5;
8006
- border-color: #d9d9d9;
8007
- cursor: not-allowed;
8224
+ .pandora-sdk-selector .ant-select-selection__clear i {
8225
+ color: inherit;
8008
8226
  }
8009
- .ant-radio-button-wrapper-disabled:first-child,
8010
- .ant-radio-button-wrapper-disabled:hover {
8011
- color: rgba(0, 0, 0, 0.25);
8012
- background-color: #f5f5f5;
8013
- border-color: #d9d9d9;
8227
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
8228
+ color: #2c6dd2 !important;
8229
+ cursor: default !important;
8014
8230
  }
8015
- .ant-radio-button-wrapper-disabled:first-child {
8016
- border-left-color: #d9d9d9;
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;
8017
8234
  }
8018
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
8019
- color: rgba(0, 0, 0, 0.25);
8020
- background-color: #e6e6e6;
8021
- border-color: #d9d9d9;
8022
- -webkit-box-shadow: none;
8023
- box-shadow: none;
8235
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
8236
+ color: #2c6dd2;
8024
8237
  }
8025
- @-webkit-keyframes antRadioEffect {
8026
- 0% {
8027
- -webkit-transform: scale(1);
8028
- transform: scale(1);
8029
- opacity: 0.5;
8030
- }
8031
- 100% {
8032
- -webkit-transform: scale(1.6);
8033
- transform: scale(1.6);
8034
- opacity: 0;
8035
- }
8238
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
8239
+ margin: 0;
8036
8240
  }
8037
- @keyframes antRadioEffect {
8038
- 0% {
8039
- -webkit-transform: scale(1);
8040
- transform: scale(1);
8041
- opacity: 0.5;
8042
- }
8043
- 100% {
8044
- -webkit-transform: scale(1.6);
8045
- transform: scale(1.6);
8046
- opacity: 0;
8047
- }
8241
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
8242
+ -webkit-appearance: none;
8048
8243
  }
8049
- .ant-radio-group.ant-radio-group-rtl {
8050
- direction: rtl;
8244
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
8245
+ width: 6px;
8051
8246
  }
8052
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
8053
- margin-right: 0;
8054
- margin-left: 8px;
8055
- direction: rtl;
8247
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
8248
+ height: 6px;
8056
8249
  }
8057
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
8058
- border-right-width: 0;
8059
- border-left-width: 1px;
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);
8060
8253
  }
8061
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
8062
- right: -1px;
8063
- left: 0;
8254
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
8255
+ background: rgba(35, 44, 59, 0.6);
8064
8256
  }
8065
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
8066
- border-right: 1px solid #d9d9d9;
8067
- border-radius: 0 2px 2px 0;
8257
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
8258
+ background-color: transparent;
8259
+ border-radius: 100px;
8068
8260
  }
8069
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
8070
- border-right-color: #40a9ff;
8261
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
8262
+ background: transparent;
8071
8263
  }
8072
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
8073
- border-radius: 2px 0 0 2px;
8264
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
8265
+ color: #d9d9d9 !important;
8074
8266
  }
8075
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
8076
- border-right-color: #d9d9d9;
8267
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
8268
+ color: #2c6dd2;
8269
+ font-weight: 400;
8077
8270
  }
8078
- .pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item {
8079
- padding: 0 12px;
8080
- border-color: #d9d9d9 !important;
8081
- color: rgba(0, 0, 0, 0.85);
8082
- text-align: center;
8271
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
8272
+ color: #2c6dd2 !important;
8083
8273
  }
8084
- .pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item:hover {
8085
- background: #fafafa;
8086
- border-color: #d9d9d9;
8274
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
8275
+ color: #2c6dd2;
8087
8276
  }
8088
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked,
8089
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:hover {
8090
- border-color: #2c6dd2 !important;
8091
- color: #2c6dd2 !important;
8277
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
8278
+ color: #d9d9d9;
8092
8279
  }
8093
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
8094
- border-color: #d9d9d9 !important;
8095
- color: rgba(0, 0, 0, 0.85) !important;
8280
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
8281
+ display: inline-block;
8282
+ min-width: 100%;
8096
8283
  }
8097
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
8098
- background-color: #d9d9d9;
8284
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
8285
+ overflow: unset;
8286
+ text-overflow: unset;
8099
8287
  }
8100
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
8101
- background-color: #2c6dd2 !important;
8288
+ .pandora-sdk-selector-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
8289
+ color: inherit !important;
8290
+ }
8291
+ .pandora-sdk-selector-create-lint {
8292
+ display: block;
8293
+ }
8294
+ .pandora-sdk-close-icon {
8295
+ color: #d9d9d9;
8102
8296
  }
8103
8297
  .ant-spin {
8104
8298
  -webkit-box-sizing: border-box;
@@ -9113,8 +9307,6 @@ span.ant-radio + * {
9113
9307
  .pandora-sdk-steps .ant-steps-item-icon {
9114
9308
  width: 24px;
9115
9309
  height: 24px;
9116
- line-height: 28px;
9117
- margin-top: 2px;
9118
9310
  font-size: 12px;
9119
9311
  }
9120
9312
  .pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
@@ -9131,9 +9323,6 @@ span.ant-radio + * {
9131
9323
  background: #2c6dd2;
9132
9324
  border: none;
9133
9325
  }
9134
- .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon {
9135
- top: -1px;
9136
- }
9137
9326
  .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
9138
9327
  color: #d9d9d9;
9139
9328
  }
@@ -10659,11 +10848,11 @@ textarea.ant-pagination-options-quick-jumper input {
10659
10848
  }
10660
10849
  .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row,
10661
10850
  .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row + .ant-table-expanded-row {
10662
- background: #fafafa !important;
10851
+ background: #fafafa;
10663
10852
  }
10664
10853
  .pandora-sdk-table-wrapper .pandora-sdk-even-table-row,
10665
10854
  .pandora-sdk-table-wrapper .pandora-sdk-even-table-row + .ant-table-expanded-row {
10666
- background: #d9d9d9 !important;
10855
+ background: #d9d9d9;
10667
10856
  }
10668
10857
  .pandora-sdk-table-wrapper .ant-table-row:hover {
10669
10858
  background: #fafafa;
@@ -10768,6 +10957,14 @@ textarea.ant-pagination-options-quick-jumper input {
10768
10957
  display: block;
10769
10958
  line-height: 28px;
10770
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
+ }
10771
10968
  .pandora-sdk-table-batch-opt {
10772
10969
  position: absolute;
10773
10970
  left: 40px;
@@ -17586,40 +17783,6 @@ textarea.ant-pagination-options-quick-jumper input {
17586
17783
  .pandora-sdk-card-search-input i {
17587
17784
  color: #bfbfbf;
17588
17785
  }
17589
- .pandora-sdk-panel-title {
17590
- display: -webkit-box;
17591
- display: -ms-flexbox;
17592
- display: flex;
17593
- -webkit-box-pack: justify;
17594
- -ms-flex-pack: justify;
17595
- justify-content: space-between;
17596
- font-size: 12px;
17597
- color: #42526e;
17598
- cursor: pointer;
17599
- padding-bottom: 16px;
17600
- border-bottom: 1px solid #d9d9d9;
17601
- }
17602
- .pandora-sdk-panel-title .icon {
17603
- font-size: 14px;
17604
- }
17605
- .pandora-sdk-panel-content {
17606
- padding: 20px 0 0 0;
17607
- }
17608
- .pandora-sdk-panel-hidden {
17609
- display: none;
17610
- }
17611
- .pandora-sdk-panel {
17612
- margin-bottom: 20px;
17613
- }
17614
- .pandora-sdk-panel-disable {
17615
- cursor: default;
17616
- }
17617
- .pandora-sdk-custom-panel-title {
17618
- color: red;
17619
- }
17620
- .pandora-sdk-custom-panel-content {
17621
- color: red;
17622
- }
17623
17786
  .ant-picker {
17624
17787
  -webkit-box-sizing: border-box;
17625
17788
  box-sizing: border-box;
@@ -19147,7 +19310,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19147
19310
  }
19148
19311
  .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
19149
19312
  text-align: left;
19150
- margin-left: 22%;
19151
19313
  color: #333;
19152
19314
  text-overflow: ellipsis;
19153
19315
  display: -webkit-box;
@@ -19158,7 +19320,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19158
19320
  margin-right: 18px;
19159
19321
  position: absolute;
19160
19322
  text-align: right;
19161
- font-size: 12px;
19323
+ font-size: 14px;
19162
19324
  color: #333;
19163
19325
  }
19164
19326
  .pandora-sdk-transfer-list {
@@ -19225,3 +19387,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19225
19387
  border-radius: 2px;
19226
19388
  border: 2px solid #939393;
19227
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
+ }