@qn-pandora/pandora-component 4.3.2 → 4.3.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. package/CHANGELOG.json +20 -0
  2. package/CHANGELOG.md +28 -45
  3. package/es/components/FileResumable/constants.d.ts +1 -0
  4. package/es/components/FileResumable/index.js +4 -2
  5. package/es/components/NameLimiter/index.d.ts +5 -4
  6. package/es/components/NameLimiter/index.js +2 -2
  7. package/es/index.css +2085 -2085
  8. package/es/index.less +14 -14
  9. package/lib/components/FileResumable/constants.d.ts +1 -0
  10. package/lib/components/FileResumable/index.js +4 -2
  11. package/lib/components/NameLimiter/index.d.ts +5 -4
  12. package/lib/components/NameLimiter/index.js +2 -2
  13. package/lib/index.css +6005 -6005
  14. package/lib/index.less +14 -14
  15. package/package.json +3 -3
package/es/index.css CHANGED
@@ -3086,6 +3086,120 @@ a.ant-btn-sm {
3086
3086
  .pandora-sdk-card .ant-card-head .ant-card-extra {
3087
3087
  padding: 0;
3088
3088
  }
3089
+ .ant-divider {
3090
+ -webkit-box-sizing: border-box;
3091
+ box-sizing: border-box;
3092
+ margin: 0;
3093
+ padding: 0;
3094
+ color: rgba(0, 0, 0, 0.85);
3095
+ font-size: 14px;
3096
+ font-variant: tabular-nums;
3097
+ line-height: 1.5715;
3098
+ list-style: none;
3099
+ -webkit-font-feature-settings: 'tnum';
3100
+ font-feature-settings: 'tnum';
3101
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
3102
+ }
3103
+ .ant-divider-vertical {
3104
+ position: relative;
3105
+ top: -0.06em;
3106
+ display: inline-block;
3107
+ height: 0.9em;
3108
+ margin: 0 8px;
3109
+ vertical-align: middle;
3110
+ border-top: 0;
3111
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
3112
+ }
3113
+ .ant-divider-horizontal {
3114
+ display: -webkit-box;
3115
+ display: -ms-flexbox;
3116
+ display: flex;
3117
+ clear: both;
3118
+ width: 100%;
3119
+ min-width: 100%;
3120
+ margin: 24px 0;
3121
+ }
3122
+ .ant-divider-horizontal.ant-divider-with-text {
3123
+ display: -webkit-box;
3124
+ display: -ms-flexbox;
3125
+ display: flex;
3126
+ margin: 16px 0;
3127
+ color: rgba(0, 0, 0, 0.85);
3128
+ font-weight: 500;
3129
+ font-size: 16px;
3130
+ white-space: nowrap;
3131
+ text-align: center;
3132
+ border-top: 0;
3133
+ border-top-color: rgba(0, 0, 0, 0.06);
3134
+ }
3135
+ .ant-divider-horizontal.ant-divider-with-text::before,
3136
+ .ant-divider-horizontal.ant-divider-with-text::after {
3137
+ position: relative;
3138
+ top: 50%;
3139
+ width: 50%;
3140
+ border-top: 1px solid transparent;
3141
+ border-top-color: inherit;
3142
+ border-bottom: 0;
3143
+ -webkit-transform: translateY(50%);
3144
+ transform: translateY(50%);
3145
+ content: '';
3146
+ }
3147
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
3148
+ top: 50%;
3149
+ width: 5%;
3150
+ }
3151
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
3152
+ top: 50%;
3153
+ width: 95%;
3154
+ }
3155
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
3156
+ top: 50%;
3157
+ width: 95%;
3158
+ }
3159
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
3160
+ top: 50%;
3161
+ width: 5%;
3162
+ }
3163
+ .ant-divider-inner-text {
3164
+ display: inline-block;
3165
+ padding: 0 1em;
3166
+ }
3167
+ .ant-divider-dashed {
3168
+ background: none;
3169
+ border-color: rgba(0, 0, 0, 0.06);
3170
+ border-style: dashed;
3171
+ border-width: 1px 0 0;
3172
+ }
3173
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3174
+ border-top: 0;
3175
+ }
3176
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3177
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3178
+ border-style: dashed none none;
3179
+ }
3180
+ .ant-divider-vertical.ant-divider-dashed {
3181
+ border-width: 0 0 0 1px;
3182
+ }
3183
+ .ant-divider-plain.ant-divider-with-text {
3184
+ color: rgba(0, 0, 0, 0.85);
3185
+ font-weight: normal;
3186
+ font-size: 14px;
3187
+ }
3188
+ .ant-divider-rtl {
3189
+ direction: rtl;
3190
+ }
3191
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3192
+ width: 95%;
3193
+ }
3194
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3195
+ width: 5%;
3196
+ }
3197
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3198
+ width: 5%;
3199
+ }
3200
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3201
+ width: 95%;
3202
+ }
3089
3203
  @-webkit-keyframes antCheckboxEffect {
3090
3204
  0% {
3091
3205
  -webkit-transform: scale(1);
@@ -3336,123 +3450,6 @@ a.ant-btn-sm {
3336
3450
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3337
3451
  margin-left: 8px;
3338
3452
  }
3339
- .ant-checkbox-inner::after {
3340
- left: 20%;
3341
- }
3342
- .ant-divider {
3343
- -webkit-box-sizing: border-box;
3344
- box-sizing: border-box;
3345
- margin: 0;
3346
- padding: 0;
3347
- color: rgba(0, 0, 0, 0.85);
3348
- font-size: 14px;
3349
- font-variant: tabular-nums;
3350
- line-height: 1.5715;
3351
- list-style: none;
3352
- -webkit-font-feature-settings: 'tnum';
3353
- font-feature-settings: 'tnum';
3354
- border-top: 1px solid rgba(0, 0, 0, 0.06);
3355
- }
3356
- .ant-divider-vertical {
3357
- position: relative;
3358
- top: -0.06em;
3359
- display: inline-block;
3360
- height: 0.9em;
3361
- margin: 0 8px;
3362
- vertical-align: middle;
3363
- border-top: 0;
3364
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3365
- }
3366
- .ant-divider-horizontal {
3367
- display: -webkit-box;
3368
- display: -ms-flexbox;
3369
- display: flex;
3370
- clear: both;
3371
- width: 100%;
3372
- min-width: 100%;
3373
- margin: 24px 0;
3374
- }
3375
- .ant-divider-horizontal.ant-divider-with-text {
3376
- display: -webkit-box;
3377
- display: -ms-flexbox;
3378
- display: flex;
3379
- margin: 16px 0;
3380
- color: rgba(0, 0, 0, 0.85);
3381
- font-weight: 500;
3382
- font-size: 16px;
3383
- white-space: nowrap;
3384
- text-align: center;
3385
- border-top: 0;
3386
- border-top-color: rgba(0, 0, 0, 0.06);
3387
- }
3388
- .ant-divider-horizontal.ant-divider-with-text::before,
3389
- .ant-divider-horizontal.ant-divider-with-text::after {
3390
- position: relative;
3391
- top: 50%;
3392
- width: 50%;
3393
- border-top: 1px solid transparent;
3394
- border-top-color: inherit;
3395
- border-bottom: 0;
3396
- -webkit-transform: translateY(50%);
3397
- transform: translateY(50%);
3398
- content: '';
3399
- }
3400
- .ant-divider-horizontal.ant-divider-with-text-left::before {
3401
- top: 50%;
3402
- width: 5%;
3403
- }
3404
- .ant-divider-horizontal.ant-divider-with-text-left::after {
3405
- top: 50%;
3406
- width: 95%;
3407
- }
3408
- .ant-divider-horizontal.ant-divider-with-text-right::before {
3409
- top: 50%;
3410
- width: 95%;
3411
- }
3412
- .ant-divider-horizontal.ant-divider-with-text-right::after {
3413
- top: 50%;
3414
- width: 5%;
3415
- }
3416
- .ant-divider-inner-text {
3417
- display: inline-block;
3418
- padding: 0 1em;
3419
- }
3420
- .ant-divider-dashed {
3421
- background: none;
3422
- border-color: rgba(0, 0, 0, 0.06);
3423
- border-style: dashed;
3424
- border-width: 1px 0 0;
3425
- }
3426
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3427
- border-top: 0;
3428
- }
3429
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3430
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3431
- border-style: dashed none none;
3432
- }
3433
- .ant-divider-vertical.ant-divider-dashed {
3434
- border-width: 0 0 0 1px;
3435
- }
3436
- .ant-divider-plain.ant-divider-with-text {
3437
- color: rgba(0, 0, 0, 0.85);
3438
- font-weight: normal;
3439
- font-size: 14px;
3440
- }
3441
- .ant-divider-rtl {
3442
- direction: rtl;
3443
- }
3444
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3445
- width: 95%;
3446
- }
3447
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3448
- width: 5%;
3449
- }
3450
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3451
- width: 5%;
3452
- }
3453
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3454
- width: 95%;
3455
- }
3456
3453
  .ant-input-affix-wrapper {
3457
3454
  position: relative;
3458
3455
  display: inline-block;
@@ -4270,6 +4267,9 @@ textarea.ant-input {
4270
4267
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4271
4268
  line-height: 40px;
4272
4269
  }
4270
+ .ant-checkbox-inner::after {
4271
+ left: 20%;
4272
+ }
4273
4273
  .pandora-sdk-checkbox-item {
4274
4274
  white-space: nowrap;
4275
4275
  width: 100%;
@@ -4278,78 +4278,22 @@ textarea.ant-input {
4278
4278
  margin-left: 0;
4279
4279
  line-height: 25px;
4280
4280
  }
4281
- .pandora-sdk-collapsible-panel > .panel-header {
4282
- position: relative;
4283
- padding: 12px 16px 12px 40px;
4284
- cursor: pointer;
4281
+ .ant-collapse {
4282
+ -webkit-box-sizing: border-box;
4283
+ box-sizing: border-box;
4284
+ margin: 0;
4285
+ padding: 0;
4285
4286
  color: rgba(0, 0, 0, 0.85);
4286
- background-color: #f4f5f7;
4287
+ font-size: 14px;
4288
+ font-variant: tabular-nums;
4289
+ line-height: 1.5715;
4290
+ list-style: none;
4291
+ -webkit-font-feature-settings: 'tnum';
4292
+ font-feature-settings: 'tnum';
4293
+ background-color: #fafafa;
4287
4294
  border: 1px solid #d9d9d9;
4288
- }
4289
- .pandora-sdk-collapsible-panel > .panel-header > .icon {
4290
- position: absolute;
4291
- left: 16px;
4292
- top: 50%;
4293
- -webkit-transform: translateY(-50%);
4294
- transform: translateY(-50%);
4295
- }
4296
- .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
4297
- color: inherit;
4298
- }
4299
- .pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
4300
- -webkit-transition: -webkit-transform 0.2s linear;
4301
- transition: -webkit-transform 0.2s linear;
4302
- transition: transform 0.2s linear;
4303
- transition: transform 0.2s linear, -webkit-transform 0.2s linear;
4304
- }
4305
- .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4306
- cursor: not-allowed;
4307
- }
4308
- .pandora-sdk-collapsible-panel > .panel-content-box {
4309
- overflow-y: hidden;
4310
- padding: 0;
4311
- margin: 0;
4312
- border: none;
4313
- }
4314
- .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
4315
- padding: 8px 16px;
4316
- color: rgba(0, 0, 0, 0.85);
4317
- background-color: #fff;
4318
- border: 1px solid #d9d9d9;
4319
- border-top: none;
4320
- overflow-x: auto;
4321
- }
4322
- .pandora-sdk-collapsible-panel.no-border > .panel-header,
4323
- .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
4324
- border: none;
4325
- }
4326
- .pandora-sdk-collapsible-panel.icon-right > .panel-header {
4327
- padding: 12px 40px 12px 16px;
4328
- }
4329
- .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
4330
- left: unset;
4331
- right: 16px;
4332
- }
4333
- .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
4334
- padding-left: 16px;
4335
- padding-right: 16px;
4336
- }
4337
- .ant-collapse {
4338
- -webkit-box-sizing: border-box;
4339
- box-sizing: border-box;
4340
- margin: 0;
4341
- padding: 0;
4342
- color: rgba(0, 0, 0, 0.85);
4343
- font-size: 14px;
4344
- font-variant: tabular-nums;
4345
- line-height: 1.5715;
4346
- list-style: none;
4347
- -webkit-font-feature-settings: 'tnum';
4348
- font-feature-settings: 'tnum';
4349
- background-color: #fafafa;
4350
- border: 1px solid #d9d9d9;
4351
- border-bottom: 0;
4352
- border-radius: 2px;
4295
+ border-bottom: 0;
4296
+ border-radius: 2px;
4353
4297
  }
4354
4298
  .ant-collapse > .ant-collapse-item {
4355
4299
  border-bottom: 1px solid #d9d9d9;
@@ -4539,6 +4483,62 @@ textarea.ant-input {
4539
4483
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4540
4484
  border: none;
4541
4485
  }
4486
+ .pandora-sdk-collapsible-panel > .panel-header {
4487
+ position: relative;
4488
+ padding: 12px 16px 12px 40px;
4489
+ cursor: pointer;
4490
+ color: rgba(0, 0, 0, 0.85);
4491
+ background-color: #f4f5f7;
4492
+ border: 1px solid #d9d9d9;
4493
+ }
4494
+ .pandora-sdk-collapsible-panel > .panel-header > .icon {
4495
+ position: absolute;
4496
+ left: 16px;
4497
+ top: 50%;
4498
+ -webkit-transform: translateY(-50%);
4499
+ transform: translateY(-50%);
4500
+ }
4501
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
4502
+ color: inherit;
4503
+ }
4504
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
4505
+ -webkit-transition: -webkit-transform 0.2s linear;
4506
+ transition: -webkit-transform 0.2s linear;
4507
+ transition: transform 0.2s linear;
4508
+ transition: transform 0.2s linear, -webkit-transform 0.2s linear;
4509
+ }
4510
+ .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4511
+ cursor: not-allowed;
4512
+ }
4513
+ .pandora-sdk-collapsible-panel > .panel-content-box {
4514
+ overflow-y: hidden;
4515
+ padding: 0;
4516
+ margin: 0;
4517
+ border: none;
4518
+ }
4519
+ .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
4520
+ padding: 8px 16px;
4521
+ color: rgba(0, 0, 0, 0.85);
4522
+ background-color: #fff;
4523
+ border: 1px solid #d9d9d9;
4524
+ border-top: none;
4525
+ overflow-x: auto;
4526
+ }
4527
+ .pandora-sdk-collapsible-panel.no-border > .panel-header,
4528
+ .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
4529
+ border: none;
4530
+ }
4531
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header {
4532
+ padding: 12px 40px 12px 16px;
4533
+ }
4534
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
4535
+ left: unset;
4536
+ right: 16px;
4537
+ }
4538
+ .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
4539
+ padding-left: 16px;
4540
+ padding-right: 16px;
4541
+ }
4542
4542
  .ant-popover {
4543
4543
  -webkit-box-sizing: border-box;
4544
4544
  box-sizing: border-box;
@@ -4857,16 +4857,6 @@ textarea.ant-input {
4857
4857
  margin-right: 8px;
4858
4858
  margin-left: 0;
4859
4859
  }
4860
- .pandora-sdk-descriptions .pandora-sdk-remark-icon {
4861
- margin-left: 5px;
4862
- }
4863
- .pandora-sdk-descriptions .ant-descriptions-item-label {
4864
- color: #999;
4865
- }
4866
- .pandora-sdk-descriptions .ant-descriptions-item-content {
4867
- color: #333;
4868
- overflow: hidden;
4869
- }
4870
4860
  .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
4871
4861
  padding: 0;
4872
4862
  }
@@ -4879,6 +4869,16 @@ textarea.ant-input {
4879
4869
  .pandora-sdk-datetime-pick-popover {
4880
4870
  width: 650px;
4881
4871
  }
4872
+ .pandora-sdk-descriptions .pandora-sdk-remark-icon {
4873
+ margin-left: 5px;
4874
+ }
4875
+ .pandora-sdk-descriptions .ant-descriptions-item-label {
4876
+ color: #999;
4877
+ }
4878
+ .pandora-sdk-descriptions .ant-descriptions-item-content {
4879
+ color: #333;
4880
+ overflow: hidden;
4881
+ }
4882
4882
  .ant-drawer {
4883
4883
  position: fixed;
4884
4884
  z-index: 1000;
@@ -7245,7 +7245,7 @@ textarea.ant-input {
7245
7245
  .pandora-sdk-name-explain-icon .ant-tooltip-open {
7246
7246
  color: #2c6dd2;
7247
7247
  }
7248
- .ant-radio-group {
7248
+ .ant-tooltip {
7249
7249
  -webkit-box-sizing: border-box;
7250
7250
  box-sizing: border-box;
7251
7251
  margin: 0;
@@ -7257,396 +7257,289 @@ textarea.ant-input {
7257
7257
  list-style: none;
7258
7258
  -webkit-font-feature-settings: 'tnum';
7259
7259
  font-feature-settings: 'tnum';
7260
- display: inline-block;
7261
- font-size: 0;
7260
+ position: absolute;
7261
+ z-index: 1070;
7262
+ display: block;
7263
+ width: -webkit-max-content;
7264
+ width: -moz-max-content;
7265
+ width: max-content;
7266
+ max-width: 250px;
7267
+ visibility: visible;
7262
7268
  }
7263
- .ant-radio-group .ant-badge-count {
7264
- z-index: 1;
7269
+ .ant-tooltip-hidden {
7270
+ display: none;
7265
7271
  }
7266
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7267
- border-left: none;
7272
+ .ant-tooltip-placement-top,
7273
+ .ant-tooltip-placement-topLeft,
7274
+ .ant-tooltip-placement-topRight {
7275
+ padding-bottom: 8px;
7268
7276
  }
7269
- .ant-radio-wrapper {
7270
- -webkit-box-sizing: border-box;
7271
- box-sizing: border-box;
7272
- margin: 0;
7273
- padding: 0;
7274
- color: rgba(0, 0, 0, 0.85);
7275
- font-size: 14px;
7276
- font-variant: tabular-nums;
7277
- line-height: 1.5715;
7278
- list-style: none;
7279
- -webkit-font-feature-settings: 'tnum';
7280
- font-feature-settings: 'tnum';
7281
- position: relative;
7282
- display: -webkit-inline-box;
7283
- display: -ms-inline-flexbox;
7284
- display: inline-flex;
7285
- -webkit-box-align: baseline;
7286
- -ms-flex-align: baseline;
7287
- align-items: baseline;
7288
- margin-right: 8px;
7289
- cursor: pointer;
7277
+ .ant-tooltip-placement-right,
7278
+ .ant-tooltip-placement-rightTop,
7279
+ .ant-tooltip-placement-rightBottom {
7280
+ padding-left: 8px;
7290
7281
  }
7291
- .ant-radio-wrapper::after {
7292
- display: inline-block;
7293
- width: 0;
7294
- overflow: hidden;
7295
- content: '\a0';
7282
+ .ant-tooltip-placement-bottom,
7283
+ .ant-tooltip-placement-bottomLeft,
7284
+ .ant-tooltip-placement-bottomRight {
7285
+ padding-top: 8px;
7296
7286
  }
7297
- .ant-radio {
7298
- -webkit-box-sizing: border-box;
7299
- box-sizing: border-box;
7300
- margin: 0;
7301
- padding: 0;
7302
- color: rgba(0, 0, 0, 0.85);
7303
- font-size: 14px;
7304
- font-variant: tabular-nums;
7305
- line-height: 1.5715;
7306
- list-style: none;
7307
- -webkit-font-feature-settings: 'tnum';
7308
- font-feature-settings: 'tnum';
7309
- position: relative;
7310
- top: 0.2em;
7311
- display: inline-block;
7312
- outline: none;
7313
- cursor: pointer;
7287
+ .ant-tooltip-placement-left,
7288
+ .ant-tooltip-placement-leftTop,
7289
+ .ant-tooltip-placement-leftBottom {
7290
+ padding-right: 8px;
7314
7291
  }
7315
- .ant-radio-wrapper:hover .ant-radio,
7316
- .ant-radio:hover .ant-radio-inner,
7317
- .ant-radio-input:focus + .ant-radio-inner {
7318
- border-color: #1890ff;
7292
+ .ant-tooltip-inner {
7293
+ min-width: 30px;
7294
+ min-height: 32px;
7295
+ padding: 6px 8px;
7296
+ color: #fff;
7297
+ text-align: left;
7298
+ text-decoration: none;
7299
+ word-wrap: break-word;
7300
+ background-color: rgba(0, 0, 0, 0.75);
7301
+ border-radius: 2px;
7302
+ -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);
7303
+ 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);
7319
7304
  }
7320
- .ant-radio-input:focus + .ant-radio-inner {
7321
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7322
- box-shadow: 0 0 0 3px #e6f7ff;
7305
+ .ant-tooltip-arrow {
7306
+ position: absolute;
7307
+ display: block;
7308
+ width: 13.07106781px;
7309
+ height: 13.07106781px;
7310
+ overflow: hidden;
7311
+ background: transparent;
7312
+ pointer-events: none;
7323
7313
  }
7324
- .ant-radio-checked::after {
7314
+ .ant-tooltip-arrow-content {
7325
7315
  position: absolute;
7326
7316
  top: 0;
7327
- left: 0;
7328
- width: 100%;
7329
- height: 100%;
7330
- border: 1px solid #1890ff;
7331
- border-radius: 50%;
7332
- visibility: hidden;
7333
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
7334
- animation: antRadioEffect 0.36s ease-in-out;
7335
- -webkit-animation-fill-mode: both;
7336
- animation-fill-mode: both;
7337
- content: '';
7338
- }
7339
- .ant-radio:hover::after,
7340
- .ant-radio-wrapper:hover .ant-radio::after {
7341
- visibility: visible;
7342
- }
7343
- .ant-radio-inner {
7344
- position: relative;
7345
- top: 0;
7317
+ right: 0;
7318
+ bottom: 0;
7346
7319
  left: 0;
7347
7320
  display: block;
7348
- width: 16px;
7349
- height: 16px;
7350
- background-color: #fff;
7351
- border-color: #d9d9d9;
7352
- border-style: solid;
7353
- border-width: 1px;
7354
- border-radius: 50%;
7355
- -webkit-transition: all 0.3s;
7356
- transition: all 0.3s;
7321
+ width: 5px;
7322
+ height: 5px;
7323
+ margin: auto;
7324
+ background-color: rgba(0, 0, 0, 0.75);
7325
+ content: '';
7326
+ pointer-events: auto;
7357
7327
  }
7358
- .ant-radio-inner::after {
7359
- position: absolute;
7360
- top: 3px;
7361
- left: 3px;
7362
- display: block;
7363
- width: 8px;
7364
- height: 8px;
7365
- background-color: #1890ff;
7366
- border-top: 0;
7367
- border-left: 0;
7368
- border-radius: 8px;
7369
- -webkit-transform: scale(0);
7370
- transform: scale(0);
7371
- opacity: 0;
7372
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7373
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7374
- content: ' ';
7328
+ .ant-tooltip-placement-top .ant-tooltip-arrow,
7329
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
7330
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7331
+ bottom: -5.07106781px;
7375
7332
  }
7376
- .ant-radio-input {
7377
- position: absolute;
7378
- top: 0;
7379
- right: 0;
7380
- bottom: 0;
7381
- left: 0;
7382
- z-index: 1;
7383
- cursor: pointer;
7384
- opacity: 0;
7333
+ .ant-tooltip-placement-top .ant-tooltip-arrow-content,
7334
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
7335
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
7336
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7337
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7338
+ -webkit-transform: translateY(-6.53553391px) rotate(45deg);
7339
+ transform: translateY(-6.53553391px) rotate(45deg);
7385
7340
  }
7386
- .ant-radio-checked .ant-radio-inner {
7387
- border-color: #1890ff;
7341
+ .ant-tooltip-placement-top .ant-tooltip-arrow {
7342
+ left: 50%;
7343
+ -webkit-transform: translateX(-50%);
7344
+ transform: translateX(-50%);
7388
7345
  }
7389
- .ant-radio-checked .ant-radio-inner::after {
7390
- -webkit-transform: scale(1);
7391
- transform: scale(1);
7392
- opacity: 1;
7393
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7394
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7346
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
7347
+ left: 13px;
7395
7348
  }
7396
- .ant-radio-disabled {
7397
- cursor: not-allowed;
7349
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7350
+ right: 13px;
7398
7351
  }
7399
- .ant-radio-disabled .ant-radio-inner {
7400
- background-color: #f5f5f5;
7401
- border-color: #d9d9d9 !important;
7402
- cursor: not-allowed;
7352
+ .ant-tooltip-placement-right .ant-tooltip-arrow,
7353
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
7354
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7355
+ left: -5.07106781px;
7403
7356
  }
7404
- .ant-radio-disabled .ant-radio-inner::after {
7405
- background-color: rgba(0, 0, 0, 0.2);
7357
+ .ant-tooltip-placement-right .ant-tooltip-arrow-content,
7358
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
7359
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
7360
+ -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7361
+ box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7362
+ -webkit-transform: translateX(6.53553391px) rotate(45deg);
7363
+ transform: translateX(6.53553391px) rotate(45deg);
7406
7364
  }
7407
- .ant-radio-disabled .ant-radio-input {
7408
- cursor: not-allowed;
7365
+ .ant-tooltip-placement-right .ant-tooltip-arrow {
7366
+ top: 50%;
7367
+ -webkit-transform: translateY(-50%);
7368
+ transform: translateY(-50%);
7409
7369
  }
7410
- .ant-radio-disabled + span {
7411
- color: rgba(0, 0, 0, 0.25);
7412
- cursor: not-allowed;
7370
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
7371
+ top: 5px;
7413
7372
  }
7414
- span.ant-radio + * {
7415
- padding-right: 8px;
7416
- padding-left: 8px;
7373
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7374
+ bottom: 5px;
7417
7375
  }
7418
- .ant-radio-button-wrapper {
7419
- position: relative;
7420
- display: inline-block;
7421
- height: 32px;
7422
- margin: 0;
7423
- padding: 0 15px;
7424
- color: rgba(0, 0, 0, 0.85);
7425
- font-size: 14px;
7426
- line-height: 30px;
7427
- background: #fff;
7428
- border: 1px solid #d9d9d9;
7429
- border-top-width: 1.02px;
7430
- border-left-width: 0;
7431
- cursor: pointer;
7432
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7433
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7434
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7435
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
7376
+ .ant-tooltip-placement-left .ant-tooltip-arrow,
7377
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
7378
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7379
+ right: -5.07106781px;
7436
7380
  }
7437
- .ant-radio-button-wrapper a {
7438
- color: rgba(0, 0, 0, 0.85);
7381
+ .ant-tooltip-placement-left .ant-tooltip-arrow-content,
7382
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
7383
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
7384
+ -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7385
+ box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7386
+ -webkit-transform: translateX(-6.53553391px) rotate(45deg);
7387
+ transform: translateX(-6.53553391px) rotate(45deg);
7439
7388
  }
7440
- .ant-radio-button-wrapper > .ant-radio-button {
7441
- position: absolute;
7442
- top: 0;
7443
- left: 0;
7444
- z-index: -1;
7445
- width: 100%;
7446
- height: 100%;
7389
+ .ant-tooltip-placement-left .ant-tooltip-arrow {
7390
+ top: 50%;
7391
+ -webkit-transform: translateY(-50%);
7392
+ transform: translateY(-50%);
7447
7393
  }
7448
- .ant-radio-group-large .ant-radio-button-wrapper {
7449
- height: 40px;
7450
- font-size: 16px;
7451
- line-height: 38px;
7394
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
7395
+ top: 5px;
7452
7396
  }
7453
- .ant-radio-group-small .ant-radio-button-wrapper {
7454
- height: 24px;
7455
- padding: 0 7px;
7456
- line-height: 22px;
7397
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7398
+ bottom: 5px;
7457
7399
  }
7458
- .ant-radio-button-wrapper:not(:first-child)::before {
7459
- position: absolute;
7460
- top: -1px;
7461
- left: -1px;
7462
- display: block;
7463
- -webkit-box-sizing: content-box;
7464
- box-sizing: content-box;
7465
- width: 1px;
7466
- height: 100%;
7467
- padding: 1px 0;
7468
- background-color: #d9d9d9;
7469
- -webkit-transition: background-color 0.3s;
7470
- transition: background-color 0.3s;
7471
- content: '';
7400
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow,
7401
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
7402
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7403
+ top: -5.07106781px;
7472
7404
  }
7473
- .ant-radio-button-wrapper:first-child {
7474
- border-left: 1px solid #d9d9d9;
7475
- border-radius: 2px 0 0 2px;
7405
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
7406
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
7407
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
7408
+ -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7409
+ box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7410
+ -webkit-transform: translateY(6.53553391px) rotate(45deg);
7411
+ transform: translateY(6.53553391px) rotate(45deg);
7476
7412
  }
7477
- .ant-radio-button-wrapper:last-child {
7478
- border-radius: 0 2px 2px 0;
7413
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow {
7414
+ left: 50%;
7415
+ -webkit-transform: translateX(-50%);
7416
+ transform: translateX(-50%);
7479
7417
  }
7480
- .ant-radio-button-wrapper:first-child:last-child {
7481
- border-radius: 2px;
7418
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
7419
+ left: 13px;
7482
7420
  }
7483
- .ant-radio-button-wrapper:hover {
7484
- position: relative;
7485
- color: #1890ff;
7421
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7422
+ right: 13px;
7486
7423
  }
7487
- .ant-radio-button-wrapper:focus-within {
7488
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7489
- box-shadow: 0 0 0 3px #e6f7ff;
7424
+ .ant-tooltip-pink .ant-tooltip-inner {
7425
+ background-color: #eb2f96;
7490
7426
  }
7491
- .ant-radio-button-wrapper .ant-radio-inner,
7492
- .ant-radio-button-wrapper input[type='checkbox'],
7493
- .ant-radio-button-wrapper input[type='radio'] {
7494
- width: 0;
7495
- height: 0;
7496
- opacity: 0;
7497
- pointer-events: none;
7427
+ .ant-tooltip-pink .ant-tooltip-arrow-content {
7428
+ background-color: #eb2f96;
7498
7429
  }
7499
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7500
- z-index: 1;
7501
- color: #1890ff;
7502
- background: #fff;
7503
- border-color: #1890ff;
7430
+ .ant-tooltip-magenta .ant-tooltip-inner {
7431
+ background-color: #eb2f96;
7504
7432
  }
7505
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7506
- background-color: #1890ff;
7433
+ .ant-tooltip-magenta .ant-tooltip-arrow-content {
7434
+ background-color: #eb2f96;
7507
7435
  }
7508
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7509
- border-color: #1890ff;
7436
+ .ant-tooltip-red .ant-tooltip-inner {
7437
+ background-color: #f5222d;
7510
7438
  }
7511
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7512
- color: #40a9ff;
7513
- border-color: #40a9ff;
7439
+ .ant-tooltip-red .ant-tooltip-arrow-content {
7440
+ background-color: #f5222d;
7514
7441
  }
7515
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7516
- background-color: #40a9ff;
7442
+ .ant-tooltip-volcano .ant-tooltip-inner {
7443
+ background-color: #fa541c;
7517
7444
  }
7518
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7519
- color: #096dd9;
7520
- border-color: #096dd9;
7445
+ .ant-tooltip-volcano .ant-tooltip-arrow-content {
7446
+ background-color: #fa541c;
7521
7447
  }
7522
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7523
- background-color: #096dd9;
7448
+ .ant-tooltip-orange .ant-tooltip-inner {
7449
+ background-color: #fa8c16;
7524
7450
  }
7525
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7526
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7527
- box-shadow: 0 0 0 3px #e6f7ff;
7528
- }
7529
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7530
- color: #fff;
7531
- background: #1890ff;
7532
- border-color: #1890ff;
7533
- }
7534
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7535
- color: #fff;
7536
- background: #40a9ff;
7537
- border-color: #40a9ff;
7538
- }
7539
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7540
- color: #fff;
7541
- background: #096dd9;
7542
- border-color: #096dd9;
7451
+ .ant-tooltip-orange .ant-tooltip-arrow-content {
7452
+ background-color: #fa8c16;
7543
7453
  }
7544
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7545
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7546
- box-shadow: 0 0 0 3px #e6f7ff;
7454
+ .ant-tooltip-yellow .ant-tooltip-inner {
7455
+ background-color: #fadb14;
7547
7456
  }
7548
- .ant-radio-button-wrapper-disabled {
7549
- color: rgba(0, 0, 0, 0.25);
7550
- background-color: #f5f5f5;
7551
- border-color: #d9d9d9;
7552
- cursor: not-allowed;
7457
+ .ant-tooltip-yellow .ant-tooltip-arrow-content {
7458
+ background-color: #fadb14;
7553
7459
  }
7554
- .ant-radio-button-wrapper-disabled:first-child,
7555
- .ant-radio-button-wrapper-disabled:hover {
7556
- color: rgba(0, 0, 0, 0.25);
7557
- background-color: #f5f5f5;
7558
- border-color: #d9d9d9;
7460
+ .ant-tooltip-gold .ant-tooltip-inner {
7461
+ background-color: #faad14;
7559
7462
  }
7560
- .ant-radio-button-wrapper-disabled:first-child {
7561
- border-left-color: #d9d9d9;
7463
+ .ant-tooltip-gold .ant-tooltip-arrow-content {
7464
+ background-color: #faad14;
7562
7465
  }
7563
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7564
- color: rgba(0, 0, 0, 0.25);
7565
- background-color: #e6e6e6;
7566
- border-color: #d9d9d9;
7567
- -webkit-box-shadow: none;
7568
- box-shadow: none;
7466
+ .ant-tooltip-cyan .ant-tooltip-inner {
7467
+ background-color: #13c2c2;
7569
7468
  }
7570
- @-webkit-keyframes antRadioEffect {
7571
- 0% {
7572
- -webkit-transform: scale(1);
7573
- transform: scale(1);
7574
- opacity: 0.5;
7575
- }
7576
- 100% {
7577
- -webkit-transform: scale(1.6);
7578
- transform: scale(1.6);
7579
- opacity: 0;
7580
- }
7469
+ .ant-tooltip-cyan .ant-tooltip-arrow-content {
7470
+ background-color: #13c2c2;
7581
7471
  }
7582
- @keyframes antRadioEffect {
7583
- 0% {
7584
- -webkit-transform: scale(1);
7585
- transform: scale(1);
7586
- opacity: 0.5;
7587
- }
7588
- 100% {
7589
- -webkit-transform: scale(1.6);
7590
- transform: scale(1.6);
7591
- opacity: 0;
7592
- }
7472
+ .ant-tooltip-lime .ant-tooltip-inner {
7473
+ background-color: #a0d911;
7593
7474
  }
7594
- .ant-radio-group.ant-radio-group-rtl {
7595
- direction: rtl;
7475
+ .ant-tooltip-lime .ant-tooltip-arrow-content {
7476
+ background-color: #a0d911;
7596
7477
  }
7597
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7598
- margin-right: 0;
7599
- margin-left: 8px;
7600
- direction: rtl;
7478
+ .ant-tooltip-green .ant-tooltip-inner {
7479
+ background-color: #52c41a;
7601
7480
  }
7602
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7603
- border-right-width: 0;
7604
- border-left-width: 1px;
7481
+ .ant-tooltip-green .ant-tooltip-arrow-content {
7482
+ background-color: #52c41a;
7605
7483
  }
7606
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7607
- right: -1px;
7608
- left: 0;
7484
+ .ant-tooltip-blue .ant-tooltip-inner {
7485
+ background-color: #1890ff;
7609
7486
  }
7610
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7611
- border-right: 1px solid #d9d9d9;
7612
- border-radius: 0 2px 2px 0;
7487
+ .ant-tooltip-blue .ant-tooltip-arrow-content {
7488
+ background-color: #1890ff;
7613
7489
  }
7614
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7615
- border-right-color: #40a9ff;
7490
+ .ant-tooltip-geekblue .ant-tooltip-inner {
7491
+ background-color: #2f54eb;
7616
7492
  }
7617
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7618
- border-radius: 2px 0 0 2px;
7493
+ .ant-tooltip-geekblue .ant-tooltip-arrow-content {
7494
+ background-color: #2f54eb;
7619
7495
  }
7620
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7621
- border-right-color: #d9d9d9;
7496
+ .ant-tooltip-purple .ant-tooltip-inner {
7497
+ background-color: #722ed1;
7622
7498
  }
7623
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked)::before {
7624
- background-color: #bfbfbf;
7499
+ .ant-tooltip-purple .ant-tooltip-arrow-content {
7500
+ background-color: #722ed1;
7625
7501
  }
7626
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7627
- padding: 0 12px;
7502
+ .ant-tooltip-rtl {
7503
+ direction: rtl;
7628
7504
  }
7629
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7630
- border-color: #d9d9d9;
7505
+ .ant-tooltip-rtl .ant-tooltip-inner {
7506
+ text-align: right;
7631
7507
  }
7632
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:focus-within {
7633
- -webkit-box-shadow: unset;
7634
- box-shadow: unset;
7508
+ .pandora-sdk-name-limit {
7509
+ max-width: 100%;
7510
+ display: inline-block;
7511
+ vertical-align: top;
7512
+ white-space: nowrap;
7513
+ text-overflow: ellipsis;
7514
+ overflow: hidden;
7635
7515
  }
7636
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7637
- border-color: #d9d9d9;
7516
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
7517
+ max-width: 400px;
7518
+ max-height: 200px;
7519
+ overflow: auto;
7638
7520
  }
7639
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7521
+ .ant-radio-group {
7640
7522
  -webkit-box-sizing: border-box;
7641
7523
  box-sizing: border-box;
7524
+ margin: 0;
7525
+ padding: 0;
7526
+ color: rgba(0, 0, 0, 0.85);
7527
+ font-size: 14px;
7528
+ font-variant: tabular-nums;
7529
+ line-height: 1.5715;
7530
+ list-style: none;
7531
+ -webkit-font-feature-settings: 'tnum';
7532
+ font-feature-settings: 'tnum';
7533
+ display: inline-block;
7534
+ font-size: 0;
7642
7535
  }
7643
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7644
- border-color: #2c6dd2;
7536
+ .ant-radio-group .ant-badge-count {
7537
+ z-index: 1;
7645
7538
  }
7646
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7647
- background-color: #2c6dd2;
7539
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7540
+ border-left: none;
7648
7541
  }
7649
- .ant-tooltip {
7542
+ .ant-radio-wrapper {
7650
7543
  -webkit-box-sizing: border-box;
7651
7544
  box-sizing: border-box;
7652
7545
  margin: 0;
@@ -7658,1838 +7551,1945 @@ span.ant-radio + * {
7658
7551
  list-style: none;
7659
7552
  -webkit-font-feature-settings: 'tnum';
7660
7553
  font-feature-settings: 'tnum';
7661
- position: absolute;
7662
- z-index: 1070;
7663
- display: block;
7664
- width: -webkit-max-content;
7665
- width: -moz-max-content;
7666
- width: max-content;
7667
- max-width: 250px;
7668
- visibility: visible;
7669
- }
7670
- .ant-tooltip-hidden {
7671
- display: none;
7672
- }
7673
- .ant-tooltip-placement-top,
7674
- .ant-tooltip-placement-topLeft,
7675
- .ant-tooltip-placement-topRight {
7676
- padding-bottom: 8px;
7677
- }
7678
- .ant-tooltip-placement-right,
7679
- .ant-tooltip-placement-rightTop,
7680
- .ant-tooltip-placement-rightBottom {
7681
- padding-left: 8px;
7554
+ position: relative;
7555
+ display: -webkit-inline-box;
7556
+ display: -ms-inline-flexbox;
7557
+ display: inline-flex;
7558
+ -webkit-box-align: baseline;
7559
+ -ms-flex-align: baseline;
7560
+ align-items: baseline;
7561
+ margin-right: 8px;
7562
+ cursor: pointer;
7682
7563
  }
7683
- .ant-tooltip-placement-bottom,
7684
- .ant-tooltip-placement-bottomLeft,
7685
- .ant-tooltip-placement-bottomRight {
7686
- padding-top: 8px;
7564
+ .ant-radio-wrapper::after {
7565
+ display: inline-block;
7566
+ width: 0;
7567
+ overflow: hidden;
7568
+ content: '\a0';
7687
7569
  }
7688
- .ant-tooltip-placement-left,
7689
- .ant-tooltip-placement-leftTop,
7690
- .ant-tooltip-placement-leftBottom {
7691
- padding-right: 8px;
7570
+ .ant-radio {
7571
+ -webkit-box-sizing: border-box;
7572
+ box-sizing: border-box;
7573
+ margin: 0;
7574
+ padding: 0;
7575
+ color: rgba(0, 0, 0, 0.85);
7576
+ font-size: 14px;
7577
+ font-variant: tabular-nums;
7578
+ line-height: 1.5715;
7579
+ list-style: none;
7580
+ -webkit-font-feature-settings: 'tnum';
7581
+ font-feature-settings: 'tnum';
7582
+ position: relative;
7583
+ top: 0.2em;
7584
+ display: inline-block;
7585
+ outline: none;
7586
+ cursor: pointer;
7692
7587
  }
7693
- .ant-tooltip-inner {
7694
- min-width: 30px;
7695
- min-height: 32px;
7696
- padding: 6px 8px;
7697
- color: #fff;
7698
- text-align: left;
7699
- text-decoration: none;
7700
- word-wrap: break-word;
7701
- background-color: rgba(0, 0, 0, 0.75);
7702
- border-radius: 2px;
7703
- -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);
7704
- 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);
7588
+ .ant-radio-wrapper:hover .ant-radio,
7589
+ .ant-radio:hover .ant-radio-inner,
7590
+ .ant-radio-input:focus + .ant-radio-inner {
7591
+ border-color: #1890ff;
7705
7592
  }
7706
- .ant-tooltip-arrow {
7707
- position: absolute;
7708
- display: block;
7709
- width: 13.07106781px;
7710
- height: 13.07106781px;
7711
- overflow: hidden;
7712
- background: transparent;
7713
- pointer-events: none;
7593
+ .ant-radio-input:focus + .ant-radio-inner {
7594
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7595
+ box-shadow: 0 0 0 3px #e6f7ff;
7714
7596
  }
7715
- .ant-tooltip-arrow-content {
7597
+ .ant-radio-checked::after {
7716
7598
  position: absolute;
7717
7599
  top: 0;
7718
- right: 0;
7719
- bottom: 0;
7720
7600
  left: 0;
7721
- display: block;
7722
- width: 5px;
7723
- height: 5px;
7724
- margin: auto;
7725
- background-color: rgba(0, 0, 0, 0.75);
7601
+ width: 100%;
7602
+ height: 100%;
7603
+ border: 1px solid #1890ff;
7604
+ border-radius: 50%;
7605
+ visibility: hidden;
7606
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
7607
+ animation: antRadioEffect 0.36s ease-in-out;
7608
+ -webkit-animation-fill-mode: both;
7609
+ animation-fill-mode: both;
7726
7610
  content: '';
7727
- pointer-events: auto;
7728
7611
  }
7729
- .ant-tooltip-placement-top .ant-tooltip-arrow,
7730
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
7731
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7732
- bottom: -5.07106781px;
7612
+ .ant-radio:hover::after,
7613
+ .ant-radio-wrapper:hover .ant-radio::after {
7614
+ visibility: visible;
7733
7615
  }
7734
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
7735
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
7736
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
7737
- -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7738
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7739
- -webkit-transform: translateY(-6.53553391px) rotate(45deg);
7740
- transform: translateY(-6.53553391px) rotate(45deg);
7616
+ .ant-radio-inner {
7617
+ position: relative;
7618
+ top: 0;
7619
+ left: 0;
7620
+ display: block;
7621
+ width: 16px;
7622
+ height: 16px;
7623
+ background-color: #fff;
7624
+ border-color: #d9d9d9;
7625
+ border-style: solid;
7626
+ border-width: 1px;
7627
+ border-radius: 50%;
7628
+ -webkit-transition: all 0.3s;
7629
+ transition: all 0.3s;
7741
7630
  }
7742
- .ant-tooltip-placement-top .ant-tooltip-arrow {
7743
- left: 50%;
7744
- -webkit-transform: translateX(-50%);
7745
- transform: translateX(-50%);
7631
+ .ant-radio-inner::after {
7632
+ position: absolute;
7633
+ top: 3px;
7634
+ left: 3px;
7635
+ display: block;
7636
+ width: 8px;
7637
+ height: 8px;
7638
+ background-color: #1890ff;
7639
+ border-top: 0;
7640
+ border-left: 0;
7641
+ border-radius: 8px;
7642
+ -webkit-transform: scale(0);
7643
+ transform: scale(0);
7644
+ opacity: 0;
7645
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7646
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7647
+ content: ' ';
7746
7648
  }
7747
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
7748
- left: 13px;
7649
+ .ant-radio-input {
7650
+ position: absolute;
7651
+ top: 0;
7652
+ right: 0;
7653
+ bottom: 0;
7654
+ left: 0;
7655
+ z-index: 1;
7656
+ cursor: pointer;
7657
+ opacity: 0;
7749
7658
  }
7750
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7751
- right: 13px;
7659
+ .ant-radio-checked .ant-radio-inner {
7660
+ border-color: #1890ff;
7752
7661
  }
7753
- .ant-tooltip-placement-right .ant-tooltip-arrow,
7754
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
7755
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7756
- left: -5.07106781px;
7662
+ .ant-radio-checked .ant-radio-inner::after {
7663
+ -webkit-transform: scale(1);
7664
+ transform: scale(1);
7665
+ opacity: 1;
7666
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7667
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7757
7668
  }
7758
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
7759
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
7760
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
7761
- -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7762
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7763
- -webkit-transform: translateX(6.53553391px) rotate(45deg);
7764
- transform: translateX(6.53553391px) rotate(45deg);
7669
+ .ant-radio-disabled {
7670
+ cursor: not-allowed;
7765
7671
  }
7766
- .ant-tooltip-placement-right .ant-tooltip-arrow {
7767
- top: 50%;
7768
- -webkit-transform: translateY(-50%);
7769
- transform: translateY(-50%);
7672
+ .ant-radio-disabled .ant-radio-inner {
7673
+ background-color: #f5f5f5;
7674
+ border-color: #d9d9d9 !important;
7675
+ cursor: not-allowed;
7770
7676
  }
7771
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
7772
- top: 5px;
7677
+ .ant-radio-disabled .ant-radio-inner::after {
7678
+ background-color: rgba(0, 0, 0, 0.2);
7773
7679
  }
7774
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7775
- bottom: 5px;
7680
+ .ant-radio-disabled .ant-radio-input {
7681
+ cursor: not-allowed;
7776
7682
  }
7777
- .ant-tooltip-placement-left .ant-tooltip-arrow,
7778
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
7779
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7780
- right: -5.07106781px;
7683
+ .ant-radio-disabled + span {
7684
+ color: rgba(0, 0, 0, 0.25);
7685
+ cursor: not-allowed;
7781
7686
  }
7782
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
7783
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
7784
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
7785
- -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7786
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7787
- -webkit-transform: translateX(-6.53553391px) rotate(45deg);
7788
- transform: translateX(-6.53553391px) rotate(45deg);
7687
+ span.ant-radio + * {
7688
+ padding-right: 8px;
7689
+ padding-left: 8px;
7789
7690
  }
7790
- .ant-tooltip-placement-left .ant-tooltip-arrow {
7791
- top: 50%;
7792
- -webkit-transform: translateY(-50%);
7793
- transform: translateY(-50%);
7691
+ .ant-radio-button-wrapper {
7692
+ position: relative;
7693
+ display: inline-block;
7694
+ height: 32px;
7695
+ margin: 0;
7696
+ padding: 0 15px;
7697
+ color: rgba(0, 0, 0, 0.85);
7698
+ font-size: 14px;
7699
+ line-height: 30px;
7700
+ background: #fff;
7701
+ border: 1px solid #d9d9d9;
7702
+ border-top-width: 1.02px;
7703
+ border-left-width: 0;
7704
+ cursor: pointer;
7705
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7706
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7707
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7708
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
7794
7709
  }
7795
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
7796
- top: 5px;
7710
+ .ant-radio-button-wrapper a {
7711
+ color: rgba(0, 0, 0, 0.85);
7797
7712
  }
7798
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7799
- bottom: 5px;
7713
+ .ant-radio-button-wrapper > .ant-radio-button {
7714
+ position: absolute;
7715
+ top: 0;
7716
+ left: 0;
7717
+ z-index: -1;
7718
+ width: 100%;
7719
+ height: 100%;
7800
7720
  }
7801
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
7802
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
7803
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7804
- top: -5.07106781px;
7721
+ .ant-radio-group-large .ant-radio-button-wrapper {
7722
+ height: 40px;
7723
+ font-size: 16px;
7724
+ line-height: 38px;
7805
7725
  }
7806
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
7807
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
7808
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
7809
- -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7810
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7811
- -webkit-transform: translateY(6.53553391px) rotate(45deg);
7812
- transform: translateY(6.53553391px) rotate(45deg);
7726
+ .ant-radio-group-small .ant-radio-button-wrapper {
7727
+ height: 24px;
7728
+ padding: 0 7px;
7729
+ line-height: 22px;
7813
7730
  }
7814
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
7815
- left: 50%;
7816
- -webkit-transform: translateX(-50%);
7817
- transform: translateX(-50%);
7731
+ .ant-radio-button-wrapper:not(:first-child)::before {
7732
+ position: absolute;
7733
+ top: -1px;
7734
+ left: -1px;
7735
+ display: block;
7736
+ -webkit-box-sizing: content-box;
7737
+ box-sizing: content-box;
7738
+ width: 1px;
7739
+ height: 100%;
7740
+ padding: 1px 0;
7741
+ background-color: #d9d9d9;
7742
+ -webkit-transition: background-color 0.3s;
7743
+ transition: background-color 0.3s;
7744
+ content: '';
7818
7745
  }
7819
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
7820
- left: 13px;
7746
+ .ant-radio-button-wrapper:first-child {
7747
+ border-left: 1px solid #d9d9d9;
7748
+ border-radius: 2px 0 0 2px;
7821
7749
  }
7822
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7823
- right: 13px;
7750
+ .ant-radio-button-wrapper:last-child {
7751
+ border-radius: 0 2px 2px 0;
7824
7752
  }
7825
- .ant-tooltip-pink .ant-tooltip-inner {
7826
- background-color: #eb2f96;
7753
+ .ant-radio-button-wrapper:first-child:last-child {
7754
+ border-radius: 2px;
7827
7755
  }
7828
- .ant-tooltip-pink .ant-tooltip-arrow-content {
7829
- background-color: #eb2f96;
7756
+ .ant-radio-button-wrapper:hover {
7757
+ position: relative;
7758
+ color: #1890ff;
7830
7759
  }
7831
- .ant-tooltip-magenta .ant-tooltip-inner {
7832
- background-color: #eb2f96;
7760
+ .ant-radio-button-wrapper:focus-within {
7761
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7762
+ box-shadow: 0 0 0 3px #e6f7ff;
7833
7763
  }
7834
- .ant-tooltip-magenta .ant-tooltip-arrow-content {
7835
- background-color: #eb2f96;
7764
+ .ant-radio-button-wrapper .ant-radio-inner,
7765
+ .ant-radio-button-wrapper input[type='checkbox'],
7766
+ .ant-radio-button-wrapper input[type='radio'] {
7767
+ width: 0;
7768
+ height: 0;
7769
+ opacity: 0;
7770
+ pointer-events: none;
7836
7771
  }
7837
- .ant-tooltip-red .ant-tooltip-inner {
7838
- background-color: #f5222d;
7772
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7773
+ z-index: 1;
7774
+ color: #1890ff;
7775
+ background: #fff;
7776
+ border-color: #1890ff;
7839
7777
  }
7840
- .ant-tooltip-red .ant-tooltip-arrow-content {
7841
- background-color: #f5222d;
7778
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7779
+ background-color: #1890ff;
7842
7780
  }
7843
- .ant-tooltip-volcano .ant-tooltip-inner {
7844
- background-color: #fa541c;
7781
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7782
+ border-color: #1890ff;
7845
7783
  }
7846
- .ant-tooltip-volcano .ant-tooltip-arrow-content {
7847
- background-color: #fa541c;
7784
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7785
+ color: #40a9ff;
7786
+ border-color: #40a9ff;
7848
7787
  }
7849
- .ant-tooltip-orange .ant-tooltip-inner {
7850
- background-color: #fa8c16;
7788
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7789
+ background-color: #40a9ff;
7851
7790
  }
7852
- .ant-tooltip-orange .ant-tooltip-arrow-content {
7853
- background-color: #fa8c16;
7791
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7792
+ color: #096dd9;
7793
+ border-color: #096dd9;
7854
7794
  }
7855
- .ant-tooltip-yellow .ant-tooltip-inner {
7856
- background-color: #fadb14;
7795
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7796
+ background-color: #096dd9;
7857
7797
  }
7858
- .ant-tooltip-yellow .ant-tooltip-arrow-content {
7859
- background-color: #fadb14;
7798
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7799
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7800
+ box-shadow: 0 0 0 3px #e6f7ff;
7860
7801
  }
7861
- .ant-tooltip-gold .ant-tooltip-inner {
7862
- background-color: #faad14;
7802
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7803
+ color: #fff;
7804
+ background: #1890ff;
7805
+ border-color: #1890ff;
7863
7806
  }
7864
- .ant-tooltip-gold .ant-tooltip-arrow-content {
7865
- background-color: #faad14;
7807
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7808
+ color: #fff;
7809
+ background: #40a9ff;
7810
+ border-color: #40a9ff;
7866
7811
  }
7867
- .ant-tooltip-cyan .ant-tooltip-inner {
7868
- background-color: #13c2c2;
7812
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7813
+ color: #fff;
7814
+ background: #096dd9;
7815
+ border-color: #096dd9;
7869
7816
  }
7870
- .ant-tooltip-cyan .ant-tooltip-arrow-content {
7871
- background-color: #13c2c2;
7817
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7818
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7819
+ box-shadow: 0 0 0 3px #e6f7ff;
7872
7820
  }
7873
- .ant-tooltip-lime .ant-tooltip-inner {
7874
- background-color: #a0d911;
7821
+ .ant-radio-button-wrapper-disabled {
7822
+ color: rgba(0, 0, 0, 0.25);
7823
+ background-color: #f5f5f5;
7824
+ border-color: #d9d9d9;
7825
+ cursor: not-allowed;
7875
7826
  }
7876
- .ant-tooltip-lime .ant-tooltip-arrow-content {
7877
- background-color: #a0d911;
7827
+ .ant-radio-button-wrapper-disabled:first-child,
7828
+ .ant-radio-button-wrapper-disabled:hover {
7829
+ color: rgba(0, 0, 0, 0.25);
7830
+ background-color: #f5f5f5;
7831
+ border-color: #d9d9d9;
7878
7832
  }
7879
- .ant-tooltip-green .ant-tooltip-inner {
7880
- background-color: #52c41a;
7833
+ .ant-radio-button-wrapper-disabled:first-child {
7834
+ border-left-color: #d9d9d9;
7881
7835
  }
7882
- .ant-tooltip-green .ant-tooltip-arrow-content {
7883
- background-color: #52c41a;
7836
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7837
+ color: rgba(0, 0, 0, 0.25);
7838
+ background-color: #e6e6e6;
7839
+ border-color: #d9d9d9;
7840
+ -webkit-box-shadow: none;
7841
+ box-shadow: none;
7884
7842
  }
7885
- .ant-tooltip-blue .ant-tooltip-inner {
7886
- background-color: #1890ff;
7843
+ @-webkit-keyframes antRadioEffect {
7844
+ 0% {
7845
+ -webkit-transform: scale(1);
7846
+ transform: scale(1);
7847
+ opacity: 0.5;
7848
+ }
7849
+ 100% {
7850
+ -webkit-transform: scale(1.6);
7851
+ transform: scale(1.6);
7852
+ opacity: 0;
7853
+ }
7887
7854
  }
7888
- .ant-tooltip-blue .ant-tooltip-arrow-content {
7889
- background-color: #1890ff;
7855
+ @keyframes antRadioEffect {
7856
+ 0% {
7857
+ -webkit-transform: scale(1);
7858
+ transform: scale(1);
7859
+ opacity: 0.5;
7860
+ }
7861
+ 100% {
7862
+ -webkit-transform: scale(1.6);
7863
+ transform: scale(1.6);
7864
+ opacity: 0;
7865
+ }
7890
7866
  }
7891
- .ant-tooltip-geekblue .ant-tooltip-inner {
7892
- background-color: #2f54eb;
7867
+ .ant-radio-group.ant-radio-group-rtl {
7868
+ direction: rtl;
7893
7869
  }
7894
- .ant-tooltip-geekblue .ant-tooltip-arrow-content {
7895
- background-color: #2f54eb;
7870
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7871
+ margin-right: 0;
7872
+ margin-left: 8px;
7873
+ direction: rtl;
7896
7874
  }
7897
- .ant-tooltip-purple .ant-tooltip-inner {
7898
- background-color: #722ed1;
7875
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7876
+ border-right-width: 0;
7877
+ border-left-width: 1px;
7899
7878
  }
7900
- .ant-tooltip-purple .ant-tooltip-arrow-content {
7901
- background-color: #722ed1;
7879
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7880
+ right: -1px;
7881
+ left: 0;
7902
7882
  }
7903
- .ant-tooltip-rtl {
7904
- direction: rtl;
7883
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7884
+ border-right: 1px solid #d9d9d9;
7885
+ border-radius: 0 2px 2px 0;
7905
7886
  }
7906
- .ant-tooltip-rtl .ant-tooltip-inner {
7907
- text-align: right;
7887
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7888
+ border-right-color: #40a9ff;
7908
7889
  }
7909
- .pandora-sdk-name-limit {
7910
- max-width: 100%;
7911
- display: inline-block;
7912
- vertical-align: top;
7913
- white-space: nowrap;
7914
- text-overflow: ellipsis;
7915
- overflow: hidden;
7890
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7891
+ border-radius: 2px 0 0 2px;
7916
7892
  }
7917
- .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
7918
- max-width: 400px;
7919
- max-height: 200px;
7920
- overflow: auto;
7893
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7894
+ border-right-color: #d9d9d9;
7921
7895
  }
7922
- .ant-select-single .ant-select-selector {
7923
- display: -webkit-box;
7924
- display: -ms-flexbox;
7925
- display: flex;
7896
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked)::before {
7897
+ background-color: #bfbfbf;
7926
7898
  }
7927
- .ant-select-single .ant-select-selector .ant-select-selection-search {
7928
- position: absolute;
7929
- top: 0;
7930
- right: 11px;
7931
- bottom: 0;
7932
- left: 11px;
7899
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7900
+ padding: 0 12px;
7933
7901
  }
7934
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
7935
- width: 100%;
7902
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7903
+ border-color: #d9d9d9;
7936
7904
  }
7937
- .ant-select-single .ant-select-selector .ant-select-selection-item,
7938
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7939
- padding: 0;
7940
- line-height: 30px;
7941
- -webkit-transition: all 0.3s;
7942
- transition: all 0.3s;
7905
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:focus-within {
7906
+ -webkit-box-shadow: unset;
7907
+ box-shadow: unset;
7943
7908
  }
7944
- @supports (-moz-appearance: meterbar) {
7945
- .ant-select-single .ant-select-selector .ant-select-selection-item,
7946
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7947
- line-height: 30px;
7948
- }
7909
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7910
+ border-color: #d9d9d9;
7949
7911
  }
7950
- .ant-select-single .ant-select-selector .ant-select-selection-item {
7951
- position: relative;
7952
- -webkit-user-select: none;
7953
- -moz-user-select: none;
7954
- -ms-user-select: none;
7955
- user-select: none;
7912
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7913
+ -webkit-box-sizing: border-box;
7914
+ box-sizing: border-box;
7956
7915
  }
7957
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7958
- pointer-events: none;
7916
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7917
+ border-color: #2c6dd2;
7959
7918
  }
7960
- .ant-select-single .ant-select-selector::after,
7961
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
7962
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
7919
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7920
+ background-color: #2c6dd2;
7921
+ }
7922
+ .ant-input-number {
7923
+ -webkit-box-sizing: border-box;
7924
+ box-sizing: border-box;
7925
+ font-variant: tabular-nums;
7926
+ list-style: none;
7927
+ -webkit-font-feature-settings: 'tnum';
7928
+ font-feature-settings: 'tnum';
7929
+ position: relative;
7930
+ width: 100%;
7931
+ min-width: 0;
7932
+ padding: 4px 11px;
7933
+ color: rgba(0, 0, 0, 0.85);
7934
+ font-size: 14px;
7935
+ line-height: 1.5715;
7936
+ background-color: #fff;
7937
+ background-image: none;
7938
+ -webkit-transition: all 0.3s;
7939
+ transition: all 0.3s;
7940
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7963
7941
  display: inline-block;
7964
- width: 0;
7965
- visibility: hidden;
7966
- content: '\a0';
7942
+ width: 90px;
7943
+ margin: 0;
7944
+ padding: 0;
7945
+ border: 1px solid #d9d9d9;
7946
+ border-radius: 2px;
7967
7947
  }
7968
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7969
- right: 25px;
7948
+ .ant-input-number::-moz-placeholder {
7949
+ opacity: 1;
7970
7950
  }
7971
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
7972
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
7973
- padding-right: 18px;
7951
+ .ant-input-number::-webkit-input-placeholder {
7952
+ color: #bfbfbf;
7953
+ -webkit-user-select: none;
7954
+ user-select: none;
7974
7955
  }
7975
- .ant-select-single.ant-select-open .ant-select-selection-item {
7956
+ .ant-input-number::-ms-input-placeholder {
7976
7957
  color: #bfbfbf;
7958
+ -ms-user-select: none;
7959
+ user-select: none;
7977
7960
  }
7978
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7979
- width: 100%;
7980
- height: 32px;
7981
- padding: 0 11px;
7961
+ .ant-input-number::placeholder {
7962
+ color: #bfbfbf;
7963
+ -webkit-user-select: none;
7964
+ -moz-user-select: none;
7965
+ -ms-user-select: none;
7966
+ user-select: none;
7982
7967
  }
7983
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7984
- height: 30px;
7968
+ .ant-input-number:placeholder-shown {
7969
+ text-overflow: ellipsis;
7985
7970
  }
7986
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
7987
- line-height: 30px;
7971
+ .ant-input-number:hover {
7972
+ border-color: #40a9ff;
7973
+ border-right-width: 1px !important;
7988
7974
  }
7989
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
7990
- display: none;
7975
+ .ant-input-rtl .ant-input-number:hover {
7976
+ border-right-width: 0;
7977
+ border-left-width: 1px !important;
7991
7978
  }
7992
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
7993
- position: static;
7994
- width: 100%;
7979
+ .ant-input-number:focus,
7980
+ .ant-input-number-focused {
7981
+ border-color: #40a9ff;
7982
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7983
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7984
+ border-right-width: 1px !important;
7985
+ outline: 0;
7995
7986
  }
7996
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
7997
- position: absolute;
7998
- right: 0;
7999
- left: 0;
8000
- padding: 0 11px;
7987
+ .ant-input-rtl .ant-input-number:focus,
7988
+ .ant-input-rtl .ant-input-number-focused {
7989
+ border-right-width: 0;
7990
+ border-left-width: 1px !important;
8001
7991
  }
8002
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
8003
- display: none;
7992
+ .ant-input-number-disabled {
7993
+ color: rgba(0, 0, 0, 0.25);
7994
+ background-color: #f5f5f5;
7995
+ border-color: #d9d9d9;
7996
+ -webkit-box-shadow: none;
7997
+ box-shadow: none;
7998
+ cursor: not-allowed;
7999
+ opacity: 1;
8004
8000
  }
8005
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8006
- height: 40px;
8001
+ .ant-input-number-disabled:hover {
8002
+ border-color: #d9d9d9;
8003
+ border-right-width: 1px !important;
8007
8004
  }
8008
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
8009
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
8010
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
8011
- line-height: 38px;
8005
+ .ant-input-number[disabled] {
8006
+ color: rgba(0, 0, 0, 0.25);
8007
+ background-color: #f5f5f5;
8008
+ border-color: #d9d9d9;
8009
+ -webkit-box-shadow: none;
8010
+ box-shadow: none;
8011
+ cursor: not-allowed;
8012
+ opacity: 1;
8012
8013
  }
8013
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
8014
- height: 38px;
8014
+ .ant-input-number[disabled]:hover {
8015
+ border-color: #d9d9d9;
8016
+ border-right-width: 1px !important;
8015
8017
  }
8016
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8017
- height: 24px;
8018
+ .ant-input-number-borderless,
8019
+ .ant-input-number-borderless:hover,
8020
+ .ant-input-number-borderless:focus,
8021
+ .ant-input-number-borderless-focused,
8022
+ .ant-input-number-borderless-disabled,
8023
+ .ant-input-number-borderless[disabled] {
8024
+ background-color: transparent;
8025
+ border: none;
8026
+ -webkit-box-shadow: none;
8027
+ box-shadow: none;
8018
8028
  }
8019
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
8020
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
8021
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
8022
- line-height: 22px;
8029
+ textarea.ant-input-number {
8030
+ max-width: 100%;
8031
+ height: auto;
8032
+ min-height: 32px;
8033
+ line-height: 1.5715;
8034
+ vertical-align: bottom;
8035
+ -webkit-transition: all 0.3s, height 0s;
8036
+ transition: all 0.3s, height 0s;
8023
8037
  }
8024
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
8025
- height: 22px;
8038
+ .ant-input-number-lg {
8039
+ padding: 6.5px 11px;
8040
+ font-size: 16px;
8026
8041
  }
8027
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
8028
- right: 7px;
8029
- left: 7px;
8042
+ .ant-input-number-sm {
8043
+ padding: 0px 7px;
8030
8044
  }
8031
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8032
- padding: 0 7px;
8045
+ .ant-input-number-rtl {
8046
+ direction: rtl;
8033
8047
  }
8034
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8035
- right: 28px;
8048
+ .ant-input-number-group {
8049
+ -webkit-box-sizing: border-box;
8050
+ box-sizing: border-box;
8051
+ margin: 0;
8052
+ padding: 0;
8053
+ color: rgba(0, 0, 0, 0.85);
8054
+ font-size: 14px;
8055
+ font-variant: tabular-nums;
8056
+ line-height: 1.5715;
8057
+ list-style: none;
8058
+ -webkit-font-feature-settings: 'tnum';
8059
+ font-feature-settings: 'tnum';
8060
+ position: relative;
8061
+ display: table;
8062
+ width: 100%;
8063
+ border-collapse: separate;
8064
+ border-spacing: 0;
8036
8065
  }
8037
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
8038
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
8039
- padding-right: 21px;
8066
+ .ant-input-number-group[class*='col-'] {
8067
+ float: none;
8068
+ padding-right: 0;
8069
+ padding-left: 0;
8040
8070
  }
8041
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8042
- padding: 0 11px;
8071
+ .ant-input-number-group > [class*='col-'] {
8072
+ padding-right: 8px;
8043
8073
  }
8044
- /**
8045
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
8046
- * since chrome may update to redesign with its align logic.
8047
- */
8048
- .ant-select-selection-overflow {
8049
- position: relative;
8050
- display: -webkit-box;
8051
- display: -ms-flexbox;
8052
- display: flex;
8053
- -webkit-box-flex: 1;
8054
- -ms-flex: auto;
8055
- flex: auto;
8056
- -ms-flex-wrap: wrap;
8057
- flex-wrap: wrap;
8058
- max-width: 100%;
8074
+ .ant-input-number-group > [class*='col-']:last-child {
8075
+ padding-right: 0;
8059
8076
  }
8060
- .ant-select-selection-overflow-item {
8061
- -webkit-box-flex: 0;
8062
- -ms-flex: none;
8063
- flex: none;
8064
- -ms-flex-item-align: center;
8065
- align-self: center;
8066
- max-width: 100%;
8077
+ .ant-input-number-group-addon,
8078
+ .ant-input-number-group-wrap,
8079
+ .ant-input-number-group > .ant-input-number {
8080
+ display: table-cell;
8067
8081
  }
8068
- .ant-select-multiple .ant-select-selector {
8069
- display: -webkit-box;
8070
- display: -ms-flexbox;
8071
- display: flex;
8072
- -ms-flex-wrap: wrap;
8073
- flex-wrap: wrap;
8074
- -webkit-box-align: center;
8075
- -ms-flex-align: center;
8076
- align-items: center;
8077
- padding: 1px 4px;
8082
+ .ant-input-number-group-addon:not(:first-child):not(:last-child),
8083
+ .ant-input-number-group-wrap:not(:first-child):not(:last-child),
8084
+ .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
8085
+ border-radius: 0;
8078
8086
  }
8079
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
8080
- cursor: text;
8087
+ .ant-input-number-group-addon,
8088
+ .ant-input-number-group-wrap {
8089
+ width: 1px;
8090
+ white-space: nowrap;
8091
+ vertical-align: middle;
8081
8092
  }
8082
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
8083
- background: #f5f5f5;
8084
- cursor: not-allowed;
8093
+ .ant-input-number-group-wrap > * {
8094
+ display: block !important;
8085
8095
  }
8086
- .ant-select-multiple .ant-select-selector::after {
8087
- display: inline-block;
8088
- width: 0;
8089
- margin: 2px 0;
8090
- line-height: 24px;
8091
- content: '\a0';
8096
+ .ant-input-number-group .ant-input-number {
8097
+ float: left;
8098
+ width: 100%;
8099
+ margin-bottom: 0;
8100
+ text-align: inherit;
8092
8101
  }
8093
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
8094
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
8095
- padding-right: 24px;
8102
+ .ant-input-number-group .ant-input-number:focus {
8103
+ z-index: 1;
8104
+ border-right-width: 1px;
8096
8105
  }
8097
- .ant-select-multiple .ant-select-selection-item {
8106
+ .ant-input-number-group .ant-input-number:hover {
8107
+ z-index: 1;
8108
+ border-right-width: 1px;
8109
+ }
8110
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8111
+ z-index: 0;
8112
+ }
8113
+ .ant-input-number-group-addon {
8098
8114
  position: relative;
8099
- display: -webkit-box;
8100
- display: -ms-flexbox;
8101
- display: flex;
8102
- -webkit-box-flex: 0;
8103
- -ms-flex: none;
8104
- flex: none;
8105
- -webkit-box-sizing: border-box;
8106
- box-sizing: border-box;
8107
- max-width: 100%;
8108
- height: 24px;
8109
- margin-top: 2px;
8110
- margin-bottom: 2px;
8111
- line-height: 22px;
8112
- background: #f5f5f5;
8113
- border: 1px solid #f0f0f0;
8115
+ padding: 0 11px;
8116
+ color: rgba(0, 0, 0, 0.85);
8117
+ font-weight: normal;
8118
+ font-size: 14px;
8119
+ text-align: center;
8120
+ background-color: #fafafa;
8121
+ border: 1px solid #d9d9d9;
8114
8122
  border-radius: 2px;
8115
- cursor: default;
8116
- -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
8117
- transition: font-size 0.3s, line-height 0.3s, height 0.3s;
8118
- -webkit-user-select: none;
8119
- -moz-user-select: none;
8120
- -ms-user-select: none;
8121
- user-select: none;
8122
- -webkit-margin-end: 4px;
8123
- margin-inline-end: 4px;
8124
- -webkit-padding-start: 8px;
8125
- padding-inline-start: 8px;
8126
- -webkit-padding-end: 4px;
8127
- padding-inline-end: 4px;
8123
+ -webkit-transition: all 0.3s;
8124
+ transition: all 0.3s;
8128
8125
  }
8129
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
8130
- color: #bfbfbf;
8131
- border-color: #d9d9d9;
8132
- cursor: not-allowed;
8126
+ .ant-input-number-group-addon .ant-select {
8127
+ margin: -5px -11px;
8133
8128
  }
8134
- .ant-select-multiple .ant-select-selection-item-content {
8135
- display: inline-block;
8136
- margin-right: 4px;
8137
- overflow: hidden;
8138
- white-space: pre;
8139
- text-overflow: ellipsis;
8129
+ .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8130
+ background-color: inherit;
8131
+ border: 1px solid transparent;
8132
+ -webkit-box-shadow: none;
8133
+ box-shadow: none;
8140
8134
  }
8141
- .ant-select-multiple .ant-select-selection-item-remove {
8142
- color: inherit;
8143
- font-style: normal;
8144
- line-height: 0;
8145
- text-align: center;
8146
- text-transform: none;
8147
- vertical-align: -0.125em;
8148
- text-rendering: optimizeLegibility;
8149
- -webkit-font-smoothing: antialiased;
8150
- -moz-osx-font-smoothing: grayscale;
8151
- display: inline-block;
8152
- color: rgba(0, 0, 0, 0.45);
8153
- font-weight: bold;
8154
- font-size: 10px;
8155
- line-height: inherit;
8156
- cursor: pointer;
8135
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8136
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8137
+ color: #1890ff;
8157
8138
  }
8158
- .ant-select-multiple .ant-select-selection-item-remove > * {
8159
- line-height: 1;
8139
+ .ant-input-number-group-addon .ant-cascader-picker {
8140
+ margin: -9px -12px;
8141
+ background-color: transparent;
8160
8142
  }
8161
- .ant-select-multiple .ant-select-selection-item-remove svg {
8162
- display: inline-block;
8143
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8144
+ text-align: left;
8145
+ border: 0;
8146
+ -webkit-box-shadow: none;
8147
+ box-shadow: none;
8148
+ }
8149
+ .ant-input-number-group > .ant-input-number:first-child,
8150
+ .ant-input-number-group-addon:first-child {
8151
+ border-top-right-radius: 0;
8152
+ border-bottom-right-radius: 0;
8153
+ }
8154
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8155
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8156
+ border-top-right-radius: 0;
8157
+ border-bottom-right-radius: 0;
8158
+ }
8159
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8160
+ border-top-left-radius: 0;
8161
+ border-bottom-left-radius: 0;
8162
+ }
8163
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8164
+ border-top-right-radius: 0;
8165
+ border-bottom-right-radius: 0;
8166
+ }
8167
+ .ant-input-number-group-addon:first-child {
8168
+ border-right: 0;
8169
+ }
8170
+ .ant-input-number-group-addon:last-child {
8171
+ border-left: 0;
8172
+ }
8173
+ .ant-input-number-group > .ant-input-number:last-child,
8174
+ .ant-input-number-group-addon:last-child {
8175
+ border-top-left-radius: 0;
8176
+ border-bottom-left-radius: 0;
8177
+ }
8178
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8179
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8180
+ border-top-left-radius: 0;
8181
+ border-bottom-left-radius: 0;
8182
+ }
8183
+ .ant-input-number-group-lg .ant-input-number,
8184
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
8185
+ padding: 6.5px 11px;
8186
+ font-size: 16px;
8187
+ }
8188
+ .ant-input-number-group-sm .ant-input-number,
8189
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
8190
+ padding: 0px 7px;
8191
+ }
8192
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8193
+ height: 40px;
8194
+ }
8195
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8196
+ height: 24px;
8163
8197
  }
8164
- .ant-select-multiple .ant-select-selection-item-remove::before {
8165
- display: none;
8198
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8199
+ border-top-right-radius: 0;
8200
+ border-bottom-right-radius: 0;
8166
8201
  }
8167
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
8168
- display: block;
8202
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8203
+ border-top-left-radius: 2px;
8204
+ border-bottom-left-radius: 2px;
8169
8205
  }
8170
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
8171
- vertical-align: -0.2em;
8206
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8207
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8208
+ border-top-left-radius: 0;
8209
+ border-bottom-left-radius: 0;
8172
8210
  }
8173
- .ant-select-multiple .ant-select-selection-item-remove:hover {
8174
- color: rgba(0, 0, 0, 0.75);
8211
+ .ant-input-number-group.ant-input-number-group-compact {
8212
+ display: block;
8175
8213
  }
8176
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
8177
- -webkit-margin-start: 0;
8178
- margin-inline-start: 0;
8214
+ .ant-input-number-group.ant-input-number-group-compact::before {
8215
+ display: table;
8216
+ content: '';
8179
8217
  }
8180
- .ant-select-multiple .ant-select-selection-search {
8181
- position: relative;
8182
- max-width: 100%;
8183
- margin-top: 2px;
8184
- margin-bottom: 2px;
8185
- -webkit-margin-start: 7px;
8186
- margin-inline-start: 7px;
8218
+ .ant-input-number-group.ant-input-number-group-compact::after {
8219
+ display: table;
8220
+ clear: both;
8221
+ content: '';
8187
8222
  }
8188
- .ant-select-multiple .ant-select-selection-search-input,
8189
- .ant-select-multiple .ant-select-selection-search-mirror {
8190
- height: 24px;
8191
- 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';
8192
- line-height: 24px;
8193
- -webkit-transition: all 0.3s;
8194
- transition: all 0.3s;
8223
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8224
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8225
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8226
+ border-right-width: 1px;
8195
8227
  }
8196
- .ant-select-multiple .ant-select-selection-search-input {
8197
- width: 100%;
8198
- min-width: 4.1px;
8228
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8229
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8230
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8231
+ z-index: 1;
8199
8232
  }
8200
- .ant-select-multiple .ant-select-selection-search-mirror {
8201
- position: absolute;
8202
- top: 0;
8203
- left: 0;
8204
- z-index: 999;
8205
- white-space: pre;
8206
- visibility: hidden;
8233
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8234
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8235
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8236
+ z-index: 1;
8207
8237
  }
8208
- .ant-select-multiple .ant-select-selection-placeholder {
8209
- position: absolute;
8210
- top: 50%;
8211
- right: 11px;
8212
- left: 11px;
8213
- -webkit-transform: translateY(-50%);
8214
- transform: translateY(-50%);
8215
- -webkit-transition: all 0.3s;
8216
- transition: all 0.3s;
8238
+ .ant-input-number-group.ant-input-number-group-compact > * {
8239
+ display: inline-block;
8240
+ float: none;
8241
+ vertical-align: top;
8242
+ border-radius: 0;
8217
8243
  }
8218
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
8219
- line-height: 32px;
8244
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8245
+ display: -webkit-inline-box;
8246
+ display: -ms-inline-flexbox;
8247
+ display: inline-flex;
8220
8248
  }
8221
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8222
- height: 32px;
8223
- line-height: 30px;
8249
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8250
+ display: -webkit-inline-box;
8251
+ display: -ms-inline-flexbox;
8252
+ display: inline-flex;
8224
8253
  }
8225
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
8226
- height: 32px;
8227
- line-height: 32px;
8254
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8255
+ margin-right: -1px;
8256
+ border-right-width: 1px;
8228
8257
  }
8229
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
8230
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
8231
- height: 32px;
8232
- line-height: 30px;
8258
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8259
+ float: none;
8233
8260
  }
8234
- .ant-select-multiple.ant-select-sm .ant-select-selector::after {
8235
- line-height: 16px;
8261
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8262
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8263
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8264
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8265
+ border-right-width: 1px;
8266
+ border-radius: 0;
8236
8267
  }
8237
- .ant-select-multiple.ant-select-sm .ant-select-selection-item {
8238
- height: 16px;
8239
- line-height: 14px;
8268
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8269
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8270
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8271
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8272
+ z-index: 1;
8240
8273
  }
8241
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8242
- height: 16px;
8243
- line-height: 16px;
8274
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8275
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8276
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8277
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8278
+ z-index: 1;
8244
8279
  }
8245
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
8246
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
8247
- height: 16px;
8248
- line-height: 14px;
8280
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8281
+ z-index: 1;
8249
8282
  }
8250
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8251
- left: 7px;
8283
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8284
+ z-index: 1;
8252
8285
  }
8253
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8254
- -webkit-margin-start: 3px;
8255
- margin-inline-start: 3px;
8286
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8287
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8288
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8289
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8290
+ border-top-left-radius: 2px;
8291
+ border-bottom-left-radius: 2px;
8256
8292
  }
8257
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8258
- height: 32px;
8259
- line-height: 32px;
8293
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8294
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8295
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8296
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8297
+ border-right-width: 1px;
8298
+ border-top-right-radius: 2px;
8299
+ border-bottom-right-radius: 2px;
8260
8300
  }
8261
- .ant-select-disabled .ant-select-selection-item-remove {
8262
- display: none;
8301
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8302
+ vertical-align: top;
8263
8303
  }
8264
- /* Reset search input style */
8265
- .ant-select {
8266
- -webkit-box-sizing: border-box;
8267
- box-sizing: border-box;
8268
- margin: 0;
8269
- padding: 0;
8270
- color: rgba(0, 0, 0, 0.85);
8271
- font-size: 14px;
8272
- font-variant: tabular-nums;
8273
- line-height: 1.5715;
8274
- list-style: none;
8275
- -webkit-font-feature-settings: 'tnum';
8276
- font-feature-settings: 'tnum';
8277
- position: relative;
8278
- display: inline-block;
8279
- cursor: pointer;
8304
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8305
+ margin-left: -1px;
8280
8306
  }
8281
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
8282
- position: relative;
8283
- background-color: #fff;
8284
- border: 1px solid #d9d9d9;
8285
- border-radius: 2px;
8286
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
8287
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
8307
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8308
+ border-radius: 0;
8288
8309
  }
8289
- .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8290
- cursor: pointer;
8310
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
8311
+ border-radius: 0;
8291
8312
  }
8292
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
8293
- cursor: text;
8313
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8314
+ border-radius: 2px 0 0 2px;
8294
8315
  }
8295
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8296
- cursor: auto;
8316
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
8317
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8318
+ border-radius: 0 2px 2px 0;
8297
8319
  }
8298
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
8299
- border-color: #40a9ff;
8300
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8301
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8302
- border-right-width: 1px !important;
8303
- outline: 0;
8320
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8321
+ border-right: 1px solid #d9d9d9;
8322
+ border-left: 0;
8304
8323
  }
8305
- .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
8306
- border-right-width: 0;
8307
- border-left-width: 1px !important;
8324
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8325
+ border-right: 0;
8326
+ border-left: 1px solid #d9d9d9;
8308
8327
  }
8309
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
8310
- color: rgba(0, 0, 0, 0.25);
8311
- background: #f5f5f5;
8312
- cursor: not-allowed;
8328
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8329
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8330
+ border-radius: 2px 0 0 2px;
8313
8331
  }
8314
- .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
8315
- background: #f5f5f5;
8332
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8333
+ border-radius: 2px 0 0 2px;
8316
8334
  }
8317
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8318
- cursor: not-allowed;
8335
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8336
+ border-radius: 0 2px 2px 0;
8319
8337
  }
8320
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
8321
- margin: 0;
8322
- padding: 0;
8323
- background: transparent;
8324
- border: none;
8325
- outline: none;
8326
- -webkit-appearance: none;
8327
- -moz-appearance: none;
8328
- appearance: none;
8338
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8339
+ margin-right: 0;
8340
+ margin-left: -1px;
8341
+ border-left-width: 1px;
8329
8342
  }
8330
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
8331
- display: none;
8332
- /* stylelint-disable-next-line property-no-vendor-prefix */
8333
- -webkit-appearance: none;
8343
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8344
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8345
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8346
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8347
+ border-radius: 0 2px 2px 0;
8334
8348
  }
8335
- .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
8336
- border-color: #40a9ff;
8337
- border-right-width: 1px !important;
8349
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8350
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8351
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8352
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8353
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8354
+ border-left-width: 1px;
8355
+ border-radius: 2px 0 0 2px;
8338
8356
  }
8339
- .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
8340
- border-right-width: 0;
8341
- border-left-width: 1px !important;
8357
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8358
+ margin-right: -1px;
8359
+ margin-left: 0;
8342
8360
  }
8343
- .ant-select-selection-item {
8344
- -webkit-box-flex: 1;
8345
- -ms-flex: 1;
8346
- flex: 1;
8347
- overflow: hidden;
8348
- font-weight: normal;
8349
- white-space: nowrap;
8350
- text-overflow: ellipsis;
8361
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8362
+ border-radius: 0 2px 2px 0;
8351
8363
  }
8352
- @media all and (-ms-high-contrast: none) {
8353
- .ant-select-selection-item *::-ms-backdrop,
8354
- .ant-select-selection-item {
8355
- -ms-flex: auto;
8356
- flex: auto;
8357
- }
8364
+ .ant-input-number-group-wrapper {
8365
+ display: inline-block;
8366
+ text-align: start;
8367
+ vertical-align: top;
8358
8368
  }
8359
- .ant-select-selection-placeholder {
8360
- -webkit-box-flex: 1;
8361
- -ms-flex: 1;
8362
- flex: 1;
8369
+ .ant-input-number-handler {
8370
+ position: relative;
8371
+ display: block;
8372
+ width: 100%;
8373
+ height: 50%;
8363
8374
  overflow: hidden;
8364
- color: #bfbfbf;
8365
- white-space: nowrap;
8366
- text-overflow: ellipsis;
8367
- pointer-events: none;
8375
+ color: rgba(0, 0, 0, 0.45);
8376
+ font-weight: bold;
8377
+ line-height: 0;
8378
+ text-align: center;
8379
+ border-left: 1px solid #d9d9d9;
8380
+ -webkit-transition: all 0.1s linear;
8381
+ transition: all 0.1s linear;
8368
8382
  }
8369
- @media all and (-ms-high-contrast: none) {
8370
- .ant-select-selection-placeholder *::-ms-backdrop,
8371
- .ant-select-selection-placeholder {
8372
- -ms-flex: auto;
8373
- flex: auto;
8374
- }
8383
+ .ant-input-number-handler:active {
8384
+ background: #f4f4f4;
8375
8385
  }
8376
- .ant-select-arrow {
8386
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8387
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8388
+ color: #40a9ff;
8389
+ }
8390
+ .ant-input-number-handler-up-inner,
8391
+ .ant-input-number-handler-down-inner {
8377
8392
  display: inline-block;
8378
8393
  color: inherit;
8379
8394
  font-style: normal;
8380
8395
  line-height: 0;
8396
+ text-align: center;
8381
8397
  text-transform: none;
8382
8398
  vertical-align: -0.125em;
8383
8399
  text-rendering: optimizeLegibility;
8384
8400
  -webkit-font-smoothing: antialiased;
8385
8401
  -moz-osx-font-smoothing: grayscale;
8386
8402
  position: absolute;
8387
- top: 50%;
8388
- right: 11px;
8403
+ right: 4px;
8389
8404
  width: 12px;
8390
8405
  height: 12px;
8391
- margin-top: -6px;
8392
- color: rgba(0, 0, 0, 0.25);
8393
- font-size: 12px;
8394
- line-height: 1;
8395
- text-align: center;
8396
- pointer-events: none;
8406
+ color: rgba(0, 0, 0, 0.45);
8407
+ line-height: 12px;
8408
+ -webkit-transition: all 0.1s linear;
8409
+ transition: all 0.1s linear;
8410
+ -webkit-user-select: none;
8411
+ -moz-user-select: none;
8412
+ -ms-user-select: none;
8413
+ user-select: none;
8397
8414
  }
8398
- .ant-select-arrow > * {
8415
+ .ant-input-number-handler-up-inner > *,
8416
+ .ant-input-number-handler-down-inner > * {
8399
8417
  line-height: 1;
8400
8418
  }
8401
- .ant-select-arrow svg {
8419
+ .ant-input-number-handler-up-inner svg,
8420
+ .ant-input-number-handler-down-inner svg {
8402
8421
  display: inline-block;
8403
8422
  }
8404
- .ant-select-arrow::before {
8423
+ .ant-input-number-handler-up-inner::before,
8424
+ .ant-input-number-handler-down-inner::before {
8405
8425
  display: none;
8406
8426
  }
8407
- .ant-select-arrow .ant-select-arrow-icon {
8427
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8428
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8429
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8430
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8408
8431
  display: block;
8409
8432
  }
8410
- .ant-select-arrow .anticon {
8411
- vertical-align: top;
8412
- -webkit-transition: -webkit-transform 0.3s;
8413
- transition: -webkit-transform 0.3s;
8414
- transition: transform 0.3s;
8415
- transition: transform 0.3s, -webkit-transform 0.3s;
8416
- }
8417
- .ant-select-arrow .anticon > svg {
8418
- vertical-align: top;
8419
- }
8420
- .ant-select-arrow .anticon:not(.ant-select-suffix) {
8421
- pointer-events: auto;
8422
- }
8423
- .ant-select-disabled .ant-select-arrow {
8424
- cursor: not-allowed;
8433
+ .ant-input-number:hover {
8434
+ border-color: #40a9ff;
8435
+ border-right-width: 1px !important;
8425
8436
  }
8426
- .ant-select-clear {
8427
- position: absolute;
8428
- top: 50%;
8429
- right: 11px;
8430
- z-index: 1;
8431
- display: inline-block;
8432
- width: 12px;
8433
- height: 12px;
8434
- margin-top: -6px;
8435
- color: rgba(0, 0, 0, 0.25);
8436
- font-size: 12px;
8437
- font-style: normal;
8438
- line-height: 1;
8439
- text-align: center;
8440
- text-transform: none;
8441
- background: #fff;
8442
- cursor: pointer;
8437
+ .ant-input-number:hover + .ant-form-item-children-icon {
8443
8438
  opacity: 0;
8444
- -webkit-transition: color 0.3s ease, opacity 0.15s ease;
8445
- transition: color 0.3s ease, opacity 0.15s ease;
8446
- text-rendering: auto;
8447
- }
8448
- .ant-select-clear::before {
8449
- display: block;
8450
- }
8451
- .ant-select-clear:hover {
8452
- color: rgba(0, 0, 0, 0.45);
8453
- }
8454
- .ant-select:hover .ant-select-clear {
8455
- opacity: 1;
8456
- }
8457
- .ant-select-dropdown {
8458
- margin: 0;
8459
- padding: 0;
8460
- color: rgba(0, 0, 0, 0.85);
8461
- font-variant: tabular-nums;
8462
- line-height: 1.5715;
8463
- list-style: none;
8464
- -webkit-font-feature-settings: 'tnum';
8465
- font-feature-settings: 'tnum';
8466
- position: absolute;
8467
- top: -9999px;
8468
- left: -9999px;
8469
- z-index: 1050;
8470
- -webkit-box-sizing: border-box;
8471
- box-sizing: border-box;
8472
- padding: 4px 0;
8473
- overflow: hidden;
8474
- font-size: 14px;
8475
- font-variant: initial;
8476
- background-color: #fff;
8477
- border-radius: 2px;
8478
- outline: none;
8479
- -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);
8480
- 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);
8481
- }
8482
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
8483
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
8484
- -webkit-animation-name: antSlideUpIn;
8485
- animation-name: antSlideUpIn;
8486
- }
8487
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
8488
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
8489
- -webkit-animation-name: antSlideDownIn;
8490
- animation-name: antSlideDownIn;
8491
- }
8492
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
8493
- -webkit-animation-name: antSlideUpOut;
8494
- animation-name: antSlideUpOut;
8495
- }
8496
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
8497
- -webkit-animation-name: antSlideDownOut;
8498
- animation-name: antSlideDownOut;
8499
- }
8500
- .ant-select-dropdown-hidden {
8501
- display: none;
8502
- }
8503
- .ant-select-dropdown-empty {
8504
- color: rgba(0, 0, 0, 0.25);
8505
- }
8506
- .ant-select-item-empty {
8507
- position: relative;
8508
- display: block;
8509
- min-height: 32px;
8510
- padding: 5px 12px;
8511
- color: rgba(0, 0, 0, 0.85);
8512
- font-weight: normal;
8513
- font-size: 14px;
8514
- line-height: 22px;
8515
- color: rgba(0, 0, 0, 0.25);
8516
- }
8517
- .ant-select-item {
8518
- position: relative;
8519
- display: block;
8520
- min-height: 32px;
8521
- padding: 5px 12px;
8522
- color: rgba(0, 0, 0, 0.85);
8523
- font-weight: normal;
8524
- font-size: 14px;
8525
- line-height: 22px;
8526
- cursor: pointer;
8527
- -webkit-transition: background 0.3s ease;
8528
- transition: background 0.3s ease;
8529
- }
8530
- .ant-select-item-group {
8531
- color: rgba(0, 0, 0, 0.45);
8532
- font-size: 12px;
8533
- cursor: default;
8534
- }
8535
- .ant-select-item-option {
8536
- display: -webkit-box;
8537
- display: -ms-flexbox;
8538
- display: flex;
8539
- }
8540
- .ant-select-item-option-content {
8541
- -webkit-box-flex: 1;
8542
- -ms-flex: auto;
8543
- flex: auto;
8544
- overflow: hidden;
8545
- white-space: nowrap;
8546
- text-overflow: ellipsis;
8547
- }
8548
- .ant-select-item-option-state {
8549
- -webkit-box-flex: 0;
8550
- -ms-flex: none;
8551
- flex: none;
8552
- }
8553
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
8554
- background-color: #f5f5f5;
8439
+ -webkit-transition: opacity 0.24s linear 0.24s;
8440
+ transition: opacity 0.24s linear 0.24s;
8555
8441
  }
8556
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
8557
- color: rgba(0, 0, 0, 0.85);
8558
- font-weight: 600;
8559
- background-color: #e6f7ff;
8442
+ .ant-input-number-focused {
8443
+ border-color: #40a9ff;
8444
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8445
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8446
+ border-right-width: 1px !important;
8447
+ outline: 0;
8560
8448
  }
8561
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
8562
- color: #1890ff;
8449
+ .ant-input-rtl .ant-input-number-focused {
8450
+ border-right-width: 0;
8451
+ border-left-width: 1px !important;
8563
8452
  }
8564
- .ant-select-item-option-disabled {
8453
+ .ant-input-number-disabled {
8565
8454
  color: rgba(0, 0, 0, 0.25);
8455
+ background-color: #f5f5f5;
8456
+ border-color: #d9d9d9;
8457
+ -webkit-box-shadow: none;
8458
+ box-shadow: none;
8566
8459
  cursor: not-allowed;
8460
+ opacity: 1;
8567
8461
  }
8568
- .ant-select-item-option-disabled.ant-select-item-option-selected {
8569
- background-color: #f5f5f5;
8462
+ .ant-input-number-disabled:hover {
8463
+ border-color: #d9d9d9;
8464
+ border-right-width: 1px !important;
8570
8465
  }
8571
- .ant-select-item-option-grouped {
8572
- padding-left: 24px;
8466
+ .ant-input-number-disabled .ant-input-number-input {
8467
+ cursor: not-allowed;
8573
8468
  }
8574
- .ant-select-lg {
8575
- font-size: 16px;
8469
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
8470
+ display: none;
8576
8471
  }
8577
- .ant-select-borderless .ant-select-selector {
8578
- background-color: transparent !important;
8579
- border-color: transparent !important;
8580
- -webkit-box-shadow: none !important;
8581
- box-shadow: none !important;
8472
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
8473
+ display: none;
8582
8474
  }
8583
- .ant-select-rtl {
8584
- direction: rtl;
8475
+ .ant-input-number-input {
8476
+ width: 100%;
8477
+ height: 30px;
8478
+ padding: 0 11px;
8479
+ text-align: left;
8480
+ background-color: transparent;
8481
+ border: 0;
8482
+ border-radius: 2px;
8483
+ outline: 0;
8484
+ -webkit-transition: all 0.3s linear;
8485
+ transition: all 0.3s linear;
8486
+ -webkit-appearance: textfield !important;
8487
+ -moz-appearance: textfield !important;
8488
+ appearance: textfield !important;
8489
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
8585
8490
  }
8586
- .ant-select-rtl .ant-select-arrow {
8587
- right: initial;
8588
- left: 11px;
8491
+ .ant-input-number-input::-moz-placeholder {
8492
+ opacity: 1;
8589
8493
  }
8590
- .ant-select-rtl .ant-select-clear {
8591
- right: initial;
8592
- left: 11px;
8494
+ .ant-input-number-input::-webkit-input-placeholder {
8495
+ color: #bfbfbf;
8496
+ -webkit-user-select: none;
8497
+ user-select: none;
8593
8498
  }
8594
- .ant-select-dropdown-rtl {
8595
- direction: rtl;
8499
+ .ant-input-number-input::-ms-input-placeholder {
8500
+ color: #bfbfbf;
8501
+ -ms-user-select: none;
8502
+ user-select: none;
8596
8503
  }
8597
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
8598
- padding-right: 24px;
8599
- padding-left: 12px;
8504
+ .ant-input-number-input::placeholder {
8505
+ color: #bfbfbf;
8506
+ -webkit-user-select: none;
8507
+ -moz-user-select: none;
8508
+ -ms-user-select: none;
8509
+ user-select: none;
8600
8510
  }
8601
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
8602
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
8603
- padding-right: 4px;
8604
- padding-left: 24px;
8511
+ .ant-input-number-input:placeholder-shown {
8512
+ text-overflow: ellipsis;
8605
8513
  }
8606
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
8607
- text-align: right;
8514
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8515
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8516
+ margin: 0;
8517
+ /* stylelint-disable-next-line property-no-vendor-prefix */
8518
+ -webkit-appearance: none;
8519
+ appearance: none;
8608
8520
  }
8609
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
8610
- margin-right: 0;
8611
- margin-left: 4px;
8612
- text-align: right;
8521
+ .ant-input-number-lg {
8522
+ padding: 0;
8523
+ font-size: 16px;
8613
8524
  }
8614
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
8615
- right: 0;
8616
- left: auto;
8525
+ .ant-input-number-lg input {
8526
+ height: 38px;
8617
8527
  }
8618
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
8619
- right: 11px;
8620
- left: auto;
8528
+ .ant-input-number-sm {
8529
+ padding: 0;
8621
8530
  }
8622
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8623
- right: 7px;
8531
+ .ant-input-number-sm input {
8532
+ height: 22px;
8533
+ padding: 0 7px;
8624
8534
  }
8625
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
8626
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8535
+ .ant-input-number-handler-wrap {
8536
+ position: absolute;
8537
+ top: 0;
8627
8538
  right: 0;
8628
- left: 9px;
8629
- text-align: right;
8630
- }
8631
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8632
- right: 11px;
8633
- left: 25px;
8634
- }
8635
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
8636
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
8637
- padding-right: 0;
8638
- padding-left: 18px;
8539
+ width: 22px;
8540
+ height: 100%;
8541
+ background: #fff;
8542
+ border-radius: 0 2px 2px 0;
8543
+ opacity: 0;
8544
+ -webkit-transition: opacity 0.24s linear 0.1s;
8545
+ transition: opacity 0.24s linear 0.1s;
8639
8546
  }
8640
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8641
- right: 6px;
8547
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8548
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8549
+ display: -webkit-box;
8550
+ display: -ms-flexbox;
8551
+ display: flex;
8552
+ -webkit-box-align: center;
8553
+ -ms-flex-align: center;
8554
+ align-items: center;
8555
+ -webkit-box-pack: center;
8556
+ -ms-flex-pack: center;
8557
+ justify-content: center;
8558
+ min-width: auto;
8559
+ margin-right: 0;
8560
+ font-size: 7px;
8642
8561
  }
8643
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
8644
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
8645
- padding-right: 0;
8646
- padding-left: 21px;
8562
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
8563
+ border-left-width: 0;
8647
8564
  }
8648
- .pandora-sdk-selector {
8649
- width: 100%;
8650
- color: #333;
8565
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8566
+ height: 40%;
8651
8567
  }
8652
- .pandora-sdk-selector .ant-select-selection {
8653
- background: #fff;
8568
+ .ant-input-number:hover .ant-input-number-handler-wrap,
8569
+ .ant-input-number-focused .ant-input-number-handler-wrap {
8570
+ opacity: 1;
8654
8571
  }
8655
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
8656
- opacity: 0;
8572
+ .ant-input-number-handler-up {
8573
+ border-top-right-radius: 2px;
8574
+ cursor: pointer;
8657
8575
  }
8658
- .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
8659
- color: #666;
8660
- background: #f5f5f5;
8661
- border: none;
8576
+ .ant-input-number-handler-up-inner {
8577
+ top: 50%;
8578
+ margin-top: -5px;
8579
+ text-align: center;
8662
8580
  }
8663
- .pandora-sdk-selector .ant-select-selection-item-remove {
8664
- color: #d9d9d9;
8581
+ .ant-input-number-handler-up:hover {
8582
+ height: 60% !important;
8665
8583
  }
8666
- .pandora-sdk-selector .ant-select-selection--single {
8667
- height: 32px;
8584
+ .ant-input-number-handler-down {
8585
+ top: 0;
8586
+ border-top: 1px solid #d9d9d9;
8587
+ border-bottom-right-radius: 2px;
8588
+ cursor: pointer;
8668
8589
  }
8669
- .pandora-sdk-selector .ant-select-selection__rendered {
8670
- line-height: 30px;
8590
+ .ant-input-number-handler-down-inner {
8591
+ top: 50%;
8592
+ text-align: center;
8593
+ -webkit-transform: translateY(-50%);
8594
+ transform: translateY(-50%);
8671
8595
  }
8672
- .pandora-sdk-selector .ant-select-selection__clear {
8673
- background: #fff;
8674
- color: #666;
8596
+ .ant-input-number-handler-down:hover {
8597
+ height: 60% !important;
8675
8598
  }
8676
- .pandora-sdk-selector .ant-select-selection__clear i {
8677
- color: inherit;
8599
+ .ant-input-number-borderless .ant-input-number-handler-down {
8600
+ border-top-width: 0;
8678
8601
  }
8679
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
8680
- margin: 0;
8602
+ .ant-input-number-handler-up-disabled,
8603
+ .ant-input-number-handler-down-disabled {
8604
+ cursor: not-allowed;
8681
8605
  }
8682
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
8683
- -webkit-appearance: none;
8606
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8607
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8608
+ color: rgba(0, 0, 0, 0.25);
8684
8609
  }
8685
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
8686
- width: 6px;
8610
+ .ant-input-number-borderless {
8611
+ -webkit-box-shadow: none;
8612
+ box-shadow: none;
8687
8613
  }
8688
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
8689
- height: 6px;
8614
+ .ant-input-number-out-of-range input {
8615
+ color: #ff4d4f;
8690
8616
  }
8691
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
8692
- border-radius: 100px;
8693
- background-color: rgba(35, 44, 59, 0.3);
8617
+ .ant-input-number-rtl {
8618
+ direction: rtl;
8694
8619
  }
8695
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
8696
- background: rgba(35, 44, 59, 0.6);
8620
+ .ant-input-number-rtl .ant-input-number-handler {
8621
+ border-right: 1px solid #d9d9d9;
8622
+ border-left: 0;
8697
8623
  }
8698
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
8699
- background-color: transparent;
8700
- border-radius: 100px;
8624
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
8625
+ right: auto;
8626
+ left: 0;
8701
8627
  }
8702
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
8703
- background: transparent;
8628
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8629
+ border-right-width: 0;
8704
8630
  }
8705
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
8706
- color: #d9d9d9;
8631
+ .ant-input-number-rtl .ant-input-number-handler-up {
8632
+ border-top-right-radius: 0;
8707
8633
  }
8708
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
8709
- color: #2c6dd2;
8710
- font-weight: 400;
8634
+ .ant-input-number-rtl .ant-input-number-handler-down {
8635
+ border-bottom-right-radius: 0;
8711
8636
  }
8712
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
8713
- color: #2c6dd2;
8637
+ .ant-input-number-rtl .ant-input-number-input {
8638
+ direction: ltr;
8639
+ text-align: right;
8714
8640
  }
8715
- .pandora-sdk-selector-dropdown .ant-select-item-group {
8716
- color: #d9d9d9;
8641
+ .pandora-sdk-range-input {
8642
+ position: relative;
8717
8643
  }
8718
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
8644
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8719
8645
  display: inline-block;
8720
- min-width: 100%;
8646
+ width: 40px;
8647
+ line-height: 40px;
8648
+ text-align: center;
8721
8649
  }
8722
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
8723
- overflow: unset;
8724
- text-overflow: unset;
8650
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
8651
+ width: calc(50% - 20px);
8652
+ text-align: center;
8653
+ display: inline-block;
8725
8654
  }
8726
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
8727
- color: #2c6dd2;
8728
- cursor: default;
8655
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
8656
+ color: #ff4d4f;
8657
+ line-height: 24px;
8658
+ font-size: 12px;
8729
8659
  }
8730
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
8731
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
8732
- content: none;
8660
+ .pandora-sdk-range-input .ant-input-number {
8661
+ width: 100%;
8733
8662
  }
8734
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
8735
- color: #2c6dd2;
8663
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
8664
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
8665
+ -webkit-appearance: none;
8736
8666
  }
8737
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
8738
- color: #2c6dd2;
8667
+ .pandora-sdk-range-input input[type='number'] {
8668
+ -moz-appearance: textfield;
8739
8669
  }
8740
- .pandora-sdk-selector-create-lint {
8741
- display: block;
8670
+ .ant-select-single .ant-select-selector {
8671
+ display: -webkit-box;
8672
+ display: -ms-flexbox;
8673
+ display: flex;
8742
8674
  }
8743
- .pandora-sdk-close-icon {
8744
- color: #d9d9d9;
8675
+ .ant-select-single .ant-select-selector .ant-select-selection-search {
8676
+ position: absolute;
8677
+ top: 0;
8678
+ right: 11px;
8679
+ bottom: 0;
8680
+ left: 11px;
8745
8681
  }
8746
- .ant-input-number {
8747
- -webkit-box-sizing: border-box;
8748
- box-sizing: border-box;
8749
- font-variant: tabular-nums;
8750
- list-style: none;
8751
- -webkit-font-feature-settings: 'tnum';
8752
- font-feature-settings: 'tnum';
8753
- position: relative;
8682
+ .ant-select-single .ant-select-selector .ant-select-selection-search-input {
8754
8683
  width: 100%;
8755
- min-width: 0;
8756
- padding: 4px 11px;
8757
- color: rgba(0, 0, 0, 0.85);
8758
- font-size: 14px;
8759
- line-height: 1.5715;
8760
- background-color: #fff;
8761
- background-image: none;
8684
+ }
8685
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
8686
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8687
+ padding: 0;
8688
+ line-height: 30px;
8762
8689
  -webkit-transition: all 0.3s;
8763
8690
  transition: all 0.3s;
8764
- /* stylelint-disable-next-line selector-no-vendor-prefix */
8765
- display: inline-block;
8766
- width: 90px;
8767
- margin: 0;
8768
- padding: 0;
8769
- border: 1px solid #d9d9d9;
8770
- border-radius: 2px;
8771
- }
8772
- .ant-input-number::-moz-placeholder {
8773
- opacity: 1;
8774
- }
8775
- .ant-input-number::-webkit-input-placeholder {
8776
- color: #bfbfbf;
8777
- -webkit-user-select: none;
8778
- user-select: none;
8779
8691
  }
8780
- .ant-input-number::-ms-input-placeholder {
8781
- color: #bfbfbf;
8782
- -ms-user-select: none;
8783
- user-select: none;
8692
+ @supports (-moz-appearance: meterbar) {
8693
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
8694
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8695
+ line-height: 30px;
8696
+ }
8784
8697
  }
8785
- .ant-input-number::placeholder {
8786
- color: #bfbfbf;
8698
+ .ant-select-single .ant-select-selector .ant-select-selection-item {
8699
+ position: relative;
8787
8700
  -webkit-user-select: none;
8788
8701
  -moz-user-select: none;
8789
8702
  -ms-user-select: none;
8790
8703
  user-select: none;
8791
8704
  }
8792
- .ant-input-number:placeholder-shown {
8793
- text-overflow: ellipsis;
8794
- }
8795
- .ant-input-number:hover {
8796
- border-color: #40a9ff;
8797
- border-right-width: 1px !important;
8798
- }
8799
- .ant-input-rtl .ant-input-number:hover {
8800
- border-right-width: 0;
8801
- border-left-width: 1px !important;
8802
- }
8803
- .ant-input-number:focus,
8804
- .ant-input-number-focused {
8805
- border-color: #40a9ff;
8806
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8807
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8808
- border-right-width: 1px !important;
8809
- outline: 0;
8810
- }
8811
- .ant-input-rtl .ant-input-number:focus,
8812
- .ant-input-rtl .ant-input-number-focused {
8813
- border-right-width: 0;
8814
- border-left-width: 1px !important;
8815
- }
8816
- .ant-input-number-disabled {
8817
- color: rgba(0, 0, 0, 0.25);
8818
- background-color: #f5f5f5;
8819
- border-color: #d9d9d9;
8820
- -webkit-box-shadow: none;
8821
- box-shadow: none;
8822
- cursor: not-allowed;
8823
- opacity: 1;
8824
- }
8825
- .ant-input-number-disabled:hover {
8826
- border-color: #d9d9d9;
8827
- border-right-width: 1px !important;
8828
- }
8829
- .ant-input-number[disabled] {
8830
- color: rgba(0, 0, 0, 0.25);
8831
- background-color: #f5f5f5;
8832
- border-color: #d9d9d9;
8833
- -webkit-box-shadow: none;
8834
- box-shadow: none;
8835
- cursor: not-allowed;
8836
- opacity: 1;
8837
- }
8838
- .ant-input-number[disabled]:hover {
8839
- border-color: #d9d9d9;
8840
- border-right-width: 1px !important;
8841
- }
8842
- .ant-input-number-borderless,
8843
- .ant-input-number-borderless:hover,
8844
- .ant-input-number-borderless:focus,
8845
- .ant-input-number-borderless-focused,
8846
- .ant-input-number-borderless-disabled,
8847
- .ant-input-number-borderless[disabled] {
8848
- background-color: transparent;
8849
- border: none;
8850
- -webkit-box-shadow: none;
8851
- box-shadow: none;
8705
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8706
+ pointer-events: none;
8852
8707
  }
8853
- textarea.ant-input-number {
8854
- max-width: 100%;
8855
- height: auto;
8856
- min-height: 32px;
8857
- line-height: 1.5715;
8858
- vertical-align: bottom;
8859
- -webkit-transition: all 0.3s, height 0s;
8860
- transition: all 0.3s, height 0s;
8708
+ .ant-select-single .ant-select-selector::after,
8709
+ .ant-select-single .ant-select-selector .ant-select-selection-item::after,
8710
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
8711
+ display: inline-block;
8712
+ width: 0;
8713
+ visibility: hidden;
8714
+ content: '\a0';
8861
8715
  }
8862
- .ant-input-number-lg {
8863
- padding: 6.5px 11px;
8864
- font-size: 16px;
8716
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8717
+ right: 25px;
8865
8718
  }
8866
- .ant-input-number-sm {
8867
- padding: 0px 7px;
8719
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
8720
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
8721
+ padding-right: 18px;
8868
8722
  }
8869
- .ant-input-number-rtl {
8870
- direction: rtl;
8723
+ .ant-select-single.ant-select-open .ant-select-selection-item {
8724
+ color: #bfbfbf;
8871
8725
  }
8872
- .ant-input-number-group {
8873
- -webkit-box-sizing: border-box;
8874
- box-sizing: border-box;
8875
- margin: 0;
8876
- padding: 0;
8877
- color: rgba(0, 0, 0, 0.85);
8878
- font-size: 14px;
8879
- font-variant: tabular-nums;
8880
- line-height: 1.5715;
8881
- list-style: none;
8882
- -webkit-font-feature-settings: 'tnum';
8883
- font-feature-settings: 'tnum';
8884
- position: relative;
8885
- display: table;
8726
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8886
8727
  width: 100%;
8887
- border-collapse: separate;
8888
- border-spacing: 0;
8889
- }
8890
- .ant-input-number-group[class*='col-'] {
8891
- float: none;
8892
- padding-right: 0;
8893
- padding-left: 0;
8894
- }
8895
- .ant-input-number-group > [class*='col-'] {
8896
- padding-right: 8px;
8897
- }
8898
- .ant-input-number-group > [class*='col-']:last-child {
8899
- padding-right: 0;
8900
- }
8901
- .ant-input-number-group-addon,
8902
- .ant-input-number-group-wrap,
8903
- .ant-input-number-group > .ant-input-number {
8904
- display: table-cell;
8728
+ height: 32px;
8729
+ padding: 0 11px;
8905
8730
  }
8906
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
8907
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
8908
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
8909
- border-radius: 0;
8731
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
8732
+ height: 30px;
8910
8733
  }
8911
- .ant-input-number-group-addon,
8912
- .ant-input-number-group-wrap {
8913
- width: 1px;
8914
- white-space: nowrap;
8915
- vertical-align: middle;
8734
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
8735
+ line-height: 30px;
8916
8736
  }
8917
- .ant-input-number-group-wrap > * {
8918
- display: block !important;
8737
+ .ant-select-single.ant-select-customize-input .ant-select-selector::after {
8738
+ display: none;
8919
8739
  }
8920
- .ant-input-number-group .ant-input-number {
8921
- float: left;
8740
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
8741
+ position: static;
8922
8742
  width: 100%;
8923
- margin-bottom: 0;
8924
- text-align: inherit;
8925
8743
  }
8926
- .ant-input-number-group .ant-input-number:focus {
8927
- z-index: 1;
8928
- border-right-width: 1px;
8744
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
8745
+ position: absolute;
8746
+ right: 0;
8747
+ left: 0;
8748
+ padding: 0 11px;
8929
8749
  }
8930
- .ant-input-number-group .ant-input-number:hover {
8931
- z-index: 1;
8932
- border-right-width: 1px;
8750
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
8751
+ display: none;
8933
8752
  }
8934
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8935
- z-index: 0;
8753
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8754
+ height: 40px;
8936
8755
  }
8937
- .ant-input-number-group-addon {
8938
- position: relative;
8939
- padding: 0 11px;
8940
- color: rgba(0, 0, 0, 0.85);
8941
- font-weight: normal;
8942
- font-size: 14px;
8943
- text-align: center;
8944
- background-color: #fafafa;
8945
- border: 1px solid #d9d9d9;
8946
- border-radius: 2px;
8947
- -webkit-transition: all 0.3s;
8948
- transition: all 0.3s;
8756
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
8757
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
8758
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
8759
+ line-height: 38px;
8949
8760
  }
8950
- .ant-input-number-group-addon .ant-select {
8951
- margin: -5px -11px;
8761
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
8762
+ height: 38px;
8952
8763
  }
8953
- .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8954
- background-color: inherit;
8955
- border: 1px solid transparent;
8956
- -webkit-box-shadow: none;
8957
- box-shadow: none;
8764
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8765
+ height: 24px;
8958
8766
  }
8959
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8960
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8961
- color: #1890ff;
8767
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
8768
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
8769
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
8770
+ line-height: 22px;
8962
8771
  }
8963
- .ant-input-number-group-addon .ant-cascader-picker {
8964
- margin: -9px -12px;
8965
- background-color: transparent;
8772
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
8773
+ height: 22px;
8966
8774
  }
8967
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8968
- text-align: left;
8969
- border: 0;
8970
- -webkit-box-shadow: none;
8971
- box-shadow: none;
8775
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
8776
+ right: 7px;
8777
+ left: 7px;
8972
8778
  }
8973
- .ant-input-number-group > .ant-input-number:first-child,
8974
- .ant-input-number-group-addon:first-child {
8975
- border-top-right-radius: 0;
8976
- border-bottom-right-radius: 0;
8779
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8780
+ padding: 0 7px;
8977
8781
  }
8978
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8979
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8980
- border-top-right-radius: 0;
8981
- border-bottom-right-radius: 0;
8782
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8783
+ right: 28px;
8982
8784
  }
8983
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8984
- border-top-left-radius: 0;
8985
- border-bottom-left-radius: 0;
8785
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
8786
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
8787
+ padding-right: 21px;
8986
8788
  }
8987
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8988
- border-top-right-radius: 0;
8989
- border-bottom-right-radius: 0;
8789
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8790
+ padding: 0 11px;
8990
8791
  }
8991
- .ant-input-number-group-addon:first-child {
8992
- border-right: 0;
8792
+ /**
8793
+ * Do not merge `height` & `line-height` under style with `selection` & `search`,
8794
+ * since chrome may update to redesign with its align logic.
8795
+ */
8796
+ .ant-select-selection-overflow {
8797
+ position: relative;
8798
+ display: -webkit-box;
8799
+ display: -ms-flexbox;
8800
+ display: flex;
8801
+ -webkit-box-flex: 1;
8802
+ -ms-flex: auto;
8803
+ flex: auto;
8804
+ -ms-flex-wrap: wrap;
8805
+ flex-wrap: wrap;
8806
+ max-width: 100%;
8993
8807
  }
8994
- .ant-input-number-group-addon:last-child {
8995
- border-left: 0;
8808
+ .ant-select-selection-overflow-item {
8809
+ -webkit-box-flex: 0;
8810
+ -ms-flex: none;
8811
+ flex: none;
8812
+ -ms-flex-item-align: center;
8813
+ align-self: center;
8814
+ max-width: 100%;
8996
8815
  }
8997
- .ant-input-number-group > .ant-input-number:last-child,
8998
- .ant-input-number-group-addon:last-child {
8999
- border-top-left-radius: 0;
9000
- border-bottom-left-radius: 0;
8816
+ .ant-select-multiple .ant-select-selector {
8817
+ display: -webkit-box;
8818
+ display: -ms-flexbox;
8819
+ display: flex;
8820
+ -ms-flex-wrap: wrap;
8821
+ flex-wrap: wrap;
8822
+ -webkit-box-align: center;
8823
+ -ms-flex-align: center;
8824
+ align-items: center;
8825
+ padding: 1px 4px;
9001
8826
  }
9002
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
9003
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
9004
- border-top-left-radius: 0;
9005
- border-bottom-left-radius: 0;
8827
+ .ant-select-show-search.ant-select-multiple .ant-select-selector {
8828
+ cursor: text;
9006
8829
  }
9007
- .ant-input-number-group-lg .ant-input-number,
9008
- .ant-input-number-group-lg > .ant-input-number-group-addon {
9009
- padding: 6.5px 11px;
9010
- font-size: 16px;
8830
+ .ant-select-disabled.ant-select-multiple .ant-select-selector {
8831
+ background: #f5f5f5;
8832
+ cursor: not-allowed;
9011
8833
  }
9012
- .ant-input-number-group-sm .ant-input-number,
9013
- .ant-input-number-group-sm > .ant-input-number-group-addon {
9014
- padding: 0px 7px;
8834
+ .ant-select-multiple .ant-select-selector::after {
8835
+ display: inline-block;
8836
+ width: 0;
8837
+ margin: 2px 0;
8838
+ line-height: 24px;
8839
+ content: '\a0';
9015
8840
  }
9016
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
9017
- height: 40px;
8841
+ .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
8842
+ .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
8843
+ padding-right: 24px;
9018
8844
  }
9019
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8845
+ .ant-select-multiple .ant-select-selection-item {
8846
+ position: relative;
8847
+ display: -webkit-box;
8848
+ display: -ms-flexbox;
8849
+ display: flex;
8850
+ -webkit-box-flex: 0;
8851
+ -ms-flex: none;
8852
+ flex: none;
8853
+ -webkit-box-sizing: border-box;
8854
+ box-sizing: border-box;
8855
+ max-width: 100%;
9020
8856
  height: 24px;
8857
+ margin-top: 2px;
8858
+ margin-bottom: 2px;
8859
+ line-height: 22px;
8860
+ background: #f5f5f5;
8861
+ border: 1px solid #f0f0f0;
8862
+ border-radius: 2px;
8863
+ cursor: default;
8864
+ -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
8865
+ transition: font-size 0.3s, line-height 0.3s, height 0.3s;
8866
+ -webkit-user-select: none;
8867
+ -moz-user-select: none;
8868
+ -ms-user-select: none;
8869
+ user-select: none;
8870
+ -webkit-margin-end: 4px;
8871
+ margin-inline-end: 4px;
8872
+ -webkit-padding-start: 8px;
8873
+ padding-inline-start: 8px;
8874
+ -webkit-padding-end: 4px;
8875
+ padding-inline-end: 4px;
9021
8876
  }
9022
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
9023
- border-top-right-radius: 0;
9024
- border-bottom-right-radius: 0;
8877
+ .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
8878
+ color: #bfbfbf;
8879
+ border-color: #d9d9d9;
8880
+ cursor: not-allowed;
9025
8881
  }
9026
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
9027
- border-top-left-radius: 2px;
9028
- border-bottom-left-radius: 2px;
8882
+ .ant-select-multiple .ant-select-selection-item-content {
8883
+ display: inline-block;
8884
+ margin-right: 4px;
8885
+ overflow: hidden;
8886
+ white-space: pre;
8887
+ text-overflow: ellipsis;
9029
8888
  }
9030
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
9031
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
9032
- border-top-left-radius: 0;
9033
- border-bottom-left-radius: 0;
8889
+ .ant-select-multiple .ant-select-selection-item-remove {
8890
+ color: inherit;
8891
+ font-style: normal;
8892
+ line-height: 0;
8893
+ text-align: center;
8894
+ text-transform: none;
8895
+ vertical-align: -0.125em;
8896
+ text-rendering: optimizeLegibility;
8897
+ -webkit-font-smoothing: antialiased;
8898
+ -moz-osx-font-smoothing: grayscale;
8899
+ display: inline-block;
8900
+ color: rgba(0, 0, 0, 0.45);
8901
+ font-weight: bold;
8902
+ font-size: 10px;
8903
+ line-height: inherit;
8904
+ cursor: pointer;
9034
8905
  }
9035
- .ant-input-number-group.ant-input-number-group-compact {
8906
+ .ant-select-multiple .ant-select-selection-item-remove > * {
8907
+ line-height: 1;
8908
+ }
8909
+ .ant-select-multiple .ant-select-selection-item-remove svg {
8910
+ display: inline-block;
8911
+ }
8912
+ .ant-select-multiple .ant-select-selection-item-remove::before {
8913
+ display: none;
8914
+ }
8915
+ .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
9036
8916
  display: block;
9037
8917
  }
9038
- .ant-input-number-group.ant-input-number-group-compact::before {
9039
- display: table;
9040
- content: '';
8918
+ .ant-select-multiple .ant-select-selection-item-remove > .anticon {
8919
+ vertical-align: -0.2em;
9041
8920
  }
9042
- .ant-input-number-group.ant-input-number-group-compact::after {
9043
- display: table;
9044
- clear: both;
9045
- content: '';
8921
+ .ant-select-multiple .ant-select-selection-item-remove:hover {
8922
+ color: rgba(0, 0, 0, 0.75);
8923
+ }
8924
+ .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
8925
+ -webkit-margin-start: 0;
8926
+ margin-inline-start: 0;
8927
+ }
8928
+ .ant-select-multiple .ant-select-selection-search {
8929
+ position: relative;
8930
+ max-width: 100%;
8931
+ margin-top: 2px;
8932
+ margin-bottom: 2px;
8933
+ -webkit-margin-start: 7px;
8934
+ margin-inline-start: 7px;
9046
8935
  }
9047
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
9048
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
9049
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
9050
- border-right-width: 1px;
8936
+ .ant-select-multiple .ant-select-selection-search-input,
8937
+ .ant-select-multiple .ant-select-selection-search-mirror {
8938
+ height: 24px;
8939
+ 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';
8940
+ line-height: 24px;
8941
+ -webkit-transition: all 0.3s;
8942
+ transition: all 0.3s;
9051
8943
  }
9052
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
9053
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
9054
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
9055
- z-index: 1;
8944
+ .ant-select-multiple .ant-select-selection-search-input {
8945
+ width: 100%;
8946
+ min-width: 4.1px;
9056
8947
  }
9057
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
9058
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
9059
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
9060
- z-index: 1;
8948
+ .ant-select-multiple .ant-select-selection-search-mirror {
8949
+ position: absolute;
8950
+ top: 0;
8951
+ left: 0;
8952
+ z-index: 999;
8953
+ white-space: pre;
8954
+ visibility: hidden;
9061
8955
  }
9062
- .ant-input-number-group.ant-input-number-group-compact > * {
9063
- display: inline-block;
9064
- float: none;
9065
- vertical-align: top;
9066
- border-radius: 0;
8956
+ .ant-select-multiple .ant-select-selection-placeholder {
8957
+ position: absolute;
8958
+ top: 50%;
8959
+ right: 11px;
8960
+ left: 11px;
8961
+ -webkit-transform: translateY(-50%);
8962
+ transform: translateY(-50%);
8963
+ -webkit-transition: all 0.3s;
8964
+ transition: all 0.3s;
9067
8965
  }
9068
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
9069
- display: -webkit-inline-box;
9070
- display: -ms-inline-flexbox;
9071
- display: inline-flex;
8966
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
8967
+ line-height: 32px;
9072
8968
  }
9073
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
9074
- display: -webkit-inline-box;
9075
- display: -ms-inline-flexbox;
9076
- display: inline-flex;
8969
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8970
+ height: 32px;
8971
+ line-height: 30px;
9077
8972
  }
9078
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
9079
- margin-right: -1px;
9080
- border-right-width: 1px;
8973
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
8974
+ height: 32px;
8975
+ line-height: 32px;
9081
8976
  }
9082
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
9083
- float: none;
8977
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
8978
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
8979
+ height: 32px;
8980
+ line-height: 30px;
9084
8981
  }
9085
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
9086
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
9087
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
9088
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
9089
- border-right-width: 1px;
9090
- border-radius: 0;
8982
+ .ant-select-multiple.ant-select-sm .ant-select-selector::after {
8983
+ line-height: 16px;
9091
8984
  }
9092
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
9093
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
9094
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
9095
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
9096
- z-index: 1;
8985
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
8986
+ height: 16px;
8987
+ line-height: 14px;
9097
8988
  }
9098
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
9099
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
9100
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
9101
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
9102
- z-index: 1;
8989
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8990
+ height: 16px;
8991
+ line-height: 16px;
9103
8992
  }
9104
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
9105
- z-index: 1;
8993
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
8994
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
8995
+ height: 16px;
8996
+ line-height: 14px;
9106
8997
  }
9107
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
9108
- z-index: 1;
8998
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8999
+ left: 7px;
9109
9000
  }
9110
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
9111
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
9112
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
9113
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
9114
- border-top-left-radius: 2px;
9115
- border-bottom-left-radius: 2px;
9001
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
9002
+ -webkit-margin-start: 3px;
9003
+ margin-inline-start: 3px;
9116
9004
  }
9117
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
9118
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
9119
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
9120
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
9121
- border-right-width: 1px;
9122
- border-top-right-radius: 2px;
9123
- border-bottom-right-radius: 2px;
9005
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
9006
+ height: 32px;
9007
+ line-height: 32px;
9124
9008
  }
9125
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
9126
- vertical-align: top;
9009
+ .ant-select-disabled .ant-select-selection-item-remove {
9010
+ display: none;
9127
9011
  }
9128
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
9129
- margin-left: -1px;
9012
+ /* Reset search input style */
9013
+ .ant-select {
9014
+ -webkit-box-sizing: border-box;
9015
+ box-sizing: border-box;
9016
+ margin: 0;
9017
+ padding: 0;
9018
+ color: rgba(0, 0, 0, 0.85);
9019
+ font-size: 14px;
9020
+ font-variant: tabular-nums;
9021
+ line-height: 1.5715;
9022
+ list-style: none;
9023
+ -webkit-font-feature-settings: 'tnum';
9024
+ font-feature-settings: 'tnum';
9025
+ position: relative;
9026
+ display: inline-block;
9027
+ cursor: pointer;
9130
9028
  }
9131
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
9132
- border-radius: 0;
9029
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
9030
+ position: relative;
9031
+ background-color: #fff;
9032
+ border: 1px solid #d9d9d9;
9033
+ border-radius: 2px;
9034
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
9035
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
9133
9036
  }
9134
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
9135
- border-radius: 0;
9037
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9038
+ cursor: pointer;
9136
9039
  }
9137
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
9138
- border-radius: 2px 0 0 2px;
9040
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
9041
+ cursor: text;
9139
9042
  }
9140
- .ant-input-number-group > .ant-input-number-rtl:first-child,
9141
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
9142
- border-radius: 0 2px 2px 0;
9043
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9044
+ cursor: auto;
9143
9045
  }
9144
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
9145
- border-right: 1px solid #d9d9d9;
9146
- border-left: 0;
9046
+ .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
9047
+ border-color: #40a9ff;
9048
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
9049
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
9050
+ border-right-width: 1px !important;
9051
+ outline: 0;
9147
9052
  }
9148
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
9149
- border-right: 0;
9150
- border-left: 1px solid #d9d9d9;
9053
+ .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
9054
+ border-right-width: 0;
9055
+ border-left-width: 1px !important;
9151
9056
  }
9152
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
9153
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
9154
- border-radius: 2px 0 0 2px;
9057
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
9058
+ color: rgba(0, 0, 0, 0.25);
9059
+ background: #f5f5f5;
9060
+ cursor: not-allowed;
9155
9061
  }
9156
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
9157
- border-radius: 2px 0 0 2px;
9062
+ .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
9063
+ background: #f5f5f5;
9158
9064
  }
9159
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
9160
- border-radius: 0 2px 2px 0;
9065
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9066
+ cursor: not-allowed;
9161
9067
  }
9162
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
9163
- margin-right: 0;
9164
- margin-left: -1px;
9165
- border-left-width: 1px;
9068
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
9069
+ margin: 0;
9070
+ padding: 0;
9071
+ background: transparent;
9072
+ border: none;
9073
+ outline: none;
9074
+ -webkit-appearance: none;
9075
+ -moz-appearance: none;
9076
+ appearance: none;
9166
9077
  }
9167
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
9168
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
9169
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
9170
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
9171
- border-radius: 0 2px 2px 0;
9078
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
9079
+ display: none;
9080
+ /* stylelint-disable-next-line property-no-vendor-prefix */
9081
+ -webkit-appearance: none;
9172
9082
  }
9173
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
9174
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
9175
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
9176
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
9177
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
9178
- border-left-width: 1px;
9179
- border-radius: 2px 0 0 2px;
9083
+ .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
9084
+ border-color: #40a9ff;
9085
+ border-right-width: 1px !important;
9180
9086
  }
9181
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
9182
- margin-right: -1px;
9183
- margin-left: 0;
9087
+ .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
9088
+ border-right-width: 0;
9089
+ border-left-width: 1px !important;
9184
9090
  }
9185
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
9186
- border-radius: 0 2px 2px 0;
9091
+ .ant-select-selection-item {
9092
+ -webkit-box-flex: 1;
9093
+ -ms-flex: 1;
9094
+ flex: 1;
9095
+ overflow: hidden;
9096
+ font-weight: normal;
9097
+ white-space: nowrap;
9098
+ text-overflow: ellipsis;
9187
9099
  }
9188
- .ant-input-number-group-wrapper {
9189
- display: inline-block;
9190
- text-align: start;
9191
- vertical-align: top;
9100
+ @media all and (-ms-high-contrast: none) {
9101
+ .ant-select-selection-item *::-ms-backdrop,
9102
+ .ant-select-selection-item {
9103
+ -ms-flex: auto;
9104
+ flex: auto;
9105
+ }
9192
9106
  }
9193
- .ant-input-number-handler {
9194
- position: relative;
9195
- display: block;
9196
- width: 100%;
9197
- height: 50%;
9107
+ .ant-select-selection-placeholder {
9108
+ -webkit-box-flex: 1;
9109
+ -ms-flex: 1;
9110
+ flex: 1;
9198
9111
  overflow: hidden;
9199
- color: rgba(0, 0, 0, 0.45);
9200
- font-weight: bold;
9201
- line-height: 0;
9202
- text-align: center;
9203
- border-left: 1px solid #d9d9d9;
9204
- -webkit-transition: all 0.1s linear;
9205
- transition: all 0.1s linear;
9206
- }
9207
- .ant-input-number-handler:active {
9208
- background: #f4f4f4;
9112
+ color: #bfbfbf;
9113
+ white-space: nowrap;
9114
+ text-overflow: ellipsis;
9115
+ pointer-events: none;
9209
9116
  }
9210
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
9211
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
9212
- color: #40a9ff;
9117
+ @media all and (-ms-high-contrast: none) {
9118
+ .ant-select-selection-placeholder *::-ms-backdrop,
9119
+ .ant-select-selection-placeholder {
9120
+ -ms-flex: auto;
9121
+ flex: auto;
9122
+ }
9213
9123
  }
9214
- .ant-input-number-handler-up-inner,
9215
- .ant-input-number-handler-down-inner {
9124
+ .ant-select-arrow {
9216
9125
  display: inline-block;
9217
9126
  color: inherit;
9218
9127
  font-style: normal;
9219
9128
  line-height: 0;
9220
- text-align: center;
9221
9129
  text-transform: none;
9222
9130
  vertical-align: -0.125em;
9223
9131
  text-rendering: optimizeLegibility;
9224
9132
  -webkit-font-smoothing: antialiased;
9225
9133
  -moz-osx-font-smoothing: grayscale;
9226
9134
  position: absolute;
9227
- right: 4px;
9135
+ top: 50%;
9136
+ right: 11px;
9228
9137
  width: 12px;
9229
9138
  height: 12px;
9230
- color: rgba(0, 0, 0, 0.45);
9231
- line-height: 12px;
9232
- -webkit-transition: all 0.1s linear;
9233
- transition: all 0.1s linear;
9234
- -webkit-user-select: none;
9235
- -moz-user-select: none;
9236
- -ms-user-select: none;
9237
- user-select: none;
9139
+ margin-top: -6px;
9140
+ color: rgba(0, 0, 0, 0.25);
9141
+ font-size: 12px;
9142
+ line-height: 1;
9143
+ text-align: center;
9144
+ pointer-events: none;
9238
9145
  }
9239
- .ant-input-number-handler-up-inner > *,
9240
- .ant-input-number-handler-down-inner > * {
9146
+ .ant-select-arrow > * {
9241
9147
  line-height: 1;
9242
9148
  }
9243
- .ant-input-number-handler-up-inner svg,
9244
- .ant-input-number-handler-down-inner svg {
9149
+ .ant-select-arrow svg {
9245
9150
  display: inline-block;
9246
9151
  }
9247
- .ant-input-number-handler-up-inner::before,
9248
- .ant-input-number-handler-down-inner::before {
9152
+ .ant-select-arrow::before {
9249
9153
  display: none;
9250
9154
  }
9251
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
9252
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
9253
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
9254
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
9155
+ .ant-select-arrow .ant-select-arrow-icon {
9255
9156
  display: block;
9256
9157
  }
9257
- .ant-input-number:hover {
9258
- border-color: #40a9ff;
9259
- border-right-width: 1px !important;
9158
+ .ant-select-arrow .anticon {
9159
+ vertical-align: top;
9160
+ -webkit-transition: -webkit-transform 0.3s;
9161
+ transition: -webkit-transform 0.3s;
9162
+ transition: transform 0.3s;
9163
+ transition: transform 0.3s, -webkit-transform 0.3s;
9260
9164
  }
9261
- .ant-input-number:hover + .ant-form-item-children-icon {
9165
+ .ant-select-arrow .anticon > svg {
9166
+ vertical-align: top;
9167
+ }
9168
+ .ant-select-arrow .anticon:not(.ant-select-suffix) {
9169
+ pointer-events: auto;
9170
+ }
9171
+ .ant-select-disabled .ant-select-arrow {
9172
+ cursor: not-allowed;
9173
+ }
9174
+ .ant-select-clear {
9175
+ position: absolute;
9176
+ top: 50%;
9177
+ right: 11px;
9178
+ z-index: 1;
9179
+ display: inline-block;
9180
+ width: 12px;
9181
+ height: 12px;
9182
+ margin-top: -6px;
9183
+ color: rgba(0, 0, 0, 0.25);
9184
+ font-size: 12px;
9185
+ font-style: normal;
9186
+ line-height: 1;
9187
+ text-align: center;
9188
+ text-transform: none;
9189
+ background: #fff;
9190
+ cursor: pointer;
9262
9191
  opacity: 0;
9263
- -webkit-transition: opacity 0.24s linear 0.24s;
9264
- transition: opacity 0.24s linear 0.24s;
9192
+ -webkit-transition: color 0.3s ease, opacity 0.15s ease;
9193
+ transition: color 0.3s ease, opacity 0.15s ease;
9194
+ text-rendering: auto;
9265
9195
  }
9266
- .ant-input-number-focused {
9267
- border-color: #40a9ff;
9268
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
9269
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
9270
- border-right-width: 1px !important;
9271
- outline: 0;
9196
+ .ant-select-clear::before {
9197
+ display: block;
9272
9198
  }
9273
- .ant-input-rtl .ant-input-number-focused {
9274
- border-right-width: 0;
9275
- border-left-width: 1px !important;
9199
+ .ant-select-clear:hover {
9200
+ color: rgba(0, 0, 0, 0.45);
9276
9201
  }
9277
- .ant-input-number-disabled {
9202
+ .ant-select:hover .ant-select-clear {
9203
+ opacity: 1;
9204
+ }
9205
+ .ant-select-dropdown {
9206
+ margin: 0;
9207
+ padding: 0;
9208
+ color: rgba(0, 0, 0, 0.85);
9209
+ font-variant: tabular-nums;
9210
+ line-height: 1.5715;
9211
+ list-style: none;
9212
+ -webkit-font-feature-settings: 'tnum';
9213
+ font-feature-settings: 'tnum';
9214
+ position: absolute;
9215
+ top: -9999px;
9216
+ left: -9999px;
9217
+ z-index: 1050;
9218
+ -webkit-box-sizing: border-box;
9219
+ box-sizing: border-box;
9220
+ padding: 4px 0;
9221
+ overflow: hidden;
9222
+ font-size: 14px;
9223
+ font-variant: initial;
9224
+ background-color: #fff;
9225
+ border-radius: 2px;
9226
+ outline: none;
9227
+ -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);
9228
+ 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);
9229
+ }
9230
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
9231
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
9232
+ -webkit-animation-name: antSlideUpIn;
9233
+ animation-name: antSlideUpIn;
9234
+ }
9235
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
9236
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
9237
+ -webkit-animation-name: antSlideDownIn;
9238
+ animation-name: antSlideDownIn;
9239
+ }
9240
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
9241
+ -webkit-animation-name: antSlideUpOut;
9242
+ animation-name: antSlideUpOut;
9243
+ }
9244
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
9245
+ -webkit-animation-name: antSlideDownOut;
9246
+ animation-name: antSlideDownOut;
9247
+ }
9248
+ .ant-select-dropdown-hidden {
9249
+ display: none;
9250
+ }
9251
+ .ant-select-dropdown-empty {
9252
+ color: rgba(0, 0, 0, 0.25);
9253
+ }
9254
+ .ant-select-item-empty {
9255
+ position: relative;
9256
+ display: block;
9257
+ min-height: 32px;
9258
+ padding: 5px 12px;
9259
+ color: rgba(0, 0, 0, 0.85);
9260
+ font-weight: normal;
9261
+ font-size: 14px;
9262
+ line-height: 22px;
9278
9263
  color: rgba(0, 0, 0, 0.25);
9264
+ }
9265
+ .ant-select-item {
9266
+ position: relative;
9267
+ display: block;
9268
+ min-height: 32px;
9269
+ padding: 5px 12px;
9270
+ color: rgba(0, 0, 0, 0.85);
9271
+ font-weight: normal;
9272
+ font-size: 14px;
9273
+ line-height: 22px;
9274
+ cursor: pointer;
9275
+ -webkit-transition: background 0.3s ease;
9276
+ transition: background 0.3s ease;
9277
+ }
9278
+ .ant-select-item-group {
9279
+ color: rgba(0, 0, 0, 0.45);
9280
+ font-size: 12px;
9281
+ cursor: default;
9282
+ }
9283
+ .ant-select-item-option {
9284
+ display: -webkit-box;
9285
+ display: -ms-flexbox;
9286
+ display: flex;
9287
+ }
9288
+ .ant-select-item-option-content {
9289
+ -webkit-box-flex: 1;
9290
+ -ms-flex: auto;
9291
+ flex: auto;
9292
+ overflow: hidden;
9293
+ white-space: nowrap;
9294
+ text-overflow: ellipsis;
9295
+ }
9296
+ .ant-select-item-option-state {
9297
+ -webkit-box-flex: 0;
9298
+ -ms-flex: none;
9299
+ flex: none;
9300
+ }
9301
+ .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
9279
9302
  background-color: #f5f5f5;
9280
- border-color: #d9d9d9;
9281
- -webkit-box-shadow: none;
9282
- box-shadow: none;
9283
- cursor: not-allowed;
9284
- opacity: 1;
9285
9303
  }
9286
- .ant-input-number-disabled:hover {
9287
- border-color: #d9d9d9;
9288
- border-right-width: 1px !important;
9304
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
9305
+ color: rgba(0, 0, 0, 0.85);
9306
+ font-weight: 600;
9307
+ background-color: #e6f7ff;
9289
9308
  }
9290
- .ant-input-number-disabled .ant-input-number-input {
9309
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
9310
+ color: #1890ff;
9311
+ }
9312
+ .ant-select-item-option-disabled {
9313
+ color: rgba(0, 0, 0, 0.25);
9291
9314
  cursor: not-allowed;
9292
9315
  }
9293
- .ant-input-number-disabled .ant-input-number-handler-wrap {
9294
- display: none;
9316
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
9317
+ background-color: #f5f5f5;
9295
9318
  }
9296
- .ant-input-number-readonly .ant-input-number-handler-wrap {
9297
- display: none;
9319
+ .ant-select-item-option-grouped {
9320
+ padding-left: 24px;
9321
+ }
9322
+ .ant-select-lg {
9323
+ font-size: 16px;
9324
+ }
9325
+ .ant-select-borderless .ant-select-selector {
9326
+ background-color: transparent !important;
9327
+ border-color: transparent !important;
9328
+ -webkit-box-shadow: none !important;
9329
+ box-shadow: none !important;
9298
9330
  }
9299
- .ant-input-number-input {
9300
- width: 100%;
9301
- height: 30px;
9302
- padding: 0 11px;
9303
- text-align: left;
9304
- background-color: transparent;
9305
- border: 0;
9306
- border-radius: 2px;
9307
- outline: 0;
9308
- -webkit-transition: all 0.3s linear;
9309
- transition: all 0.3s linear;
9310
- -webkit-appearance: textfield !important;
9311
- -moz-appearance: textfield !important;
9312
- appearance: textfield !important;
9313
- /* stylelint-disable-next-line selector-no-vendor-prefix */
9331
+ .ant-select-rtl {
9332
+ direction: rtl;
9314
9333
  }
9315
- .ant-input-number-input::-moz-placeholder {
9316
- opacity: 1;
9334
+ .ant-select-rtl .ant-select-arrow {
9335
+ right: initial;
9336
+ left: 11px;
9317
9337
  }
9318
- .ant-input-number-input::-webkit-input-placeholder {
9319
- color: #bfbfbf;
9320
- -webkit-user-select: none;
9321
- user-select: none;
9338
+ .ant-select-rtl .ant-select-clear {
9339
+ right: initial;
9340
+ left: 11px;
9322
9341
  }
9323
- .ant-input-number-input::-ms-input-placeholder {
9324
- color: #bfbfbf;
9325
- -ms-user-select: none;
9326
- user-select: none;
9342
+ .ant-select-dropdown-rtl {
9343
+ direction: rtl;
9327
9344
  }
9328
- .ant-input-number-input::placeholder {
9329
- color: #bfbfbf;
9330
- -webkit-user-select: none;
9331
- -moz-user-select: none;
9332
- -ms-user-select: none;
9333
- user-select: none;
9345
+ .ant-select-dropdown-rtl .ant-select-item-option-grouped {
9346
+ padding-right: 24px;
9347
+ padding-left: 12px;
9334
9348
  }
9335
- .ant-input-number-input:placeholder-shown {
9336
- text-overflow: ellipsis;
9349
+ .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
9350
+ .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
9351
+ padding-right: 4px;
9352
+ padding-left: 24px;
9337
9353
  }
9338
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
9339
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
9340
- margin: 0;
9341
- /* stylelint-disable-next-line property-no-vendor-prefix */
9342
- -webkit-appearance: none;
9343
- appearance: none;
9354
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
9355
+ text-align: right;
9344
9356
  }
9345
- .ant-input-number-lg {
9346
- padding: 0;
9347
- font-size: 16px;
9357
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
9358
+ margin-right: 0;
9359
+ margin-left: 4px;
9360
+ text-align: right;
9348
9361
  }
9349
- .ant-input-number-lg input {
9350
- height: 38px;
9362
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
9363
+ right: 0;
9364
+ left: auto;
9351
9365
  }
9352
- .ant-input-number-sm {
9353
- padding: 0;
9366
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
9367
+ right: 11px;
9368
+ left: auto;
9354
9369
  }
9355
- .ant-input-number-sm input {
9356
- height: 22px;
9357
- padding: 0 7px;
9370
+ .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
9371
+ right: 7px;
9358
9372
  }
9359
- .ant-input-number-handler-wrap {
9360
- position: absolute;
9361
- top: 0;
9373
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
9374
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
9362
9375
  right: 0;
9363
- width: 22px;
9364
- height: 100%;
9365
- background: #fff;
9366
- border-radius: 0 2px 2px 0;
9367
- opacity: 0;
9368
- -webkit-transition: opacity 0.24s linear 0.1s;
9369
- transition: opacity 0.24s linear 0.1s;
9376
+ left: 9px;
9377
+ text-align: right;
9370
9378
  }
9371
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
9372
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
9373
- display: -webkit-box;
9374
- display: -ms-flexbox;
9375
- display: flex;
9376
- -webkit-box-align: center;
9377
- -ms-flex-align: center;
9378
- align-items: center;
9379
- -webkit-box-pack: center;
9380
- -ms-flex-pack: center;
9381
- justify-content: center;
9382
- min-width: auto;
9383
- margin-right: 0;
9384
- font-size: 7px;
9379
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
9380
+ right: 11px;
9381
+ left: 25px;
9385
9382
  }
9386
- .ant-input-number-borderless .ant-input-number-handler-wrap {
9387
- border-left-width: 0;
9383
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
9384
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
9385
+ padding-right: 0;
9386
+ padding-left: 18px;
9388
9387
  }
9389
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
9390
- height: 40%;
9388
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
9389
+ right: 6px;
9391
9390
  }
9392
- .ant-input-number:hover .ant-input-number-handler-wrap,
9393
- .ant-input-number-focused .ant-input-number-handler-wrap {
9394
- opacity: 1;
9391
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
9392
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
9393
+ padding-right: 0;
9394
+ padding-left: 21px;
9395
9395
  }
9396
- .ant-input-number-handler-up {
9397
- border-top-right-radius: 2px;
9398
- cursor: pointer;
9396
+ .pandora-sdk-selector {
9397
+ width: 100%;
9398
+ color: #333;
9399
9399
  }
9400
- .ant-input-number-handler-up-inner {
9401
- top: 50%;
9402
- margin-top: -5px;
9403
- text-align: center;
9400
+ .pandora-sdk-selector .ant-select-selection {
9401
+ background: #fff;
9404
9402
  }
9405
- .ant-input-number-handler-up:hover {
9406
- height: 60% !important;
9403
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9404
+ opacity: 0;
9407
9405
  }
9408
- .ant-input-number-handler-down {
9409
- top: 0;
9410
- border-top: 1px solid #d9d9d9;
9411
- border-bottom-right-radius: 2px;
9412
- cursor: pointer;
9406
+ .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9407
+ color: #666;
9408
+ background: #f5f5f5;
9409
+ border: none;
9413
9410
  }
9414
- .ant-input-number-handler-down-inner {
9415
- top: 50%;
9416
- text-align: center;
9417
- -webkit-transform: translateY(-50%);
9418
- transform: translateY(-50%);
9411
+ .pandora-sdk-selector .ant-select-selection-item-remove {
9412
+ color: #d9d9d9;
9419
9413
  }
9420
- .ant-input-number-handler-down:hover {
9421
- height: 60% !important;
9414
+ .pandora-sdk-selector .ant-select-selection--single {
9415
+ height: 32px;
9422
9416
  }
9423
- .ant-input-number-borderless .ant-input-number-handler-down {
9424
- border-top-width: 0;
9417
+ .pandora-sdk-selector .ant-select-selection__rendered {
9418
+ line-height: 30px;
9425
9419
  }
9426
- .ant-input-number-handler-up-disabled,
9427
- .ant-input-number-handler-down-disabled {
9428
- cursor: not-allowed;
9420
+ .pandora-sdk-selector .ant-select-selection__clear {
9421
+ background: #fff;
9422
+ color: #666;
9429
9423
  }
9430
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
9431
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
9432
- color: rgba(0, 0, 0, 0.25);
9424
+ .pandora-sdk-selector .ant-select-selection__clear i {
9425
+ color: inherit;
9433
9426
  }
9434
- .ant-input-number-borderless {
9435
- -webkit-box-shadow: none;
9436
- box-shadow: none;
9427
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9428
+ margin: 0;
9437
9429
  }
9438
- .ant-input-number-out-of-range input {
9439
- color: #ff4d4f;
9430
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9431
+ -webkit-appearance: none;
9440
9432
  }
9441
- .ant-input-number-rtl {
9442
- direction: rtl;
9433
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9434
+ width: 6px;
9443
9435
  }
9444
- .ant-input-number-rtl .ant-input-number-handler {
9445
- border-right: 1px solid #d9d9d9;
9446
- border-left: 0;
9436
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9437
+ height: 6px;
9447
9438
  }
9448
- .ant-input-number-rtl .ant-input-number-handler-wrap {
9449
- right: auto;
9450
- left: 0;
9439
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
9440
+ border-radius: 100px;
9441
+ background-color: rgba(35, 44, 59, 0.3);
9451
9442
  }
9452
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
9453
- border-right-width: 0;
9443
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9444
+ background: rgba(35, 44, 59, 0.6);
9454
9445
  }
9455
- .ant-input-number-rtl .ant-input-number-handler-up {
9456
- border-top-right-radius: 0;
9446
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9447
+ background-color: transparent;
9448
+ border-radius: 100px;
9457
9449
  }
9458
- .ant-input-number-rtl .ant-input-number-handler-down {
9459
- border-bottom-right-radius: 0;
9450
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9451
+ background: transparent;
9460
9452
  }
9461
- .ant-input-number-rtl .ant-input-number-input {
9462
- direction: ltr;
9463
- text-align: right;
9453
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9454
+ color: #d9d9d9;
9464
9455
  }
9465
- .pandora-sdk-range-input {
9466
- position: relative;
9456
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9457
+ color: #2c6dd2;
9458
+ font-weight: 400;
9467
9459
  }
9468
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
9469
- display: inline-block;
9470
- width: 40px;
9471
- line-height: 40px;
9472
- text-align: center;
9460
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9461
+ color: #2c6dd2;
9473
9462
  }
9474
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
9475
- width: calc(50% - 20px);
9476
- text-align: center;
9463
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
9464
+ color: #d9d9d9;
9465
+ }
9466
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9477
9467
  display: inline-block;
9468
+ min-width: 100%;
9478
9469
  }
9479
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
9480
- color: #ff4d4f;
9481
- line-height: 24px;
9482
- font-size: 12px;
9470
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9471
+ overflow: unset;
9472
+ text-overflow: unset;
9473
+ }
9474
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9475
+ color: #2c6dd2;
9476
+ cursor: default;
9477
+ }
9478
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
9479
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
9480
+ content: none;
9483
9481
  }
9484
- .pandora-sdk-range-input .ant-input-number {
9485
- width: 100%;
9482
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9483
+ color: #2c6dd2;
9486
9484
  }
9487
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
9488
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
9489
- -webkit-appearance: none;
9485
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9486
+ color: #2c6dd2;
9490
9487
  }
9491
- .pandora-sdk-range-input input[type='number'] {
9492
- -moz-appearance: textfield;
9488
+ .pandora-sdk-selector-create-lint {
9489
+ display: block;
9490
+ }
9491
+ .pandora-sdk-close-icon {
9492
+ color: #d9d9d9;
9493
9493
  }
9494
9494
  .ant-spin {
9495
9495
  -webkit-box-sizing: border-box;
@@ -10533,32 +10533,6 @@ textarea.ant-input-number {
10533
10533
  .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
10534
10534
  color: inherit;
10535
10535
  }
10536
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
10537
- position: relative;
10538
- }
10539
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
10540
- opacity: 1;
10541
- pointer-events: auto;
10542
- }
10543
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
10544
- margin-right: 0;
10545
- }
10546
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
10547
- margin-left: 8px;
10548
- font-size: 12px;
10549
- color: #d9d9d9;
10550
- -webkit-transition: color 0.5s, opacity 0.2s;
10551
- transition: color 0.5s, opacity 0.2s;
10552
- pointer-events: none;
10553
- opacity: 0;
10554
- position: absolute;
10555
- top: 50%;
10556
- -webkit-transform: translateY(-50%);
10557
- transform: translateY(-50%);
10558
- }
10559
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
10560
- color: #2c6dd2;
10561
- }
10562
10536
  .ant-table.ant-table-middle {
10563
10537
  font-size: 14px;
10564
10538
  }
@@ -12295,26 +12269,31 @@ textarea.ant-pagination-options-quick-jumper input {
12295
12269
  position: absolute;
12296
12270
  right: 12px;
12297
12271
  }
12298
- .pandora-sdk-timeline-container {
12299
- list-style: none;
12300
- margin: 0;
12301
- line-height: 1.5;
12302
- font-size: 14px;
12303
- color: rgba(0, 0, 0, 0.65);
12304
- -webkit-box-sizing: border-box;
12305
- box-sizing: border-box;
12306
- padding: 0;
12272
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12273
+ position: relative;
12307
12274
  }
12308
- .pandora-sdk-timeline-container .pandora-sdk-icon {
12309
- margin: 0 8px;
12310
- color: inherit;
12311
- vertical-align: middle;
12312
- font-size: 14px;
12313
- -webkit-transition: 0.3s;
12314
- transition: 0.3s;
12275
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12276
+ opacity: 1;
12277
+ pointer-events: auto;
12315
12278
  }
12316
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12317
- color: #7a869a;
12279
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12280
+ margin-right: 0;
12281
+ }
12282
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12283
+ margin-left: 8px;
12284
+ font-size: 12px;
12285
+ color: #d9d9d9;
12286
+ -webkit-transition: color 0.5s, opacity 0.2s;
12287
+ transition: color 0.5s, opacity 0.2s;
12288
+ pointer-events: none;
12289
+ opacity: 0;
12290
+ position: absolute;
12291
+ top: 50%;
12292
+ -webkit-transform: translateY(-50%);
12293
+ transform: translateY(-50%);
12294
+ }
12295
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12296
+ color: #2c6dd2;
12318
12297
  }
12319
12298
  .ant-tag {
12320
12299
  -webkit-box-sizing: border-box;
@@ -12583,6 +12562,27 @@ textarea.ant-pagination-options-quick-jumper input {
12583
12562
  .pandora-sdk-popover > div {
12584
12563
  margin: 4px;
12585
12564
  }
12565
+ .pandora-sdk-timeline-container {
12566
+ list-style: none;
12567
+ margin: 0;
12568
+ line-height: 1.5;
12569
+ font-size: 14px;
12570
+ color: rgba(0, 0, 0, 0.65);
12571
+ -webkit-box-sizing: border-box;
12572
+ box-sizing: border-box;
12573
+ padding: 0;
12574
+ }
12575
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
12576
+ margin: 0 8px;
12577
+ color: inherit;
12578
+ vertical-align: middle;
12579
+ font-size: 14px;
12580
+ -webkit-transition: 0.3s;
12581
+ transition: 0.3s;
12582
+ }
12583
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12584
+ color: #7a869a;
12585
+ }
12586
12586
  .pandora-sdk-transfer-container {
12587
12587
  display: -webkit-box;
12588
12588
  display: -ms-flexbox;
@@ -20413,18 +20413,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20413
20413
  .pandora-sdk-modal-close-icon:hover {
20414
20414
  background: #f4f5f6;
20415
20415
  }
20416
- .pandora-sdk-popover-inline-list {
20417
- display: inline-block;
20418
- vertical-align: middle;
20419
- }
20420
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20421
- display: inline-block;
20422
- height: 100%;
20423
- margin-right: 12px;
20424
- }
20425
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20426
- color: #2c6dd2;
20427
- }
20428
20416
  .pandora-sdk-item {
20429
20417
  color: #2c6dd2;
20430
20418
  cursor: pointer;
@@ -20447,6 +20435,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20447
20435
  color: inherit;
20448
20436
  cursor: inherit;
20449
20437
  }
20438
+ .pandora-sdk-popover-inline-list {
20439
+ display: inline-block;
20440
+ vertical-align: middle;
20441
+ }
20442
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20443
+ display: inline-block;
20444
+ height: 100%;
20445
+ margin-right: 12px;
20446
+ }
20447
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20448
+ color: #2c6dd2;
20449
+ }
20450
20450
  .pandora-sdk-popover-item {
20451
20451
  display: inline-block;
20452
20452
  line-height: 18px;
@@ -20628,6 +20628,32 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20628
20628
  .pandora-sdk-root.pandora-sdk-grey {
20629
20629
  background: #ebecf0;
20630
20630
  }
20631
+ .pandora-sdk-switch {
20632
+ display: inline-block;
20633
+ margin: 4px;
20634
+ padding: 8px;
20635
+ border-radius: 100px;
20636
+ line-height: 1;
20637
+ font-size: 16px;
20638
+ color: #7a869a;
20639
+ background: #ebecf0;
20640
+ cursor: pointer;
20641
+ }
20642
+ .pandora-sdk-switch.pandora-sdk-active {
20643
+ color: #d9d9d9;
20644
+ }
20645
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20646
+ background: #2c6dd2;
20647
+ }
20648
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20649
+ background: #52c41a;
20650
+ }
20651
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20652
+ background: #faad14;
20653
+ }
20654
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20655
+ background: #03a9f4;
20656
+ }
20631
20657
  .pandora-sdk-timeline-item {
20632
20658
  font-size: 14px;
20633
20659
  list-style: none;
@@ -20672,31 +20698,20 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20672
20698
  font-size: 14px;
20673
20699
  color: #333;
20674
20700
  }
20675
- .pandora-sdk-switch {
20676
- display: inline-block;
20677
- margin: 4px;
20678
- padding: 8px;
20679
- border-radius: 100px;
20680
- line-height: 1;
20681
- font-size: 16px;
20682
- color: #7a869a;
20683
- background: #ebecf0;
20684
- cursor: pointer;
20685
- }
20686
- .pandora-sdk-switch.pandora-sdk-active {
20687
- color: #d9d9d9;
20701
+ .pandora-sdk-transfer-list {
20702
+ overflow: hidden;
20688
20703
  }
20689
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20690
- background: #2c6dd2;
20704
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20705
+ margin-bottom: 10px;
20691
20706
  }
20692
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20693
- background: #52c41a;
20707
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20708
+ margin-bottom: 10px;
20694
20709
  }
20695
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20696
- background: #faad14;
20710
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20711
+ margin-bottom: 10px;
20697
20712
  }
20698
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20699
- background: #03a9f4;
20713
+ .pandora-sdk-search-icon {
20714
+ color: inherit;
20700
20715
  }
20701
20716
  .pandora-sdk-transfer-list-body {
20702
20717
  height: 300px;
@@ -20714,49 +20729,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20714
20729
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20715
20730
  margin-bottom: 10px;
20716
20731
  }
20717
- .pandora-sdk-transfer-list {
20718
- overflow: hidden;
20719
- }
20720
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20721
- margin-bottom: 10px;
20722
- }
20723
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20724
- margin-bottom: 10px;
20725
- }
20726
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20727
- margin-bottom: 10px;
20728
- }
20729
- .pandora-sdk-search-icon {
20730
- color: inherit;
20731
- }
20732
- .pandora-sdk-panel-title {
20733
- display: -webkit-box;
20734
- display: -ms-flexbox;
20735
- display: flex;
20736
- -webkit-box-pack: justify;
20737
- -ms-flex-pack: justify;
20738
- justify-content: space-between;
20739
- font-size: 12px;
20740
- color: #42526e;
20741
- cursor: pointer;
20742
- padding-bottom: 16px;
20743
- border-bottom: 1px solid #d9d9d9;
20744
- }
20745
- .pandora-sdk-panel-title .icon {
20746
- font-size: 14px;
20747
- }
20748
- .pandora-sdk-panel-content {
20749
- padding: 20px 0 0 0;
20750
- }
20751
- .pandora-sdk-panel-hidden {
20752
- display: none;
20753
- }
20754
- .pandora-sdk-panel {
20755
- margin-bottom: 20px;
20756
- }
20757
- .pandora-sdk-panel-disable {
20758
- cursor: default;
20759
- }
20760
20732
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
20761
20733
  display: -webkit-box;
20762
20734
  display: -ms-flexbox;
@@ -20793,3 +20765,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20793
20765
  border-radius: 2px;
20794
20766
  border: 2px solid #939393;
20795
20767
  }
20768
+ .pandora-sdk-panel-title {
20769
+ display: -webkit-box;
20770
+ display: -ms-flexbox;
20771
+ display: flex;
20772
+ -webkit-box-pack: justify;
20773
+ -ms-flex-pack: justify;
20774
+ justify-content: space-between;
20775
+ font-size: 12px;
20776
+ color: #42526e;
20777
+ cursor: pointer;
20778
+ padding-bottom: 16px;
20779
+ border-bottom: 1px solid #d9d9d9;
20780
+ }
20781
+ .pandora-sdk-panel-title .icon {
20782
+ font-size: 14px;
20783
+ }
20784
+ .pandora-sdk-panel-content {
20785
+ padding: 20px 0 0 0;
20786
+ }
20787
+ .pandora-sdk-panel-hidden {
20788
+ display: none;
20789
+ }
20790
+ .pandora-sdk-panel {
20791
+ margin-bottom: 20px;
20792
+ }
20793
+ .pandora-sdk-panel-disable {
20794
+ cursor: default;
20795
+ }