@qn-pandora/pandora-component 4.3.1 → 4.3.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. package/CHANGELOG.json +17 -0
  2. package/CHANGELOG.md +51 -20
  3. package/es/components/NameLimiter/index.d.ts +3 -1
  4. package/es/components/NameLimiter/index.js +2 -2
  5. package/es/index.css +2075 -2075
  6. package/es/index.less +14 -14
  7. package/es/style/theme.less +3 -1
  8. package/lib/components/NameLimiter/index.d.ts +3 -1
  9. package/lib/components/NameLimiter/index.js +2 -2
  10. package/lib/index.css +6439 -6439
  11. package/lib/index.less +17 -17
  12. package/lib/style/theme.less +3 -1
  13. package/package.json +2 -2
package/es/index.css CHANGED
@@ -3086,120 +3086,6 @@ 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
- }
3203
3089
  @-webkit-keyframes antCheckboxEffect {
3204
3090
  0% {
3205
3091
  -webkit-transform: scale(1);
@@ -3450,6 +3336,123 @@ a.ant-btn-sm {
3450
3336
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3451
3337
  margin-left: 8px;
3452
3338
  }
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
+ }
3453
3456
  .ant-input-affix-wrapper {
3454
3457
  position: relative;
3455
3458
  display: inline-block;
@@ -4267,9 +4270,6 @@ textarea.ant-input {
4267
4270
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4268
4271
  line-height: 40px;
4269
4272
  }
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,25 +4278,81 @@ textarea.ant-input {
4278
4278
  margin-left: 0;
4279
4279
  line-height: 25px;
4280
4280
  }
4281
- .ant-collapse {
4282
- -webkit-box-sizing: border-box;
4283
- box-sizing: border-box;
4284
- margin: 0;
4285
- padding: 0;
4281
+ .pandora-sdk-collapsible-panel > .panel-header {
4282
+ position: relative;
4283
+ padding: 12px 16px 12px 40px;
4284
+ cursor: pointer;
4286
4285
  color: rgba(0, 0, 0, 0.85);
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;
4286
+ background-color: #f4f5f7;
4294
4287
  border: 1px solid #d9d9d9;
4295
- border-bottom: 0;
4296
- border-radius: 2px;
4297
- }
4298
- .ant-collapse > .ant-collapse-item {
4299
- border-bottom: 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;
4353
+ }
4354
+ .ant-collapse > .ant-collapse-item {
4355
+ border-bottom: 1px solid #d9d9d9;
4300
4356
  }
4301
4357
  .ant-collapse > .ant-collapse-item:last-child,
4302
4358
  .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
@@ -4483,62 +4539,6 @@ textarea.ant-input {
4483
4539
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4484
4540
  border: none;
4485
4541
  }
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,6 +4857,16 @@ 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
+ }
4860
4870
  .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
4861
4871
  padding: 0;
4862
4872
  }
@@ -4869,16 +4879,6 @@ textarea.ant-input {
4869
4879
  .pandora-sdk-datetime-pick-popover {
4870
4880
  width: 650px;
4871
4881
  }
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-tooltip {
7248
+ .ant-radio-group {
7249
7249
  -webkit-box-sizing: border-box;
7250
7250
  box-sizing: border-box;
7251
7251
  margin: 0;
@@ -7257,317 +7257,396 @@ textarea.ant-input {
7257
7257
  list-style: none;
7258
7258
  -webkit-font-feature-settings: 'tnum';
7259
7259
  font-feature-settings: 'tnum';
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;
7260
+ display: inline-block;
7261
+ font-size: 0;
7268
7262
  }
7269
- .ant-tooltip-hidden {
7270
- display: none;
7263
+ .ant-radio-group .ant-badge-count {
7264
+ z-index: 1;
7271
7265
  }
7272
- .ant-tooltip-placement-top,
7273
- .ant-tooltip-placement-topLeft,
7274
- .ant-tooltip-placement-topRight {
7275
- padding-bottom: 8px;
7266
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7267
+ border-left: none;
7276
7268
  }
7277
- .ant-tooltip-placement-right,
7278
- .ant-tooltip-placement-rightTop,
7279
- .ant-tooltip-placement-rightBottom {
7280
- padding-left: 8px;
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;
7281
7290
  }
7282
- .ant-tooltip-placement-bottom,
7283
- .ant-tooltip-placement-bottomLeft,
7284
- .ant-tooltip-placement-bottomRight {
7285
- padding-top: 8px;
7291
+ .ant-radio-wrapper::after {
7292
+ display: inline-block;
7293
+ width: 0;
7294
+ overflow: hidden;
7295
+ content: '\a0';
7286
7296
  }
7287
- .ant-tooltip-placement-left,
7288
- .ant-tooltip-placement-leftTop,
7289
- .ant-tooltip-placement-leftBottom {
7290
- padding-right: 8px;
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;
7291
7314
  }
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);
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;
7304
7319
  }
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;
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;
7313
7323
  }
7314
- .ant-tooltip-arrow-content {
7324
+ .ant-radio-checked::after {
7315
7325
  position: absolute;
7316
7326
  top: 0;
7317
- right: 0;
7318
- bottom: 0;
7319
7327
  left: 0;
7320
- display: block;
7321
- width: 5px;
7322
- height: 5px;
7323
- margin: auto;
7324
- background-color: rgba(0, 0, 0, 0.75);
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;
7325
7337
  content: '';
7326
- pointer-events: auto;
7327
7338
  }
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;
7339
+ .ant-radio:hover::after,
7340
+ .ant-radio-wrapper:hover .ant-radio::after {
7341
+ visibility: visible;
7332
7342
  }
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);
7343
+ .ant-radio-inner {
7344
+ position: relative;
7345
+ top: 0;
7346
+ left: 0;
7347
+ 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;
7340
7357
  }
7341
- .ant-tooltip-placement-top .ant-tooltip-arrow {
7342
- left: 50%;
7343
- -webkit-transform: translateX(-50%);
7344
- transform: translateX(-50%);
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: ' ';
7345
7375
  }
7346
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
7347
- left: 13px;
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;
7348
7385
  }
7349
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7350
- right: 13px;
7386
+ .ant-radio-checked .ant-radio-inner {
7387
+ border-color: #1890ff;
7351
7388
  }
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;
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);
7356
7395
  }
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);
7396
+ .ant-radio-disabled {
7397
+ cursor: not-allowed;
7364
7398
  }
7365
- .ant-tooltip-placement-right .ant-tooltip-arrow {
7366
- top: 50%;
7367
- -webkit-transform: translateY(-50%);
7368
- transform: translateY(-50%);
7399
+ .ant-radio-disabled .ant-radio-inner {
7400
+ background-color: #f5f5f5;
7401
+ border-color: #d9d9d9 !important;
7402
+ cursor: not-allowed;
7369
7403
  }
7370
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
7371
- top: 5px;
7404
+ .ant-radio-disabled .ant-radio-inner::after {
7405
+ background-color: rgba(0, 0, 0, 0.2);
7372
7406
  }
7373
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7374
- bottom: 5px;
7407
+ .ant-radio-disabled .ant-radio-input {
7408
+ cursor: not-allowed;
7375
7409
  }
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;
7410
+ .ant-radio-disabled + span {
7411
+ color: rgba(0, 0, 0, 0.25);
7412
+ cursor: not-allowed;
7380
7413
  }
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);
7414
+ span.ant-radio + * {
7415
+ padding-right: 8px;
7416
+ padding-left: 8px;
7388
7417
  }
7389
- .ant-tooltip-placement-left .ant-tooltip-arrow {
7390
- top: 50%;
7391
- -webkit-transform: translateY(-50%);
7392
- transform: translateY(-50%);
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;
7393
7436
  }
7394
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
7395
- top: 5px;
7437
+ .ant-radio-button-wrapper a {
7438
+ color: rgba(0, 0, 0, 0.85);
7396
7439
  }
7397
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7398
- bottom: 5px;
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%;
7399
7447
  }
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;
7448
+ .ant-radio-group-large .ant-radio-button-wrapper {
7449
+ height: 40px;
7450
+ font-size: 16px;
7451
+ line-height: 38px;
7404
7452
  }
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);
7453
+ .ant-radio-group-small .ant-radio-button-wrapper {
7454
+ height: 24px;
7455
+ padding: 0 7px;
7456
+ line-height: 22px;
7412
7457
  }
7413
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
7414
- left: 50%;
7415
- -webkit-transform: translateX(-50%);
7416
- transform: translateX(-50%);
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: '';
7417
7472
  }
7418
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
7419
- left: 13px;
7473
+ .ant-radio-button-wrapper:first-child {
7474
+ border-left: 1px solid #d9d9d9;
7475
+ border-radius: 2px 0 0 2px;
7420
7476
  }
7421
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7422
- right: 13px;
7477
+ .ant-radio-button-wrapper:last-child {
7478
+ border-radius: 0 2px 2px 0;
7423
7479
  }
7424
- .ant-tooltip-pink .ant-tooltip-inner {
7425
- background-color: #eb2f96;
7480
+ .ant-radio-button-wrapper:first-child:last-child {
7481
+ border-radius: 2px;
7426
7482
  }
7427
- .ant-tooltip-pink .ant-tooltip-arrow-content {
7428
- background-color: #eb2f96;
7483
+ .ant-radio-button-wrapper:hover {
7484
+ position: relative;
7485
+ color: #1890ff;
7429
7486
  }
7430
- .ant-tooltip-magenta .ant-tooltip-inner {
7431
- background-color: #eb2f96;
7487
+ .ant-radio-button-wrapper:focus-within {
7488
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7489
+ box-shadow: 0 0 0 3px #e6f7ff;
7432
7490
  }
7433
- .ant-tooltip-magenta .ant-tooltip-arrow-content {
7434
- background-color: #eb2f96;
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;
7435
7498
  }
7436
- .ant-tooltip-red .ant-tooltip-inner {
7437
- background-color: #f5222d;
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;
7438
7504
  }
7439
- .ant-tooltip-red .ant-tooltip-arrow-content {
7440
- background-color: #f5222d;
7505
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7506
+ background-color: #1890ff;
7441
7507
  }
7442
- .ant-tooltip-volcano .ant-tooltip-inner {
7443
- background-color: #fa541c;
7508
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7509
+ border-color: #1890ff;
7444
7510
  }
7445
- .ant-tooltip-volcano .ant-tooltip-arrow-content {
7446
- background-color: #fa541c;
7511
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7512
+ color: #40a9ff;
7513
+ border-color: #40a9ff;
7447
7514
  }
7448
- .ant-tooltip-orange .ant-tooltip-inner {
7449
- background-color: #fa8c16;
7515
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7516
+ background-color: #40a9ff;
7450
7517
  }
7451
- .ant-tooltip-orange .ant-tooltip-arrow-content {
7452
- background-color: #fa8c16;
7518
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7519
+ color: #096dd9;
7520
+ border-color: #096dd9;
7453
7521
  }
7454
- .ant-tooltip-yellow .ant-tooltip-inner {
7455
- background-color: #fadb14;
7522
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7523
+ background-color: #096dd9;
7456
7524
  }
7457
- .ant-tooltip-yellow .ant-tooltip-arrow-content {
7458
- background-color: #fadb14;
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;
7459
7528
  }
7460
- .ant-tooltip-gold .ant-tooltip-inner {
7461
- background-color: #faad14;
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;
7462
7533
  }
7463
- .ant-tooltip-gold .ant-tooltip-arrow-content {
7464
- background-color: #faad14;
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;
7465
7538
  }
7466
- .ant-tooltip-cyan .ant-tooltip-inner {
7467
- background-color: #13c2c2;
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;
7468
7543
  }
7469
- .ant-tooltip-cyan .ant-tooltip-arrow-content {
7470
- background-color: #13c2c2;
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;
7471
7547
  }
7472
- .ant-tooltip-lime .ant-tooltip-inner {
7473
- background-color: #a0d911;
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;
7474
7553
  }
7475
- .ant-tooltip-lime .ant-tooltip-arrow-content {
7476
- background-color: #a0d911;
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;
7477
7559
  }
7478
- .ant-tooltip-green .ant-tooltip-inner {
7479
- background-color: #52c41a;
7560
+ .ant-radio-button-wrapper-disabled:first-child {
7561
+ border-left-color: #d9d9d9;
7480
7562
  }
7481
- .ant-tooltip-green .ant-tooltip-arrow-content {
7482
- background-color: #52c41a;
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;
7483
7569
  }
7484
- .ant-tooltip-blue .ant-tooltip-inner {
7485
- background-color: #1890ff;
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
+ }
7486
7581
  }
7487
- .ant-tooltip-blue .ant-tooltip-arrow-content {
7488
- background-color: #1890ff;
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
+ }
7489
7593
  }
7490
- .ant-tooltip-geekblue .ant-tooltip-inner {
7491
- background-color: #2f54eb;
7594
+ .ant-radio-group.ant-radio-group-rtl {
7595
+ direction: rtl;
7492
7596
  }
7493
- .ant-tooltip-geekblue .ant-tooltip-arrow-content {
7494
- background-color: #2f54eb;
7597
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7598
+ margin-right: 0;
7599
+ margin-left: 8px;
7600
+ direction: rtl;
7495
7601
  }
7496
- .ant-tooltip-purple .ant-tooltip-inner {
7497
- background-color: #722ed1;
7602
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7603
+ border-right-width: 0;
7604
+ border-left-width: 1px;
7498
7605
  }
7499
- .ant-tooltip-purple .ant-tooltip-arrow-content {
7500
- background-color: #722ed1;
7606
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7607
+ right: -1px;
7608
+ left: 0;
7501
7609
  }
7502
- .ant-tooltip-rtl {
7503
- direction: rtl;
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;
7504
7613
  }
7505
- .ant-tooltip-rtl .ant-tooltip-inner {
7506
- text-align: right;
7614
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7615
+ border-right-color: #40a9ff;
7507
7616
  }
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;
7617
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7618
+ border-radius: 2px 0 0 2px;
7515
7619
  }
7516
- .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
7517
- max-width: 400px;
7518
- max-height: 200px;
7519
- overflow: auto;
7620
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7621
+ border-right-color: #d9d9d9;
7520
7622
  }
7521
- .ant-radio-group {
7522
- -webkit-box-sizing: border-box;
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;
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;
7535
7625
  }
7536
- .ant-radio-group .ant-badge-count {
7537
- z-index: 1;
7626
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7627
+ padding: 0 12px;
7538
7628
  }
7539
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7540
- border-left: none;
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;
7541
7631
  }
7542
- .ant-radio-wrapper {
7632
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:focus-within {
7633
+ -webkit-box-shadow: unset;
7634
+ box-shadow: unset;
7635
+ }
7636
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7637
+ border-color: #d9d9d9;
7638
+ }
7639
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7543
7640
  -webkit-box-sizing: border-box;
7544
7641
  box-sizing: border-box;
7545
- margin: 0;
7546
- padding: 0;
7547
- color: rgba(0, 0, 0, 0.85);
7548
- font-size: 14px;
7549
- font-variant: tabular-nums;
7550
- line-height: 1.5715;
7551
- list-style: none;
7552
- -webkit-font-feature-settings: 'tnum';
7553
- font-feature-settings: 'tnum';
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;
7563
7642
  }
7564
- .ant-radio-wrapper::after {
7565
- display: inline-block;
7566
- width: 0;
7567
- overflow: hidden;
7568
- content: '\a0';
7643
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7644
+ border-color: #2c6dd2;
7569
7645
  }
7570
- .ant-radio {
7646
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7647
+ background-color: #2c6dd2;
7648
+ }
7649
+ .ant-tooltip {
7571
7650
  -webkit-box-sizing: border-box;
7572
7651
  box-sizing: border-box;
7573
7652
  margin: 0;
@@ -7579,1917 +7658,1838 @@ textarea.ant-input {
7579
7658
  list-style: none;
7580
7659
  -webkit-font-feature-settings: 'tnum';
7581
7660
  font-feature-settings: 'tnum';
7582
- position: relative;
7583
- top: 0.2em;
7584
- display: inline-block;
7585
- outline: none;
7586
- cursor: pointer;
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;
7587
7669
  }
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;
7670
+ .ant-tooltip-hidden {
7671
+ display: none;
7592
7672
  }
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;
7673
+ .ant-tooltip-placement-top,
7674
+ .ant-tooltip-placement-topLeft,
7675
+ .ant-tooltip-placement-topRight {
7676
+ padding-bottom: 8px;
7596
7677
  }
7597
- .ant-radio-checked::after {
7598
- position: absolute;
7599
- top: 0;
7600
- left: 0;
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;
7610
- content: '';
7678
+ .ant-tooltip-placement-right,
7679
+ .ant-tooltip-placement-rightTop,
7680
+ .ant-tooltip-placement-rightBottom {
7681
+ padding-left: 8px;
7611
7682
  }
7612
- .ant-radio:hover::after,
7613
- .ant-radio-wrapper:hover .ant-radio::after {
7614
- visibility: visible;
7683
+ .ant-tooltip-placement-bottom,
7684
+ .ant-tooltip-placement-bottomLeft,
7685
+ .ant-tooltip-placement-bottomRight {
7686
+ padding-top: 8px;
7615
7687
  }
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;
7688
+ .ant-tooltip-placement-left,
7689
+ .ant-tooltip-placement-leftTop,
7690
+ .ant-tooltip-placement-leftBottom {
7691
+ padding-right: 8px;
7630
7692
  }
7631
- .ant-radio-inner::after {
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);
7705
+ }
7706
+ .ant-tooltip-arrow {
7632
7707
  position: absolute;
7633
- top: 3px;
7634
- left: 3px;
7635
7708
  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: ' ';
7709
+ width: 13.07106781px;
7710
+ height: 13.07106781px;
7711
+ overflow: hidden;
7712
+ background: transparent;
7713
+ pointer-events: none;
7648
7714
  }
7649
- .ant-radio-input {
7715
+ .ant-tooltip-arrow-content {
7650
7716
  position: absolute;
7651
7717
  top: 0;
7652
7718
  right: 0;
7653
7719
  bottom: 0;
7654
7720
  left: 0;
7655
- z-index: 1;
7656
- cursor: pointer;
7657
- opacity: 0;
7721
+ display: block;
7722
+ width: 5px;
7723
+ height: 5px;
7724
+ margin: auto;
7725
+ background-color: rgba(0, 0, 0, 0.75);
7726
+ content: '';
7727
+ pointer-events: auto;
7658
7728
  }
7659
- .ant-radio-checked .ant-radio-inner {
7660
- border-color: #1890ff;
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;
7661
7733
  }
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);
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);
7668
7741
  }
7669
- .ant-radio-disabled {
7670
- cursor: not-allowed;
7742
+ .ant-tooltip-placement-top .ant-tooltip-arrow {
7743
+ left: 50%;
7744
+ -webkit-transform: translateX(-50%);
7745
+ transform: translateX(-50%);
7671
7746
  }
7672
- .ant-radio-disabled .ant-radio-inner {
7673
- background-color: #f5f5f5;
7674
- border-color: #d9d9d9 !important;
7675
- cursor: not-allowed;
7747
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
7748
+ left: 13px;
7676
7749
  }
7677
- .ant-radio-disabled .ant-radio-inner::after {
7678
- background-color: rgba(0, 0, 0, 0.2);
7750
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7751
+ right: 13px;
7679
7752
  }
7680
- .ant-radio-disabled .ant-radio-input {
7681
- cursor: not-allowed;
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;
7682
7757
  }
7683
- .ant-radio-disabled + span {
7684
- color: rgba(0, 0, 0, 0.25);
7685
- cursor: not-allowed;
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);
7686
7765
  }
7687
- span.ant-radio + * {
7688
- padding-right: 8px;
7689
- padding-left: 8px;
7766
+ .ant-tooltip-placement-right .ant-tooltip-arrow {
7767
+ top: 50%;
7768
+ -webkit-transform: translateY(-50%);
7769
+ transform: translateY(-50%);
7690
7770
  }
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;
7771
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
7772
+ top: 5px;
7709
7773
  }
7710
- .ant-radio-button-wrapper a {
7711
- color: rgba(0, 0, 0, 0.85);
7774
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7775
+ bottom: 5px;
7712
7776
  }
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%;
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;
7720
7781
  }
7721
- .ant-radio-group-large .ant-radio-button-wrapper {
7722
- height: 40px;
7723
- font-size: 16px;
7724
- line-height: 38px;
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);
7725
7789
  }
7726
- .ant-radio-group-small .ant-radio-button-wrapper {
7727
- height: 24px;
7728
- padding: 0 7px;
7729
- line-height: 22px;
7790
+ .ant-tooltip-placement-left .ant-tooltip-arrow {
7791
+ top: 50%;
7792
+ -webkit-transform: translateY(-50%);
7793
+ transform: translateY(-50%);
7730
7794
  }
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: '';
7795
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
7796
+ top: 5px;
7745
7797
  }
7746
- .ant-radio-button-wrapper:first-child {
7747
- border-left: 1px solid #d9d9d9;
7748
- border-radius: 2px 0 0 2px;
7798
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7799
+ bottom: 5px;
7749
7800
  }
7750
- .ant-radio-button-wrapper:last-child {
7751
- border-radius: 0 2px 2px 0;
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;
7752
7805
  }
7753
- .ant-radio-button-wrapper:first-child:last-child {
7754
- border-radius: 2px;
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);
7755
7813
  }
7756
- .ant-radio-button-wrapper:hover {
7757
- position: relative;
7758
- color: #1890ff;
7814
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow {
7815
+ left: 50%;
7816
+ -webkit-transform: translateX(-50%);
7817
+ transform: translateX(-50%);
7759
7818
  }
7760
- .ant-radio-button-wrapper:focus-within {
7761
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7762
- box-shadow: 0 0 0 3px #e6f7ff;
7819
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
7820
+ left: 13px;
7763
7821
  }
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;
7822
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7823
+ right: 13px;
7771
7824
  }
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;
7825
+ .ant-tooltip-pink .ant-tooltip-inner {
7826
+ background-color: #eb2f96;
7777
7827
  }
7778
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7779
- background-color: #1890ff;
7828
+ .ant-tooltip-pink .ant-tooltip-arrow-content {
7829
+ background-color: #eb2f96;
7780
7830
  }
7781
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7782
- border-color: #1890ff;
7831
+ .ant-tooltip-magenta .ant-tooltip-inner {
7832
+ background-color: #eb2f96;
7783
7833
  }
7784
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7785
- color: #40a9ff;
7786
- border-color: #40a9ff;
7834
+ .ant-tooltip-magenta .ant-tooltip-arrow-content {
7835
+ background-color: #eb2f96;
7787
7836
  }
7788
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7789
- background-color: #40a9ff;
7837
+ .ant-tooltip-red .ant-tooltip-inner {
7838
+ background-color: #f5222d;
7790
7839
  }
7791
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7792
- color: #096dd9;
7793
- border-color: #096dd9;
7840
+ .ant-tooltip-red .ant-tooltip-arrow-content {
7841
+ background-color: #f5222d;
7794
7842
  }
7795
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7796
- background-color: #096dd9;
7843
+ .ant-tooltip-volcano .ant-tooltip-inner {
7844
+ background-color: #fa541c;
7797
7845
  }
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;
7801
- }
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;
7806
- }
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;
7846
+ .ant-tooltip-volcano .ant-tooltip-arrow-content {
7847
+ background-color: #fa541c;
7811
7848
  }
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;
7849
+ .ant-tooltip-orange .ant-tooltip-inner {
7850
+ background-color: #fa8c16;
7816
7851
  }
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;
7852
+ .ant-tooltip-orange .ant-tooltip-arrow-content {
7853
+ background-color: #fa8c16;
7820
7854
  }
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;
7855
+ .ant-tooltip-yellow .ant-tooltip-inner {
7856
+ background-color: #fadb14;
7826
7857
  }
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;
7858
+ .ant-tooltip-yellow .ant-tooltip-arrow-content {
7859
+ background-color: #fadb14;
7832
7860
  }
7833
- .ant-radio-button-wrapper-disabled:first-child {
7834
- border-left-color: #d9d9d9;
7861
+ .ant-tooltip-gold .ant-tooltip-inner {
7862
+ background-color: #faad14;
7835
7863
  }
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;
7864
+ .ant-tooltip-gold .ant-tooltip-arrow-content {
7865
+ background-color: #faad14;
7842
7866
  }
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
- }
7867
+ .ant-tooltip-cyan .ant-tooltip-inner {
7868
+ background-color: #13c2c2;
7854
7869
  }
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
- }
7870
+ .ant-tooltip-cyan .ant-tooltip-arrow-content {
7871
+ background-color: #13c2c2;
7866
7872
  }
7867
- .ant-radio-group.ant-radio-group-rtl {
7868
- direction: rtl;
7873
+ .ant-tooltip-lime .ant-tooltip-inner {
7874
+ background-color: #a0d911;
7869
7875
  }
7870
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7871
- margin-right: 0;
7872
- margin-left: 8px;
7873
- direction: rtl;
7876
+ .ant-tooltip-lime .ant-tooltip-arrow-content {
7877
+ background-color: #a0d911;
7874
7878
  }
7875
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7876
- border-right-width: 0;
7877
- border-left-width: 1px;
7879
+ .ant-tooltip-green .ant-tooltip-inner {
7880
+ background-color: #52c41a;
7878
7881
  }
7879
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7880
- right: -1px;
7881
- left: 0;
7882
+ .ant-tooltip-green .ant-tooltip-arrow-content {
7883
+ background-color: #52c41a;
7882
7884
  }
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;
7885
+ .ant-tooltip-blue .ant-tooltip-inner {
7886
+ background-color: #1890ff;
7886
7887
  }
7887
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7888
- border-right-color: #40a9ff;
7888
+ .ant-tooltip-blue .ant-tooltip-arrow-content {
7889
+ background-color: #1890ff;
7889
7890
  }
7890
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7891
- border-radius: 2px 0 0 2px;
7891
+ .ant-tooltip-geekblue .ant-tooltip-inner {
7892
+ background-color: #2f54eb;
7892
7893
  }
7893
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7894
- border-right-color: #d9d9d9;
7894
+ .ant-tooltip-geekblue .ant-tooltip-arrow-content {
7895
+ background-color: #2f54eb;
7895
7896
  }
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;
7897
+ .ant-tooltip-purple .ant-tooltip-inner {
7898
+ background-color: #722ed1;
7898
7899
  }
7899
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7900
- padding: 0 12px;
7900
+ .ant-tooltip-purple .ant-tooltip-arrow-content {
7901
+ background-color: #722ed1;
7901
7902
  }
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;
7903
+ .ant-tooltip-rtl {
7904
+ direction: rtl;
7904
7905
  }
7905
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:focus-within {
7906
- -webkit-box-shadow: unset;
7907
- box-shadow: unset;
7906
+ .ant-tooltip-rtl .ant-tooltip-inner {
7907
+ text-align: right;
7908
7908
  }
7909
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7910
- border-color: #d9d9d9;
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;
7911
7916
  }
7912
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7913
- -webkit-box-sizing: border-box;
7914
- box-sizing: border-box;
7917
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
7918
+ max-width: 400px;
7919
+ max-height: 200px;
7920
+ overflow: auto;
7915
7921
  }
7916
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7917
- border-color: #2c6dd2;
7922
+ .ant-select-single .ant-select-selector {
7923
+ display: -webkit-box;
7924
+ display: -ms-flexbox;
7925
+ display: flex;
7918
7926
  }
7919
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7920
- background-color: #2c6dd2;
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;
7921
7933
  }
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;
7934
+ .ant-select-single .ant-select-selector .ant-select-selection-search-input {
7930
7935
  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;
7936
+ }
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;
7938
7941
  -webkit-transition: all 0.3s;
7939
7942
  transition: all 0.3s;
7940
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7941
- display: inline-block;
7942
- width: 90px;
7943
- margin: 0;
7944
- padding: 0;
7945
- border: 1px solid #d9d9d9;
7946
- border-radius: 2px;
7947
- }
7948
- .ant-input-number::-moz-placeholder {
7949
- opacity: 1;
7950
- }
7951
- .ant-input-number::-webkit-input-placeholder {
7952
- color: #bfbfbf;
7953
- -webkit-user-select: none;
7954
- user-select: none;
7955
7943
  }
7956
- .ant-input-number::-ms-input-placeholder {
7957
- color: #bfbfbf;
7958
- -ms-user-select: none;
7959
- user-select: none;
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
+ }
7960
7949
  }
7961
- .ant-input-number::placeholder {
7962
- color: #bfbfbf;
7950
+ .ant-select-single .ant-select-selector .ant-select-selection-item {
7951
+ position: relative;
7963
7952
  -webkit-user-select: none;
7964
7953
  -moz-user-select: none;
7965
7954
  -ms-user-select: none;
7966
7955
  user-select: none;
7967
7956
  }
7968
- .ant-input-number:placeholder-shown {
7969
- text-overflow: ellipsis;
7970
- }
7971
- .ant-input-number:hover {
7972
- border-color: #40a9ff;
7973
- border-right-width: 1px !important;
7957
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
7958
+ pointer-events: none;
7974
7959
  }
7975
- .ant-input-rtl .ant-input-number:hover {
7976
- border-right-width: 0;
7977
- border-left-width: 1px !important;
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 {
7963
+ display: inline-block;
7964
+ width: 0;
7965
+ visibility: hidden;
7966
+ content: '\a0';
7978
7967
  }
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;
7968
+ .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
7969
+ right: 25px;
7986
7970
  }
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;
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;
7991
7974
  }
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;
7975
+ .ant-select-single.ant-select-open .ant-select-selection-item {
7976
+ color: #bfbfbf;
8000
7977
  }
8001
- .ant-input-number-disabled:hover {
8002
- border-color: #d9d9d9;
8003
- border-right-width: 1px !important;
8004
- }
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;
8013
- }
8014
- .ant-input-number[disabled]:hover {
8015
- border-color: #d9d9d9;
8016
- border-right-width: 1px !important;
8017
- }
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;
8028
- }
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;
8037
- }
8038
- .ant-input-number-lg {
8039
- padding: 6.5px 11px;
8040
- font-size: 16px;
8041
- }
8042
- .ant-input-number-sm {
8043
- padding: 0px 7px;
8044
- }
8045
- .ant-input-number-rtl {
8046
- direction: rtl;
8047
- }
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;
7978
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8062
7979
  width: 100%;
8063
- border-collapse: separate;
8064
- border-spacing: 0;
8065
- }
8066
- .ant-input-number-group[class*='col-'] {
8067
- float: none;
8068
- padding-right: 0;
8069
- padding-left: 0;
7980
+ height: 32px;
7981
+ padding: 0 11px;
8070
7982
  }
8071
- .ant-input-number-group > [class*='col-'] {
8072
- padding-right: 8px;
7983
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
7984
+ height: 30px;
8073
7985
  }
8074
- .ant-input-number-group > [class*='col-']:last-child {
8075
- padding-right: 0;
7986
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
7987
+ line-height: 30px;
8076
7988
  }
8077
- .ant-input-number-group-addon,
8078
- .ant-input-number-group-wrap,
8079
- .ant-input-number-group > .ant-input-number {
8080
- display: table-cell;
7989
+ .ant-select-single.ant-select-customize-input .ant-select-selector::after {
7990
+ display: none;
8081
7991
  }
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;
7992
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
7993
+ position: static;
7994
+ width: 100%;
8086
7995
  }
8087
- .ant-input-number-group-addon,
8088
- .ant-input-number-group-wrap {
8089
- width: 1px;
8090
- white-space: nowrap;
8091
- vertical-align: middle;
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;
8092
8001
  }
8093
- .ant-input-number-group-wrap > * {
8094
- display: block !important;
8002
+ .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
8003
+ display: none;
8095
8004
  }
8096
- .ant-input-number-group .ant-input-number {
8097
- float: left;
8098
- width: 100%;
8099
- margin-bottom: 0;
8100
- text-align: inherit;
8005
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8006
+ height: 40px;
8101
8007
  }
8102
- .ant-input-number-group .ant-input-number:focus {
8103
- z-index: 1;
8104
- border-right-width: 1px;
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;
8105
8012
  }
8106
- .ant-input-number-group .ant-input-number:hover {
8107
- z-index: 1;
8108
- border-right-width: 1px;
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;
8109
8015
  }
8110
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8111
- z-index: 0;
8016
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8017
+ height: 24px;
8112
8018
  }
8113
- .ant-input-number-group-addon {
8114
- position: relative;
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;
8122
- border-radius: 2px;
8123
- -webkit-transition: all 0.3s;
8124
- transition: all 0.3s;
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;
8125
8023
  }
8126
- .ant-input-number-group-addon .ant-select {
8127
- margin: -5px -11px;
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;
8128
8026
  }
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;
8027
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
8028
+ right: 7px;
8029
+ left: 7px;
8134
8030
  }
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;
8031
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8032
+ padding: 0 7px;
8138
8033
  }
8139
- .ant-input-number-group-addon .ant-cascader-picker {
8140
- margin: -9px -12px;
8141
- background-color: transparent;
8034
+ .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8035
+ right: 28px;
8142
8036
  }
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;
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;
8148
8040
  }
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;
8041
+ .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8042
+ padding: 0 11px;
8153
8043
  }
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;
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%;
8158
8059
  }
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;
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%;
8162
8067
  }
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;
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;
8166
8078
  }
8167
- .ant-input-number-group-addon:first-child {
8168
- border-right: 0;
8079
+ .ant-select-show-search.ant-select-multiple .ant-select-selector {
8080
+ cursor: text;
8169
8081
  }
8170
- .ant-input-number-group-addon:last-child {
8171
- border-left: 0;
8082
+ .ant-select-disabled.ant-select-multiple .ant-select-selector {
8083
+ background: #f5f5f5;
8084
+ cursor: not-allowed;
8172
8085
  }
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;
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';
8177
8092
  }
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;
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;
8182
8096
  }
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;
8097
+ .ant-select-multiple .ant-select-selection-item {
8098
+ 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;
8114
+ 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;
8187
8128
  }
8188
- .ant-input-number-group-sm .ant-input-number,
8189
- .ant-input-number-group-sm > .ant-input-number-group-addon {
8190
- padding: 0px 7px;
8129
+ .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
8130
+ color: #bfbfbf;
8131
+ border-color: #d9d9d9;
8132
+ cursor: not-allowed;
8191
8133
  }
8192
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8193
- height: 40px;
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;
8194
8140
  }
8195
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8196
- height: 24px;
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;
8197
8157
  }
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;
8158
+ .ant-select-multiple .ant-select-selection-item-remove > * {
8159
+ line-height: 1;
8201
8160
  }
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;
8161
+ .ant-select-multiple .ant-select-selection-item-remove svg {
8162
+ display: inline-block;
8205
8163
  }
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;
8164
+ .ant-select-multiple .ant-select-selection-item-remove::before {
8165
+ display: none;
8210
8166
  }
8211
- .ant-input-number-group.ant-input-number-group-compact {
8167
+ .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
8212
8168
  display: block;
8213
8169
  }
8214
- .ant-input-number-group.ant-input-number-group-compact::before {
8215
- display: table;
8216
- content: '';
8217
- }
8218
- .ant-input-number-group.ant-input-number-group-compact::after {
8219
- display: table;
8220
- clear: both;
8221
- content: '';
8170
+ .ant-select-multiple .ant-select-selection-item-remove > .anticon {
8171
+ vertical-align: -0.2em;
8222
8172
  }
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;
8173
+ .ant-select-multiple .ant-select-selection-item-remove:hover {
8174
+ color: rgba(0, 0, 0, 0.75);
8227
8175
  }
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;
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;
8232
8179
  }
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;
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;
8237
8187
  }
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;
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;
8243
8195
  }
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;
8196
+ .ant-select-multiple .ant-select-selection-search-input {
8197
+ width: 100%;
8198
+ min-width: 4.1px;
8248
8199
  }
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;
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;
8253
8207
  }
8254
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8255
- margin-right: -1px;
8256
- border-right-width: 1px;
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;
8257
8217
  }
8258
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8259
- float: none;
8218
+ .ant-select-multiple.ant-select-lg .ant-select-selector::after {
8219
+ line-height: 32px;
8260
8220
  }
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;
8221
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8222
+ height: 32px;
8223
+ line-height: 30px;
8267
8224
  }
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;
8225
+ .ant-select-multiple.ant-select-lg .ant-select-selection-search {
8226
+ height: 32px;
8227
+ line-height: 32px;
8273
8228
  }
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;
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;
8279
8233
  }
8280
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8281
- z-index: 1;
8234
+ .ant-select-multiple.ant-select-sm .ant-select-selector::after {
8235
+ line-height: 16px;
8282
8236
  }
8283
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8284
- z-index: 1;
8237
+ .ant-select-multiple.ant-select-sm .ant-select-selection-item {
8238
+ height: 16px;
8239
+ line-height: 14px;
8285
8240
  }
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;
8241
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8242
+ height: 16px;
8243
+ line-height: 16px;
8292
8244
  }
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;
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;
8300
8249
  }
8301
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8302
- vertical-align: top;
8250
+ .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8251
+ left: 7px;
8303
8252
  }
8304
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8305
- margin-left: -1px;
8253
+ .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8254
+ -webkit-margin-start: 3px;
8255
+ margin-inline-start: 3px;
8306
8256
  }
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;
8257
+ .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8258
+ height: 32px;
8259
+ line-height: 32px;
8309
8260
  }
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;
8261
+ .ant-select-disabled .ant-select-selection-item-remove {
8262
+ display: none;
8312
8263
  }
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;
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;
8315
8280
  }
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;
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);
8319
8288
  }
8320
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8321
- border-right: 1px solid #d9d9d9;
8322
- border-left: 0;
8289
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8290
+ cursor: pointer;
8323
8291
  }
8324
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8325
- border-right: 0;
8326
- border-left: 1px solid #d9d9d9;
8292
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
8293
+ cursor: text;
8327
8294
  }
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;
8295
+ .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8296
+ cursor: auto;
8331
8297
  }
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;
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;
8334
8304
  }
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;
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;
8337
8308
  }
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;
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;
8342
8313
  }
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;
8314
+ .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
8315
+ background: #f5f5f5;
8348
8316
  }
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;
8317
+ .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
8318
+ cursor: not-allowed;
8356
8319
  }
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;
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;
8360
8329
  }
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;
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;
8363
8334
  }
8364
- .ant-input-number-group-wrapper {
8365
- display: inline-block;
8366
- text-align: start;
8367
- vertical-align: top;
8335
+ .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
8336
+ border-color: #40a9ff;
8337
+ border-right-width: 1px !important;
8368
8338
  }
8369
- .ant-input-number-handler {
8370
- position: relative;
8371
- display: block;
8372
- width: 100%;
8373
- height: 50%;
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;
8342
+ }
8343
+ .ant-select-selection-item {
8344
+ -webkit-box-flex: 1;
8345
+ -ms-flex: 1;
8346
+ flex: 1;
8374
8347
  overflow: hidden;
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;
8348
+ font-weight: normal;
8349
+ white-space: nowrap;
8350
+ text-overflow: ellipsis;
8382
8351
  }
8383
- .ant-input-number-handler:active {
8384
- background: #f4f4f4;
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
+ }
8385
8358
  }
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;
8359
+ .ant-select-selection-placeholder {
8360
+ -webkit-box-flex: 1;
8361
+ -ms-flex: 1;
8362
+ flex: 1;
8363
+ overflow: hidden;
8364
+ color: #bfbfbf;
8365
+ white-space: nowrap;
8366
+ text-overflow: ellipsis;
8367
+ pointer-events: none;
8389
8368
  }
8390
- .ant-input-number-handler-up-inner,
8391
- .ant-input-number-handler-down-inner {
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
+ }
8375
+ }
8376
+ .ant-select-arrow {
8392
8377
  display: inline-block;
8393
8378
  color: inherit;
8394
8379
  font-style: normal;
8395
8380
  line-height: 0;
8396
- text-align: center;
8397
8381
  text-transform: none;
8398
8382
  vertical-align: -0.125em;
8399
8383
  text-rendering: optimizeLegibility;
8400
8384
  -webkit-font-smoothing: antialiased;
8401
8385
  -moz-osx-font-smoothing: grayscale;
8402
8386
  position: absolute;
8403
- right: 4px;
8387
+ top: 50%;
8388
+ right: 11px;
8404
8389
  width: 12px;
8405
8390
  height: 12px;
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;
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;
8414
8397
  }
8415
- .ant-input-number-handler-up-inner > *,
8416
- .ant-input-number-handler-down-inner > * {
8398
+ .ant-select-arrow > * {
8417
8399
  line-height: 1;
8418
8400
  }
8419
- .ant-input-number-handler-up-inner svg,
8420
- .ant-input-number-handler-down-inner svg {
8401
+ .ant-select-arrow svg {
8421
8402
  display: inline-block;
8422
8403
  }
8423
- .ant-input-number-handler-up-inner::before,
8424
- .ant-input-number-handler-down-inner::before {
8404
+ .ant-select-arrow::before {
8425
8405
  display: none;
8426
8406
  }
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 {
8407
+ .ant-select-arrow .ant-select-arrow-icon {
8431
8408
  display: block;
8432
8409
  }
8433
- .ant-input-number:hover {
8434
- border-color: #40a9ff;
8435
- border-right-width: 1px !important;
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;
8425
+ }
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;
8443
+ 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;
8436
8552
  }
8437
- .ant-input-number:hover + .ant-form-item-children-icon {
8438
- opacity: 0;
8439
- -webkit-transition: opacity 0.24s linear 0.24s;
8440
- transition: opacity 0.24s linear 0.24s;
8553
+ .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
8554
+ background-color: #f5f5f5;
8441
8555
  }
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;
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;
8448
8560
  }
8449
- .ant-input-rtl .ant-input-number-focused {
8450
- border-right-width: 0;
8451
- border-left-width: 1px !important;
8561
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
8562
+ color: #1890ff;
8452
8563
  }
8453
- .ant-input-number-disabled {
8564
+ .ant-select-item-option-disabled {
8454
8565
  color: rgba(0, 0, 0, 0.25);
8455
- background-color: #f5f5f5;
8456
- border-color: #d9d9d9;
8457
- -webkit-box-shadow: none;
8458
- box-shadow: none;
8459
8566
  cursor: not-allowed;
8460
- opacity: 1;
8461
8567
  }
8462
- .ant-input-number-disabled:hover {
8463
- border-color: #d9d9d9;
8464
- border-right-width: 1px !important;
8568
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
8569
+ background-color: #f5f5f5;
8465
8570
  }
8466
- .ant-input-number-disabled .ant-input-number-input {
8467
- cursor: not-allowed;
8571
+ .ant-select-item-option-grouped {
8572
+ padding-left: 24px;
8468
8573
  }
8469
- .ant-input-number-disabled .ant-input-number-handler-wrap {
8470
- display: none;
8574
+ .ant-select-lg {
8575
+ font-size: 16px;
8471
8576
  }
8472
- .ant-input-number-readonly .ant-input-number-handler-wrap {
8473
- display: none;
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;
8474
8582
  }
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 */
8583
+ .ant-select-rtl {
8584
+ direction: rtl;
8490
8585
  }
8491
- .ant-input-number-input::-moz-placeholder {
8492
- opacity: 1;
8586
+ .ant-select-rtl .ant-select-arrow {
8587
+ right: initial;
8588
+ left: 11px;
8493
8589
  }
8494
- .ant-input-number-input::-webkit-input-placeholder {
8495
- color: #bfbfbf;
8496
- -webkit-user-select: none;
8497
- user-select: none;
8590
+ .ant-select-rtl .ant-select-clear {
8591
+ right: initial;
8592
+ left: 11px;
8498
8593
  }
8499
- .ant-input-number-input::-ms-input-placeholder {
8500
- color: #bfbfbf;
8501
- -ms-user-select: none;
8502
- user-select: none;
8594
+ .ant-select-dropdown-rtl {
8595
+ direction: rtl;
8503
8596
  }
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;
8597
+ .ant-select-dropdown-rtl .ant-select-item-option-grouped {
8598
+ padding-right: 24px;
8599
+ padding-left: 12px;
8510
8600
  }
8511
- .ant-input-number-input:placeholder-shown {
8512
- text-overflow: ellipsis;
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;
8513
8605
  }
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;
8606
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
8607
+ text-align: right;
8520
8608
  }
8521
- .ant-input-number-lg {
8522
- padding: 0;
8523
- font-size: 16px;
8609
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
8610
+ margin-right: 0;
8611
+ margin-left: 4px;
8612
+ text-align: right;
8524
8613
  }
8525
- .ant-input-number-lg input {
8526
- height: 38px;
8614
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
8615
+ right: 0;
8616
+ left: auto;
8527
8617
  }
8528
- .ant-input-number-sm {
8529
- padding: 0;
8618
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
8619
+ right: 11px;
8620
+ left: auto;
8530
8621
  }
8531
- .ant-input-number-sm input {
8532
- height: 22px;
8533
- padding: 0 7px;
8622
+ .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8623
+ right: 7px;
8534
8624
  }
8535
- .ant-input-number-handler-wrap {
8536
- position: absolute;
8537
- top: 0;
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 {
8538
8627
  right: 0;
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;
8628
+ left: 9px;
8629
+ text-align: right;
8546
8630
  }
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;
8631
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8632
+ right: 11px;
8633
+ left: 25px;
8561
8634
  }
8562
- .ant-input-number-borderless .ant-input-number-handler-wrap {
8563
- border-left-width: 0;
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;
8564
8639
  }
8565
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8566
- height: 40%;
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;
8567
8642
  }
8568
- .ant-input-number:hover .ant-input-number-handler-wrap,
8569
- .ant-input-number-focused .ant-input-number-handler-wrap {
8570
- opacity: 1;
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;
8571
8647
  }
8572
- .ant-input-number-handler-up {
8573
- border-top-right-radius: 2px;
8574
- cursor: pointer;
8648
+ .pandora-sdk-selector {
8649
+ width: 100%;
8650
+ color: #333;
8575
8651
  }
8576
- .ant-input-number-handler-up-inner {
8577
- top: 50%;
8578
- margin-top: -5px;
8579
- text-align: center;
8652
+ .pandora-sdk-selector .ant-select-selection {
8653
+ background: #fff;
8580
8654
  }
8581
- .ant-input-number-handler-up:hover {
8582
- height: 60% !important;
8655
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
8656
+ opacity: 0;
8583
8657
  }
8584
- .ant-input-number-handler-down {
8585
- top: 0;
8586
- border-top: 1px solid #d9d9d9;
8587
- border-bottom-right-radius: 2px;
8588
- cursor: pointer;
8658
+ .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
8659
+ color: #666;
8660
+ background: #f5f5f5;
8661
+ border: none;
8589
8662
  }
8590
- .ant-input-number-handler-down-inner {
8591
- top: 50%;
8592
- text-align: center;
8593
- -webkit-transform: translateY(-50%);
8594
- transform: translateY(-50%);
8663
+ .pandora-sdk-selector .ant-select-selection-item-remove {
8664
+ color: #d9d9d9;
8595
8665
  }
8596
- .ant-input-number-handler-down:hover {
8597
- height: 60% !important;
8666
+ .pandora-sdk-selector .ant-select-selection--single {
8667
+ height: 32px;
8598
8668
  }
8599
- .ant-input-number-borderless .ant-input-number-handler-down {
8600
- border-top-width: 0;
8669
+ .pandora-sdk-selector .ant-select-selection__rendered {
8670
+ line-height: 30px;
8601
8671
  }
8602
- .ant-input-number-handler-up-disabled,
8603
- .ant-input-number-handler-down-disabled {
8604
- cursor: not-allowed;
8672
+ .pandora-sdk-selector .ant-select-selection__clear {
8673
+ background: #fff;
8674
+ color: #666;
8605
8675
  }
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);
8676
+ .pandora-sdk-selector .ant-select-selection__clear i {
8677
+ color: inherit;
8609
8678
  }
8610
- .ant-input-number-borderless {
8611
- -webkit-box-shadow: none;
8612
- box-shadow: none;
8679
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
8680
+ margin: 0;
8613
8681
  }
8614
- .ant-input-number-out-of-range input {
8615
- color: #ff4d4f;
8682
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
8683
+ -webkit-appearance: none;
8616
8684
  }
8617
- .ant-input-number-rtl {
8618
- direction: rtl;
8685
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
8686
+ width: 6px;
8619
8687
  }
8620
- .ant-input-number-rtl .ant-input-number-handler {
8621
- border-right: 1px solid #d9d9d9;
8622
- border-left: 0;
8688
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
8689
+ height: 6px;
8623
8690
  }
8624
- .ant-input-number-rtl .ant-input-number-handler-wrap {
8625
- right: auto;
8626
- left: 0;
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);
8694
+ }
8695
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
8696
+ background: rgba(35, 44, 59, 0.6);
8697
+ }
8698
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
8699
+ background-color: transparent;
8700
+ border-radius: 100px;
8627
8701
  }
8628
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8629
- border-right-width: 0;
8702
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
8703
+ background: transparent;
8630
8704
  }
8631
- .ant-input-number-rtl .ant-input-number-handler-up {
8632
- border-top-right-radius: 0;
8705
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
8706
+ color: #d9d9d9;
8633
8707
  }
8634
- .ant-input-number-rtl .ant-input-number-handler-down {
8635
- border-bottom-right-radius: 0;
8708
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
8709
+ color: #2c6dd2;
8710
+ font-weight: 400;
8636
8711
  }
8637
- .ant-input-number-rtl .ant-input-number-input {
8638
- direction: ltr;
8639
- text-align: right;
8712
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
8713
+ color: #2c6dd2;
8640
8714
  }
8641
- .pandora-sdk-range-input {
8642
- position: relative;
8715
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
8716
+ color: #d9d9d9;
8643
8717
  }
8644
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8718
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
8645
8719
  display: inline-block;
8646
- width: 40px;
8647
- line-height: 40px;
8648
- text-align: center;
8720
+ min-width: 100%;
8649
8721
  }
8650
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
8651
- width: calc(50% - 20px);
8652
- text-align: center;
8653
- display: inline-block;
8722
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
8723
+ overflow: unset;
8724
+ text-overflow: unset;
8654
8725
  }
8655
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
8656
- color: #ff4d4f;
8657
- line-height: 24px;
8658
- font-size: 12px;
8726
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
8727
+ color: #2c6dd2;
8728
+ cursor: default;
8659
8729
  }
8660
- .pandora-sdk-range-input .ant-input-number {
8661
- width: 100%;
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;
8662
8733
  }
8663
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
8664
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
8665
- -webkit-appearance: none;
8734
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
8735
+ color: #2c6dd2;
8666
8736
  }
8667
- .pandora-sdk-range-input input[type='number'] {
8668
- -moz-appearance: textfield;
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;
8669
8739
  }
8670
- .ant-select-single .ant-select-selector {
8671
- display: -webkit-box;
8672
- display: -ms-flexbox;
8673
- display: flex;
8740
+ .pandora-sdk-selector-create-lint {
8741
+ display: block;
8674
8742
  }
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;
8743
+ .pandora-sdk-close-icon {
8744
+ color: #d9d9d9;
8681
8745
  }
8682
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
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;
8683
8754
  width: 100%;
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;
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;
8689
8762
  -webkit-transition: all 0.3s;
8690
8763
  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;
8691
8771
  }
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
- }
8772
+ .ant-input-number::-moz-placeholder {
8773
+ opacity: 1;
8697
8774
  }
8698
- .ant-select-single .ant-select-selector .ant-select-selection-item {
8699
- position: relative;
8775
+ .ant-input-number::-webkit-input-placeholder {
8776
+ color: #bfbfbf;
8777
+ -webkit-user-select: none;
8778
+ user-select: none;
8779
+ }
8780
+ .ant-input-number::-ms-input-placeholder {
8781
+ color: #bfbfbf;
8782
+ -ms-user-select: none;
8783
+ user-select: none;
8784
+ }
8785
+ .ant-input-number::placeholder {
8786
+ color: #bfbfbf;
8700
8787
  -webkit-user-select: none;
8701
8788
  -moz-user-select: none;
8702
8789
  -ms-user-select: none;
8703
8790
  user-select: none;
8704
8791
  }
8705
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
8706
- pointer-events: none;
8792
+ .ant-input-number:placeholder-shown {
8793
+ text-overflow: ellipsis;
8707
8794
  }
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';
8795
+ .ant-input-number:hover {
8796
+ border-color: #40a9ff;
8797
+ border-right-width: 1px !important;
8715
8798
  }
8716
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
8717
- right: 25px;
8799
+ .ant-input-rtl .ant-input-number:hover {
8800
+ border-right-width: 0;
8801
+ border-left-width: 1px !important;
8718
8802
  }
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;
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;
8722
8810
  }
8723
- .ant-select-single.ant-select-open .ant-select-selection-item {
8724
- color: #bfbfbf;
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;
8725
8815
  }
8726
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8727
- width: 100%;
8728
- height: 32px;
8729
- padding: 0 11px;
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;
8730
8824
  }
8731
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
8732
- height: 30px;
8825
+ .ant-input-number-disabled:hover {
8826
+ border-color: #d9d9d9;
8827
+ border-right-width: 1px !important;
8733
8828
  }
8734
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
8735
- line-height: 30px;
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;
8736
8837
  }
8737
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
8738
- display: none;
8838
+ .ant-input-number[disabled]:hover {
8839
+ border-color: #d9d9d9;
8840
+ border-right-width: 1px !important;
8739
8841
  }
8740
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
8741
- position: static;
8742
- width: 100%;
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;
8743
8852
  }
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;
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;
8749
8861
  }
8750
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
8751
- display: none;
8862
+ .ant-input-number-lg {
8863
+ padding: 6.5px 11px;
8864
+ font-size: 16px;
8752
8865
  }
8753
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8754
- height: 40px;
8866
+ .ant-input-number-sm {
8867
+ padding: 0px 7px;
8755
8868
  }
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;
8869
+ .ant-input-number-rtl {
8870
+ direction: rtl;
8871
+ }
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;
8886
+ 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;
8760
8900
  }
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;
8901
+ .ant-input-number-group-addon,
8902
+ .ant-input-number-group-wrap,
8903
+ .ant-input-number-group > .ant-input-number {
8904
+ display: table-cell;
8763
8905
  }
8764
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8765
- height: 24px;
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;
8766
8910
  }
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;
8911
+ .ant-input-number-group-addon,
8912
+ .ant-input-number-group-wrap {
8913
+ width: 1px;
8914
+ white-space: nowrap;
8915
+ vertical-align: middle;
8771
8916
  }
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;
8917
+ .ant-input-number-group-wrap > * {
8918
+ display: block !important;
8774
8919
  }
8775
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
8776
- right: 7px;
8777
- left: 7px;
8920
+ .ant-input-number-group .ant-input-number {
8921
+ float: left;
8922
+ width: 100%;
8923
+ margin-bottom: 0;
8924
+ text-align: inherit;
8778
8925
  }
8779
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
8780
- padding: 0 7px;
8926
+ .ant-input-number-group .ant-input-number:focus {
8927
+ z-index: 1;
8928
+ border-right-width: 1px;
8781
8929
  }
8782
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
8783
- right: 28px;
8930
+ .ant-input-number-group .ant-input-number:hover {
8931
+ z-index: 1;
8932
+ border-right-width: 1px;
8784
8933
  }
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;
8934
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8935
+ z-index: 0;
8788
8936
  }
8789
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
8937
+ .ant-input-number-group-addon {
8938
+ position: relative;
8790
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;
8791
8949
  }
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%;
8950
+ .ant-input-number-group-addon .ant-select {
8951
+ margin: -5px -11px;
8807
8952
  }
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%;
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;
8815
8958
  }
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;
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;
8826
8962
  }
8827
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
8828
- cursor: text;
8963
+ .ant-input-number-group-addon .ant-cascader-picker {
8964
+ margin: -9px -12px;
8965
+ background-color: transparent;
8829
8966
  }
8830
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
8831
- background: #f5f5f5;
8832
- cursor: not-allowed;
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;
8833
8972
  }
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';
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;
8840
8977
  }
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;
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;
8844
8982
  }
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%;
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;
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;
8876
8986
  }
8877
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
8878
- color: #bfbfbf;
8879
- border-color: #d9d9d9;
8880
- cursor: not-allowed;
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;
8881
8990
  }
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;
8991
+ .ant-input-number-group-addon:first-child {
8992
+ border-right: 0;
8888
8993
  }
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;
8994
+ .ant-input-number-group-addon:last-child {
8995
+ border-left: 0;
8905
8996
  }
8906
- .ant-select-multiple .ant-select-selection-item-remove > * {
8907
- line-height: 1;
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;
8908
9001
  }
8909
- .ant-select-multiple .ant-select-selection-item-remove svg {
8910
- display: inline-block;
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;
8911
9006
  }
8912
- .ant-select-multiple .ant-select-selection-item-remove::before {
8913
- display: none;
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;
8914
9011
  }
8915
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
8916
- display: block;
9012
+ .ant-input-number-group-sm .ant-input-number,
9013
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
9014
+ padding: 0px 7px;
8917
9015
  }
8918
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
8919
- vertical-align: -0.2em;
9016
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
9017
+ height: 40px;
8920
9018
  }
8921
- .ant-select-multiple .ant-select-selection-item-remove:hover {
8922
- color: rgba(0, 0, 0, 0.75);
9019
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
9020
+ height: 24px;
8923
9021
  }
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;
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;
8927
9025
  }
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;
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;
9029
+ }
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;
9034
+ }
9035
+ .ant-input-number-group.ant-input-number-group-compact {
9036
+ display: block;
8935
9037
  }
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;
9038
+ .ant-input-number-group.ant-input-number-group-compact::before {
9039
+ display: table;
9040
+ content: '';
8943
9041
  }
8944
- .ant-select-multiple .ant-select-selection-search-input {
8945
- width: 100%;
8946
- min-width: 4.1px;
9042
+ .ant-input-number-group.ant-input-number-group-compact::after {
9043
+ display: table;
9044
+ clear: both;
9045
+ content: '';
8947
9046
  }
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;
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;
8955
9051
  }
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;
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;
8965
9056
  }
8966
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
8967
- line-height: 32px;
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;
8968
9061
  }
8969
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
8970
- height: 32px;
8971
- line-height: 30px;
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;
8972
9067
  }
8973
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
8974
- height: 32px;
8975
- line-height: 32px;
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;
8976
9072
  }
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;
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;
8981
9077
  }
8982
- .ant-select-multiple.ant-select-sm .ant-select-selector::after {
8983
- line-height: 16px;
9078
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
9079
+ margin-right: -1px;
9080
+ border-right-width: 1px;
8984
9081
  }
8985
- .ant-select-multiple.ant-select-sm .ant-select-selection-item {
8986
- height: 16px;
8987
- line-height: 14px;
9082
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
9083
+ float: none;
8988
9084
  }
8989
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
8990
- height: 16px;
8991
- line-height: 16px;
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;
8992
9091
  }
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;
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;
8997
9097
  }
8998
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
8999
- left: 7px;
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;
9000
9103
  }
9001
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
9002
- -webkit-margin-start: 3px;
9003
- margin-inline-start: 3px;
9104
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
9105
+ z-index: 1;
9004
9106
  }
9005
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
9006
- height: 32px;
9007
- line-height: 32px;
9107
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
9108
+ z-index: 1;
9008
9109
  }
9009
- .ant-select-disabled .ant-select-selection-item-remove {
9010
- display: none;
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;
9011
9116
  }
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;
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;
9028
9124
  }
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);
9125
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
9126
+ vertical-align: top;
9036
9127
  }
9037
- .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9038
- cursor: pointer;
9128
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
9129
+ margin-left: -1px;
9039
9130
  }
9040
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
9041
- cursor: text;
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;
9042
9133
  }
9043
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9044
- cursor: auto;
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;
9045
9136
  }
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;
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;
9052
9139
  }
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;
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;
9056
9143
  }
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;
9144
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
9145
+ border-right: 1px solid #d9d9d9;
9146
+ border-left: 0;
9061
9147
  }
9062
- .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
9063
- background: #f5f5f5;
9148
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
9149
+ border-right: 0;
9150
+ border-left: 1px solid #d9d9d9;
9064
9151
  }
9065
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
9066
- cursor: not-allowed;
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;
9067
9155
  }
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;
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;
9077
9158
  }
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;
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;
9082
9161
  }
9083
- .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
9084
- border-color: #40a9ff;
9085
- border-right-width: 1px !important;
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;
9086
9166
  }
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;
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;
9090
9172
  }
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;
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;
9099
9180
  }
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
- }
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;
9184
+ }
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;
9106
9187
  }
9107
- .ant-select-selection-placeholder {
9108
- -webkit-box-flex: 1;
9109
- -ms-flex: 1;
9110
- flex: 1;
9188
+ .ant-input-number-group-wrapper {
9189
+ display: inline-block;
9190
+ text-align: start;
9191
+ vertical-align: top;
9192
+ }
9193
+ .ant-input-number-handler {
9194
+ position: relative;
9195
+ display: block;
9196
+ width: 100%;
9197
+ height: 50%;
9111
9198
  overflow: hidden;
9112
- color: #bfbfbf;
9113
- white-space: nowrap;
9114
- text-overflow: ellipsis;
9115
- pointer-events: none;
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;
9116
9206
  }
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
- }
9207
+ .ant-input-number-handler:active {
9208
+ background: #f4f4f4;
9123
9209
  }
9124
- .ant-select-arrow {
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;
9213
+ }
9214
+ .ant-input-number-handler-up-inner,
9215
+ .ant-input-number-handler-down-inner {
9125
9216
  display: inline-block;
9126
9217
  color: inherit;
9127
9218
  font-style: normal;
9128
9219
  line-height: 0;
9220
+ text-align: center;
9129
9221
  text-transform: none;
9130
9222
  vertical-align: -0.125em;
9131
9223
  text-rendering: optimizeLegibility;
9132
9224
  -webkit-font-smoothing: antialiased;
9133
9225
  -moz-osx-font-smoothing: grayscale;
9134
9226
  position: absolute;
9135
- top: 50%;
9136
- right: 11px;
9227
+ right: 4px;
9137
9228
  width: 12px;
9138
9229
  height: 12px;
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;
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;
9145
9238
  }
9146
- .ant-select-arrow > * {
9239
+ .ant-input-number-handler-up-inner > *,
9240
+ .ant-input-number-handler-down-inner > * {
9147
9241
  line-height: 1;
9148
9242
  }
9149
- .ant-select-arrow svg {
9243
+ .ant-input-number-handler-up-inner svg,
9244
+ .ant-input-number-handler-down-inner svg {
9150
9245
  display: inline-block;
9151
9246
  }
9152
- .ant-select-arrow::before {
9247
+ .ant-input-number-handler-up-inner::before,
9248
+ .ant-input-number-handler-down-inner::before {
9153
9249
  display: none;
9154
9250
  }
9155
- .ant-select-arrow .ant-select-arrow-icon {
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 {
9156
9255
  display: block;
9157
9256
  }
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;
9164
- }
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;
9257
+ .ant-input-number:hover {
9258
+ border-color: #40a9ff;
9259
+ border-right-width: 1px !important;
9173
9260
  }
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;
9261
+ .ant-input-number:hover + .ant-form-item-children-icon {
9191
9262
  opacity: 0;
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;
9195
- }
9196
- .ant-select-clear::before {
9197
- display: block;
9198
- }
9199
- .ant-select-clear:hover {
9200
- color: rgba(0, 0, 0, 0.45);
9201
- }
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;
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) {
9302
- background-color: #f5f5f5;
9263
+ -webkit-transition: opacity 0.24s linear 0.24s;
9264
+ transition: opacity 0.24s linear 0.24s;
9303
9265
  }
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;
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;
9308
9272
  }
9309
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
9310
- color: #1890ff;
9273
+ .ant-input-rtl .ant-input-number-focused {
9274
+ border-right-width: 0;
9275
+ border-left-width: 1px !important;
9311
9276
  }
9312
- .ant-select-item-option-disabled {
9277
+ .ant-input-number-disabled {
9313
9278
  color: rgba(0, 0, 0, 0.25);
9314
- cursor: not-allowed;
9315
- }
9316
- .ant-select-item-option-disabled.ant-select-item-option-selected {
9317
9279
  background-color: #f5f5f5;
9280
+ border-color: #d9d9d9;
9281
+ -webkit-box-shadow: none;
9282
+ box-shadow: none;
9283
+ cursor: not-allowed;
9284
+ opacity: 1;
9318
9285
  }
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;
9330
- }
9331
- .ant-select-rtl {
9332
- direction: rtl;
9286
+ .ant-input-number-disabled:hover {
9287
+ border-color: #d9d9d9;
9288
+ border-right-width: 1px !important;
9333
9289
  }
9334
- .ant-select-rtl .ant-select-arrow {
9335
- right: initial;
9336
- left: 11px;
9290
+ .ant-input-number-disabled .ant-input-number-input {
9291
+ cursor: not-allowed;
9337
9292
  }
9338
- .ant-select-rtl .ant-select-clear {
9339
- right: initial;
9340
- left: 11px;
9293
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
9294
+ display: none;
9341
9295
  }
9342
- .ant-select-dropdown-rtl {
9343
- direction: rtl;
9296
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
9297
+ display: none;
9344
9298
  }
9345
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
9346
- padding-right: 24px;
9347
- padding-left: 12px;
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 */
9348
9314
  }
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;
9315
+ .ant-input-number-input::-moz-placeholder {
9316
+ opacity: 1;
9353
9317
  }
9354
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
9355
- text-align: right;
9318
+ .ant-input-number-input::-webkit-input-placeholder {
9319
+ color: #bfbfbf;
9320
+ -webkit-user-select: none;
9321
+ user-select: none;
9356
9322
  }
9357
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
9358
- margin-right: 0;
9359
- margin-left: 4px;
9360
- text-align: right;
9323
+ .ant-input-number-input::-ms-input-placeholder {
9324
+ color: #bfbfbf;
9325
+ -ms-user-select: none;
9326
+ user-select: none;
9361
9327
  }
9362
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
9363
- right: 0;
9364
- left: auto;
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;
9365
9334
  }
9366
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
9367
- right: 11px;
9368
- left: auto;
9335
+ .ant-input-number-input:placeholder-shown {
9336
+ text-overflow: ellipsis;
9369
9337
  }
9370
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
9371
- right: 7px;
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;
9372
9344
  }
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 {
9375
- right: 0;
9376
- left: 9px;
9377
- text-align: right;
9345
+ .ant-input-number-lg {
9346
+ padding: 0;
9347
+ font-size: 16px;
9378
9348
  }
9379
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
9380
- right: 11px;
9381
- left: 25px;
9349
+ .ant-input-number-lg input {
9350
+ height: 38px;
9382
9351
  }
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;
9352
+ .ant-input-number-sm {
9353
+ padding: 0;
9387
9354
  }
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;
9355
+ .ant-input-number-sm input {
9356
+ height: 22px;
9357
+ padding: 0 7px;
9390
9358
  }
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;
9359
+ .ant-input-number-handler-wrap {
9360
+ position: absolute;
9361
+ top: 0;
9362
+ 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;
9395
9370
  }
9396
- .pandora-sdk-selector {
9397
- width: 100%;
9398
- color: #333;
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;
9399
9385
  }
9400
- .pandora-sdk-selector .ant-select-selection {
9401
- background: #fff;
9386
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
9387
+ border-left-width: 0;
9402
9388
  }
9403
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9404
- opacity: 0;
9389
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
9390
+ height: 40%;
9405
9391
  }
9406
- .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9407
- color: #666;
9408
- background: #f5f5f5;
9409
- border: none;
9392
+ .ant-input-number:hover .ant-input-number-handler-wrap,
9393
+ .ant-input-number-focused .ant-input-number-handler-wrap {
9394
+ opacity: 1;
9410
9395
  }
9411
- .pandora-sdk-selector .ant-select-selection-item-remove {
9412
- color: #d9d9d9;
9396
+ .ant-input-number-handler-up {
9397
+ border-top-right-radius: 2px;
9398
+ cursor: pointer;
9413
9399
  }
9414
- .pandora-sdk-selector .ant-select-selection--single {
9415
- height: 32px;
9400
+ .ant-input-number-handler-up-inner {
9401
+ top: 50%;
9402
+ margin-top: -5px;
9403
+ text-align: center;
9416
9404
  }
9417
- .pandora-sdk-selector .ant-select-selection__rendered {
9418
- line-height: 30px;
9405
+ .ant-input-number-handler-up:hover {
9406
+ height: 60% !important;
9419
9407
  }
9420
- .pandora-sdk-selector .ant-select-selection__clear {
9421
- background: #fff;
9422
- color: #666;
9408
+ .ant-input-number-handler-down {
9409
+ top: 0;
9410
+ border-top: 1px solid #d9d9d9;
9411
+ border-bottom-right-radius: 2px;
9412
+ cursor: pointer;
9423
9413
  }
9424
- .pandora-sdk-selector .ant-select-selection__clear i {
9425
- color: inherit;
9414
+ .ant-input-number-handler-down-inner {
9415
+ top: 50%;
9416
+ text-align: center;
9417
+ -webkit-transform: translateY(-50%);
9418
+ transform: translateY(-50%);
9426
9419
  }
9427
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9428
- margin: 0;
9420
+ .ant-input-number-handler-down:hover {
9421
+ height: 60% !important;
9429
9422
  }
9430
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9431
- -webkit-appearance: none;
9423
+ .ant-input-number-borderless .ant-input-number-handler-down {
9424
+ border-top-width: 0;
9432
9425
  }
9433
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9434
- width: 6px;
9426
+ .ant-input-number-handler-up-disabled,
9427
+ .ant-input-number-handler-down-disabled {
9428
+ cursor: not-allowed;
9435
9429
  }
9436
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9437
- height: 6px;
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);
9438
9433
  }
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);
9434
+ .ant-input-number-borderless {
9435
+ -webkit-box-shadow: none;
9436
+ box-shadow: none;
9442
9437
  }
9443
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9444
- background: rgba(35, 44, 59, 0.6);
9438
+ .ant-input-number-out-of-range input {
9439
+ color: #ff4d4f;
9445
9440
  }
9446
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9447
- background-color: transparent;
9448
- border-radius: 100px;
9441
+ .ant-input-number-rtl {
9442
+ direction: rtl;
9449
9443
  }
9450
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9451
- background: transparent;
9444
+ .ant-input-number-rtl .ant-input-number-handler {
9445
+ border-right: 1px solid #d9d9d9;
9446
+ border-left: 0;
9452
9447
  }
9453
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9454
- color: #d9d9d9;
9448
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
9449
+ right: auto;
9450
+ left: 0;
9455
9451
  }
9456
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9457
- color: #2c6dd2;
9458
- font-weight: 400;
9452
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
9453
+ border-right-width: 0;
9459
9454
  }
9460
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9461
- color: #2c6dd2;
9455
+ .ant-input-number-rtl .ant-input-number-handler-up {
9456
+ border-top-right-radius: 0;
9462
9457
  }
9463
- .pandora-sdk-selector-dropdown .ant-select-item-group {
9464
- color: #d9d9d9;
9458
+ .ant-input-number-rtl .ant-input-number-handler-down {
9459
+ border-bottom-right-radius: 0;
9465
9460
  }
9466
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9467
- display: inline-block;
9468
- min-width: 100%;
9461
+ .ant-input-number-rtl .ant-input-number-input {
9462
+ direction: ltr;
9463
+ text-align: right;
9469
9464
  }
9470
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9471
- overflow: unset;
9472
- text-overflow: unset;
9465
+ .pandora-sdk-range-input {
9466
+ position: relative;
9473
9467
  }
9474
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9475
- color: #2c6dd2;
9476
- cursor: default;
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;
9477
9473
  }
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;
9474
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
9475
+ width: calc(50% - 20px);
9476
+ text-align: center;
9477
+ display: inline-block;
9481
9478
  }
9482
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9483
- color: #2c6dd2;
9479
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
9480
+ color: #ff4d4f;
9481
+ line-height: 24px;
9482
+ font-size: 12px;
9484
9483
  }
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;
9484
+ .pandora-sdk-range-input .ant-input-number {
9485
+ width: 100%;
9487
9486
  }
9488
- .pandora-sdk-selector-create-lint {
9489
- display: block;
9487
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
9488
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
9489
+ -webkit-appearance: none;
9490
9490
  }
9491
- .pandora-sdk-close-icon {
9492
- color: #d9d9d9;
9491
+ .pandora-sdk-range-input input[type='number'] {
9492
+ -moz-appearance: textfield;
9493
9493
  }
9494
9494
  .ant-spin {
9495
9495
  -webkit-box-sizing: border-box;
@@ -10533,6 +10533,32 @@ 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
+ }
10536
10562
  .ant-table.ant-table-middle {
10537
10563
  font-size: 14px;
10538
10564
  }
@@ -12269,31 +12295,26 @@ textarea.ant-pagination-options-quick-jumper input {
12269
12295
  position: absolute;
12270
12296
  right: 12px;
12271
12297
  }
12272
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12273
- position: relative;
12274
- }
12275
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12276
- opacity: 1;
12277
- pointer-events: auto;
12278
- }
12279
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12280
- margin-right: 0;
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;
12281
12307
  }
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%);
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;
12294
12315
  }
12295
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12296
- color: #2c6dd2;
12316
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12317
+ color: #7a869a;
12297
12318
  }
12298
12319
  .ant-tag {
12299
12320
  -webkit-box-sizing: border-box;
@@ -12562,27 +12583,6 @@ textarea.ant-pagination-options-quick-jumper input {
12562
12583
  .pandora-sdk-popover > div {
12563
12584
  margin: 4px;
12564
12585
  }
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;
@@ -13202,12 +13202,6 @@ textarea.ant-pagination-options-quick-jumper input {
13202
13202
  .pandora-sdk-tree-select-dropdown .ant-empty {
13203
13203
  text-align: center;
13204
13204
  }
13205
- .pandora-sdk-card-search-input {
13206
- min-width: 200px;
13207
- }
13208
- .pandora-sdk-card-search-input i {
13209
- color: #bfbfbf;
13210
- }
13211
13205
  .ant-row {
13212
13206
  display: -webkit-box;
13213
13207
  display: -ms-flexbox;
@@ -19097,6 +19091,12 @@ textarea.ant-pagination-options-quick-jumper input {
19097
19091
  .pandora-sdk-card-row-extra button {
19098
19092
  min-width: 80px;
19099
19093
  }
19094
+ .pandora-sdk-card-search-input {
19095
+ min-width: 200px;
19096
+ }
19097
+ .pandora-sdk-card-search-input i {
19098
+ color: #bfbfbf;
19099
+ }
19100
19100
  .ant-picker {
19101
19101
  -webkit-box-sizing: border-box;
19102
19102
  box-sizing: border-box;
@@ -20628,32 +20628,6 @@ _:-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
- }
20657
20631
  .pandora-sdk-timeline-item {
20658
20632
  font-size: 14px;
20659
20633
  list-style: none;
@@ -20698,20 +20672,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20698
20672
  font-size: 14px;
20699
20673
  color: #333;
20700
20674
  }
20701
- .pandora-sdk-transfer-list {
20702
- overflow: hidden;
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;
20703
20685
  }
20704
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20705
- margin-bottom: 10px;
20686
+ .pandora-sdk-switch.pandora-sdk-active {
20687
+ color: #d9d9d9;
20706
20688
  }
20707
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20708
- margin-bottom: 10px;
20689
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20690
+ background: #2c6dd2;
20709
20691
  }
20710
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20711
- margin-bottom: 10px;
20692
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20693
+ background: #52c41a;
20712
20694
  }
20713
- .pandora-sdk-search-icon {
20714
- color: inherit;
20695
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20696
+ background: #faad14;
20697
+ }
20698
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20699
+ background: #03a9f4;
20715
20700
  }
20716
20701
  .pandora-sdk-transfer-list-body {
20717
20702
  height: 300px;
@@ -20729,6 +20714,49 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20729
20714
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20730
20715
  margin-bottom: 10px;
20731
20716
  }
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
+ }
20732
20760
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
20733
20761
  display: -webkit-box;
20734
20762
  display: -ms-flexbox;
@@ -20765,31 +20793,3 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20765
20793
  border-radius: 2px;
20766
20794
  border: 2px solid #939393;
20767
20795
  }
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
- }