@qn-pandora/pandora-component 5.1.3 → 5.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/index.css CHANGED
@@ -4830,14 +4830,6 @@ textarea.ant-input {
4830
4830
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4831
4831
  border: none;
4832
4832
  }
4833
- .pandora-sdk-checkbox-item {
4834
- white-space: nowrap;
4835
- width: 100%;
4836
- }
4837
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4838
- margin-left: 0;
4839
- line-height: 25px;
4840
- }
4841
4833
  .pandora-sdk-collapsible-panel > .panel-header {
4842
4834
  position: relative;
4843
4835
  padding: 12px 16px 12px 40px;
@@ -4894,6 +4886,22 @@ textarea.ant-input {
4894
4886
  padding-left: 16px;
4895
4887
  padding-right: 16px;
4896
4888
  }
4889
+ .pandora-sdk-checkbox-item {
4890
+ white-space: nowrap;
4891
+ width: 100%;
4892
+ }
4893
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4894
+ margin-left: 0;
4895
+ line-height: 25px;
4896
+ }
4897
+ .pandora-sdk-flame-graph-wrapper :global .d3-flame-graph-label {
4898
+ padding: 4px 8px;
4899
+ text-overflow: ellipsis;
4900
+ white-space: nowrap;
4901
+ font-size: 11px;
4902
+ cursor: pointer;
4903
+ overflow: hidden;
4904
+ }
4897
4905
  .ant-popover {
4898
4906
  -webkit-box-sizing: border-box;
4899
4907
  box-sizing: border-box;
@@ -5253,14 +5261,6 @@ textarea.ant-input {
5253
5261
  color: #333;
5254
5262
  overflow: hidden;
5255
5263
  }
5256
- .pandora-sdk-flame-graph-wrapper :global .d3-flame-graph-label {
5257
- padding: 4px 8px;
5258
- text-overflow: ellipsis;
5259
- white-space: nowrap;
5260
- font-size: 11px;
5261
- cursor: pointer;
5262
- overflow: hidden;
5263
- }
5264
5264
  .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
5265
5265
  padding: 0;
5266
5266
  }
@@ -5273,1120 +5273,1120 @@ textarea.ant-input {
5273
5273
  .pandora-sdk-datetime-pick-popover {
5274
5274
  width: 650px;
5275
5275
  }
5276
- .ant-input[disabled] {
5277
- border-color: #d9d9d9;
5276
+ .ant-drawer {
5277
+ position: fixed;
5278
+ top: 0;
5279
+ right: 0;
5280
+ bottom: 0;
5281
+ left: 0;
5282
+ z-index: 1000;
5283
+ pointer-events: none;
5278
5284
  }
5279
- .ant-input-group-addon {
5280
- color: #666;
5285
+ .ant-drawer-inline {
5286
+ position: absolute;
5281
5287
  }
5282
- .ant-upload {
5283
- -webkit-box-sizing: border-box;
5284
- box-sizing: border-box;
5285
- margin: 0;
5286
- padding: 0;
5287
- color: rgba(0, 0, 0, 0.85);
5288
- font-size: 14px;
5289
- font-variant: tabular-nums;
5290
- line-height: 1.5715;
5291
- list-style: none;
5292
- -webkit-font-feature-settings: 'tnum';
5293
- font-feature-settings: 'tnum';
5294
- outline: 0;
5288
+ .ant-drawer-mask {
5289
+ position: absolute;
5290
+ top: 0;
5291
+ right: 0;
5292
+ bottom: 0;
5293
+ left: 0;
5294
+ z-index: 1000;
5295
+ background: rgba(0, 0, 0, 0.45);
5296
+ pointer-events: auto;
5295
5297
  }
5296
- .ant-upload p {
5297
- margin: 0;
5298
+ .ant-drawer-content-wrapper {
5299
+ position: absolute;
5300
+ z-index: 1000;
5301
+ -webkit-transition: all 0.3s;
5302
+ transition: all 0.3s;
5298
5303
  }
5299
- .ant-upload-btn {
5300
- display: block;
5301
- width: 100%;
5302
- outline: none;
5304
+ .ant-drawer-content-wrapper-hidden {
5305
+ display: none;
5303
5306
  }
5304
- .ant-upload input[type='file'] {
5305
- cursor: pointer;
5307
+ .ant-drawer-left > .ant-drawer-content-wrapper {
5308
+ top: 0;
5309
+ bottom: 0;
5310
+ left: 0;
5311
+ -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
5312
+ box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
5306
5313
  }
5307
- .ant-upload.ant-upload-select {
5308
- display: inline-block;
5314
+ .ant-drawer-right > .ant-drawer-content-wrapper {
5315
+ top: 0;
5316
+ right: 0;
5317
+ bottom: 0;
5318
+ -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
5319
+ box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
5309
5320
  }
5310
- .ant-upload.ant-upload-disabled {
5311
- color: rgba(0, 0, 0, 0.25);
5312
- cursor: not-allowed;
5321
+ .ant-drawer-top > .ant-drawer-content-wrapper {
5322
+ top: 0;
5323
+ right: 0;
5324
+ left: 0;
5325
+ -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
5326
+ box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
5313
5327
  }
5314
- .ant-upload.ant-upload-select-picture-card {
5315
- width: 104px;
5316
- height: 104px;
5317
- margin-right: 8px;
5318
- margin-bottom: 8px;
5319
- text-align: center;
5320
- vertical-align: top;
5321
- background-color: #fafafa;
5322
- border: 1px dashed #d9d9d9;
5323
- border-radius: 2px;
5324
- cursor: pointer;
5325
- -webkit-transition: border-color 0.3s;
5326
- transition: border-color 0.3s;
5328
+ .ant-drawer-bottom > .ant-drawer-content-wrapper {
5329
+ right: 0;
5330
+ bottom: 0;
5331
+ left: 0;
5332
+ -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
5333
+ box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
5327
5334
  }
5328
- .ant-upload.ant-upload-select-picture-card > .ant-upload {
5335
+ .ant-drawer-content {
5336
+ width: 100%;
5337
+ height: 100%;
5338
+ overflow: auto;
5339
+ background: #fff;
5340
+ pointer-events: auto;
5341
+ }
5342
+ .ant-drawer-wrapper-body {
5343
+ display: -webkit-box;
5344
+ display: -ms-flexbox;
5345
+ display: flex;
5346
+ -webkit-box-orient: vertical;
5347
+ -webkit-box-direction: normal;
5348
+ -ms-flex-direction: column;
5349
+ flex-direction: column;
5350
+ width: 100%;
5351
+ height: 100%;
5352
+ }
5353
+ .ant-drawer-header {
5329
5354
  display: -webkit-box;
5330
5355
  display: -ms-flexbox;
5331
5356
  display: flex;
5357
+ -webkit-box-flex: 0;
5358
+ -ms-flex: 0;
5359
+ flex: 0;
5332
5360
  -webkit-box-align: center;
5333
5361
  -ms-flex-align: center;
5334
5362
  align-items: center;
5335
- -webkit-box-pack: center;
5336
- -ms-flex-pack: center;
5337
- justify-content: center;
5338
- height: 100%;
5339
- text-align: center;
5363
+ padding: 16px 24px;
5364
+ font-size: 16px;
5365
+ line-height: 22px;
5366
+ border-bottom: 1px solid #f0f0f0;
5340
5367
  }
5341
- .ant-upload.ant-upload-select-picture-card:hover {
5342
- border-color: #1890ff;
5368
+ .ant-drawer-header-title {
5369
+ display: -webkit-box;
5370
+ display: -ms-flexbox;
5371
+ display: flex;
5372
+ -webkit-box-flex: 1;
5373
+ -ms-flex: 1;
5374
+ flex: 1;
5375
+ -webkit-box-align: center;
5376
+ -ms-flex-align: center;
5377
+ align-items: center;
5378
+ min-width: 0;
5379
+ min-height: 0;
5343
5380
  }
5344
- .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5345
- border-color: #d9d9d9;
5381
+ .ant-drawer-extra {
5382
+ -webkit-box-flex: 0;
5383
+ -ms-flex: none;
5384
+ flex: none;
5346
5385
  }
5347
- .ant-upload.ant-upload-drag {
5348
- position: relative;
5349
- width: 100%;
5350
- height: 100%;
5386
+ .ant-drawer-close {
5387
+ display: inline-block;
5388
+ margin-right: 12px;
5389
+ color: rgba(0, 0, 0, 0.45);
5390
+ font-weight: 700;
5391
+ font-size: 16px;
5392
+ font-style: normal;
5393
+ line-height: 1;
5351
5394
  text-align: center;
5352
- background: #fafafa;
5353
- border: 1px dashed #d9d9d9;
5354
- border-radius: 2px;
5395
+ text-transform: none;
5396
+ text-decoration: none;
5397
+ background: transparent;
5398
+ border: 0;
5399
+ outline: 0;
5355
5400
  cursor: pointer;
5356
- -webkit-transition: border-color 0.3s;
5357
- transition: border-color 0.3s;
5358
- }
5359
- .ant-upload.ant-upload-drag .ant-upload {
5360
- padding: 16px 0;
5401
+ -webkit-transition: color 0.3s;
5402
+ transition: color 0.3s;
5403
+ text-rendering: auto;
5361
5404
  }
5362
- .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5363
- border-color: #096dd9;
5405
+ .ant-drawer-close:focus,
5406
+ .ant-drawer-close:hover {
5407
+ color: rgba(0, 0, 0, 0.75);
5408
+ text-decoration: none;
5364
5409
  }
5365
- .ant-upload.ant-upload-drag.ant-upload-disabled {
5366
- cursor: not-allowed;
5410
+ .ant-drawer-title {
5411
+ -webkit-box-flex: 1;
5412
+ -ms-flex: 1;
5413
+ flex: 1;
5414
+ margin: 0;
5415
+ color: rgba(0, 0, 0, 0.85);
5416
+ font-weight: 500;
5417
+ font-size: 16px;
5418
+ line-height: 22px;
5367
5419
  }
5368
- .ant-upload.ant-upload-drag .ant-upload-btn {
5369
- display: table;
5370
- height: 100%;
5420
+ .ant-drawer-body {
5421
+ -webkit-box-flex: 1;
5422
+ -ms-flex: 1;
5423
+ flex: 1;
5424
+ min-width: 0;
5425
+ min-height: 0;
5426
+ padding: 24px;
5427
+ overflow: auto;
5371
5428
  }
5372
- .ant-upload.ant-upload-drag .ant-upload-drag-container {
5373
- display: table-cell;
5374
- vertical-align: middle;
5429
+ .ant-drawer-footer {
5430
+ -ms-flex-negative: 0;
5431
+ flex-shrink: 0;
5432
+ padding: 10px 16px;
5433
+ border-top: 1px solid #f0f0f0;
5375
5434
  }
5376
- .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5377
- border-color: #40a9ff;
5435
+ .panel-motion-enter-start,
5436
+ .panel-motion-appear-start,
5437
+ .panel-motion-leave-start {
5438
+ -webkit-transition: none;
5439
+ transition: none;
5378
5440
  }
5379
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5380
- margin-bottom: 20px;
5441
+ .panel-motion-enter-active,
5442
+ .panel-motion-appear-active,
5443
+ .panel-motion-leave-active {
5444
+ -webkit-transition: all 0.3s;
5445
+ transition: all 0.3s;
5381
5446
  }
5382
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5383
- color: #40a9ff;
5384
- font-size: 48px;
5447
+ .ant-drawer-mask-motion-enter-active,
5448
+ .ant-drawer-mask-motion-appear-active,
5449
+ .ant-drawer-mask-motion-leave-active {
5450
+ -webkit-transition: all 0.3s;
5451
+ transition: all 0.3s;
5385
5452
  }
5386
- .ant-upload.ant-upload-drag p.ant-upload-text {
5387
- margin: 0 0 4px;
5388
- color: rgba(0, 0, 0, 0.85);
5389
- font-size: 16px;
5453
+ .ant-drawer-mask-motion-enter,
5454
+ .ant-drawer-mask-motion-appear {
5455
+ opacity: 0;
5390
5456
  }
5391
- .ant-upload.ant-upload-drag p.ant-upload-hint {
5392
- color: rgba(0, 0, 0, 0.45);
5393
- font-size: 14px;
5457
+ .ant-drawer-mask-motion-enter-active,
5458
+ .ant-drawer-mask-motion-appear-active {
5459
+ opacity: 1;
5394
5460
  }
5395
- .ant-upload.ant-upload-drag .anticon-plus {
5396
- color: rgba(0, 0, 0, 0.25);
5397
- font-size: 30px;
5461
+ .ant-drawer-mask-motion-leave {
5462
+ opacity: 1;
5463
+ }
5464
+ .ant-drawer-mask-motion-leave-active {
5465
+ opacity: 0;
5466
+ }
5467
+ .ant-drawer-panel-motion-left-enter-start,
5468
+ .ant-drawer-panel-motion-left-appear-start,
5469
+ .ant-drawer-panel-motion-left-leave-start {
5470
+ -webkit-transition: none;
5471
+ transition: none;
5472
+ }
5473
+ .ant-drawer-panel-motion-left-enter-active,
5474
+ .ant-drawer-panel-motion-left-appear-active,
5475
+ .ant-drawer-panel-motion-left-leave-active {
5398
5476
  -webkit-transition: all 0.3s;
5399
5477
  transition: all 0.3s;
5400
5478
  }
5401
- .ant-upload.ant-upload-drag .anticon-plus:hover {
5402
- color: rgba(0, 0, 0, 0.45);
5479
+ .ant-drawer-panel-motion-left-enter-start,
5480
+ .ant-drawer-panel-motion-left-appear-start {
5481
+ -webkit-transform: translateX(-100%) !important;
5482
+ transform: translateX(-100%) !important;
5403
5483
  }
5404
- .ant-upload.ant-upload-drag:hover .anticon-plus {
5405
- color: rgba(0, 0, 0, 0.45);
5484
+ .ant-drawer-panel-motion-left-enter-active,
5485
+ .ant-drawer-panel-motion-left-appear-active {
5486
+ -webkit-transform: translateX(0);
5487
+ transform: translateX(0);
5406
5488
  }
5407
- .ant-upload-picture-card-wrapper {
5408
- display: inline-block;
5409
- width: 100%;
5489
+ .ant-drawer-panel-motion-left-leave {
5490
+ -webkit-transform: translateX(0);
5491
+ transform: translateX(0);
5410
5492
  }
5411
- .ant-upload-picture-card-wrapper::before {
5412
- display: table;
5413
- content: '';
5493
+ .ant-drawer-panel-motion-left-leave-active {
5494
+ -webkit-transform: translateX(-100%);
5495
+ transform: translateX(-100%);
5414
5496
  }
5415
- .ant-upload-picture-card-wrapper::after {
5416
- display: table;
5417
- clear: both;
5418
- content: '';
5497
+ .ant-drawer-panel-motion-right-enter-start,
5498
+ .ant-drawer-panel-motion-right-appear-start,
5499
+ .ant-drawer-panel-motion-right-leave-start {
5500
+ -webkit-transition: none;
5501
+ transition: none;
5419
5502
  }
5420
- .ant-upload-list {
5421
- -webkit-box-sizing: border-box;
5422
- box-sizing: border-box;
5423
- margin: 0;
5424
- padding: 0;
5425
- color: rgba(0, 0, 0, 0.85);
5426
- font-size: 14px;
5427
- font-variant: tabular-nums;
5428
- list-style: none;
5429
- -webkit-font-feature-settings: 'tnum';
5430
- font-feature-settings: 'tnum';
5431
- line-height: 1.5715;
5503
+ .ant-drawer-panel-motion-right-enter-active,
5504
+ .ant-drawer-panel-motion-right-appear-active,
5505
+ .ant-drawer-panel-motion-right-leave-active {
5506
+ -webkit-transition: all 0.3s;
5507
+ transition: all 0.3s;
5432
5508
  }
5433
- .ant-upload-list::before {
5434
- display: table;
5435
- content: '';
5509
+ .ant-drawer-panel-motion-right-enter-start,
5510
+ .ant-drawer-panel-motion-right-appear-start {
5511
+ -webkit-transform: translateX(100%) !important;
5512
+ transform: translateX(100%) !important;
5436
5513
  }
5437
- .ant-upload-list::after {
5438
- display: table;
5439
- clear: both;
5440
- content: '';
5514
+ .ant-drawer-panel-motion-right-enter-active,
5515
+ .ant-drawer-panel-motion-right-appear-active {
5516
+ -webkit-transform: translateX(0);
5517
+ transform: translateX(0);
5441
5518
  }
5442
- .ant-upload-list-item {
5443
- position: relative;
5444
- height: 22.001px;
5445
- margin-top: 8px;
5446
- font-size: 14px;
5519
+ .ant-drawer-panel-motion-right-leave {
5520
+ -webkit-transform: translateX(0);
5521
+ transform: translateX(0);
5447
5522
  }
5448
- .ant-upload-list-item-name {
5449
- display: inline-block;
5450
- width: 100%;
5451
- padding-left: 22px;
5452
- overflow: hidden;
5453
- line-height: 1.5715;
5454
- white-space: nowrap;
5455
- text-overflow: ellipsis;
5523
+ .ant-drawer-panel-motion-right-leave-active {
5524
+ -webkit-transform: translateX(100%);
5525
+ transform: translateX(100%);
5456
5526
  }
5457
- .ant-upload-list-item-card-actions {
5458
- position: absolute;
5459
- right: 0;
5527
+ .ant-drawer-panel-motion-top-enter-start,
5528
+ .ant-drawer-panel-motion-top-appear-start,
5529
+ .ant-drawer-panel-motion-top-leave-start {
5530
+ -webkit-transition: none;
5531
+ transition: none;
5460
5532
  }
5461
- .ant-upload-list-item-card-actions-btn {
5462
- opacity: 0;
5533
+ .ant-drawer-panel-motion-top-enter-active,
5534
+ .ant-drawer-panel-motion-top-appear-active,
5535
+ .ant-drawer-panel-motion-top-leave-active {
5536
+ -webkit-transition: all 0.3s;
5537
+ transition: all 0.3s;
5463
5538
  }
5464
- .ant-upload-list-item-card-actions-btn.ant-btn-sm {
5465
- height: 22.001px;
5466
- line-height: 1;
5467
- vertical-align: top;
5539
+ .ant-drawer-panel-motion-top-enter-start,
5540
+ .ant-drawer-panel-motion-top-appear-start {
5541
+ -webkit-transform: translateY(-100%) !important;
5542
+ transform: translateY(-100%) !important;
5468
5543
  }
5469
- .ant-upload-list-item-card-actions.picture {
5470
- top: 22px;
5471
- line-height: 0;
5544
+ .ant-drawer-panel-motion-top-enter-active,
5545
+ .ant-drawer-panel-motion-top-appear-active {
5546
+ -webkit-transform: translateY(0);
5547
+ transform: translateY(0);
5472
5548
  }
5473
- .ant-upload-list-item-card-actions-btn:focus,
5474
- .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
5475
- opacity: 1;
5549
+ .ant-drawer-panel-motion-top-leave {
5550
+ -webkit-transform: translateY(0);
5551
+ transform: translateY(0);
5476
5552
  }
5477
- .ant-upload-list-item-card-actions .anticon {
5478
- color: rgba(0, 0, 0, 0.45);
5553
+ .ant-drawer-panel-motion-top-leave-active {
5554
+ -webkit-transform: translateY(-100%);
5555
+ transform: translateY(-100%);
5556
+ }
5557
+ .ant-drawer-panel-motion-bottom-enter-start,
5558
+ .ant-drawer-panel-motion-bottom-appear-start,
5559
+ .ant-drawer-panel-motion-bottom-leave-start {
5560
+ -webkit-transition: none;
5561
+ transition: none;
5562
+ }
5563
+ .ant-drawer-panel-motion-bottom-enter-active,
5564
+ .ant-drawer-panel-motion-bottom-appear-active,
5565
+ .ant-drawer-panel-motion-bottom-leave-active {
5479
5566
  -webkit-transition: all 0.3s;
5480
5567
  transition: all 0.3s;
5481
5568
  }
5482
- .ant-upload-list-item-card-actions:hover .anticon {
5483
- color: rgba(0, 0, 0, 0.85);
5569
+ .ant-drawer-panel-motion-bottom-enter-start,
5570
+ .ant-drawer-panel-motion-bottom-appear-start {
5571
+ -webkit-transform: translateY(100%) !important;
5572
+ transform: translateY(100%) !important;
5484
5573
  }
5485
- .ant-upload-list-item-info {
5486
- height: 100%;
5487
- -webkit-transition: background-color 0.3s;
5488
- transition: background-color 0.3s;
5574
+ .ant-drawer-panel-motion-bottom-enter-active,
5575
+ .ant-drawer-panel-motion-bottom-appear-active {
5576
+ -webkit-transform: translateY(0);
5577
+ transform: translateY(0);
5489
5578
  }
5490
- .ant-upload-list-item-info > span {
5491
- display: block;
5492
- width: 100%;
5493
- height: 100%;
5579
+ .ant-drawer-panel-motion-bottom-leave {
5580
+ -webkit-transform: translateY(0);
5581
+ transform: translateY(0);
5494
5582
  }
5495
- .ant-upload-list-item-info .anticon-loading .anticon,
5496
- .ant-upload-list-item-info .ant-upload-text-icon .anticon {
5497
- position: absolute;
5498
- top: 5px;
5499
- color: rgba(0, 0, 0, 0.45);
5500
- font-size: 14px;
5583
+ .ant-drawer-panel-motion-bottom-leave-active {
5584
+ -webkit-transform: translateY(100%);
5585
+ transform: translateY(100%);
5501
5586
  }
5502
- .ant-upload-list-item:hover .ant-upload-list-item-info {
5503
- background-color: #f5f5f5;
5587
+ .ant-drawer-rtl {
5588
+ direction: rtl;
5504
5589
  }
5505
- .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
5506
- opacity: 1;
5590
+ .ant-drawer-rtl .ant-drawer-close {
5591
+ margin-right: 0;
5592
+ margin-left: 12px;
5507
5593
  }
5508
- .ant-upload-list-item-error,
5509
- .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
5510
- .ant-upload-list-item-error .ant-upload-list-item-name {
5511
- color: #ff4d4f;
5594
+ .pandora-sdk-drawer.pandora-sdk-drawer-no-mask {
5595
+ background-color: transparent;
5512
5596
  }
5513
- .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5514
- color: #ff4d4f;
5597
+ .pandora-sdk-drawer .ant-drawer-content-wrapper {
5598
+ width: 50%;
5599
+ min-width: 300px;
5515
5600
  }
5516
- .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
5517
- opacity: 1;
5601
+ .pandora-sdk-drawer .ant-drawer-content > div {
5602
+ position: relative;
5518
5603
  }
5519
- .ant-upload-list-item-progress {
5520
- position: absolute;
5521
- bottom: -12px;
5522
- width: 100%;
5523
- padding-left: 26px;
5604
+ .pandora-sdk-drawer .ant-drawer-close-x {
5605
+ width: 60px;
5606
+ height: 60px;
5607
+ line-height: 60px;
5608
+ }
5609
+ .pandora-sdk-drawer .ant-drawer-header-title {
5610
+ overflow: hidden;
5611
+ }
5612
+ .pandora-sdk-drawer .ant-drawer-body {
5524
5613
  font-size: 14px;
5525
- line-height: 0;
5526
5614
  }
5527
- .ant-upload-list-picture .ant-upload-list-item,
5528
- .ant-upload-list-picture-card .ant-upload-list-item {
5529
- position: relative;
5530
- height: 66px;
5531
- padding: 8px;
5532
- border: 1px solid #d9d9d9;
5533
- border-radius: 2px;
5615
+ .pandora-sdk-drawer-size-small {
5616
+ max-width: 38%;
5534
5617
  }
5535
- .ant-upload-list-picture .ant-upload-list-item:hover,
5536
- .ant-upload-list-picture-card .ant-upload-list-item:hover {
5537
- background: transparent;
5618
+ .pandora-sdk-drawer-size-default {
5619
+ max-width: 50%;
5538
5620
  }
5539
- .ant-upload-list-picture .ant-upload-list-item-error,
5540
- .ant-upload-list-picture-card .ant-upload-list-item-error {
5541
- border-color: #ff4d4f;
5542
- }
5543
- .ant-upload-list-picture .ant-upload-list-item-info,
5544
- .ant-upload-list-picture-card .ant-upload-list-item-info {
5545
- padding: 0;
5546
- }
5547
- .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
5548
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
5549
- background: transparent;
5550
- }
5551
- .ant-upload-list-picture .ant-upload-list-item-uploading,
5552
- .ant-upload-list-picture-card .ant-upload-list-item-uploading {
5553
- border-style: dashed;
5554
- }
5555
- .ant-upload-list-picture .ant-upload-list-item-thumbnail,
5556
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5557
- width: 48px;
5558
- height: 48px;
5559
- line-height: 60px;
5560
- text-align: center;
5561
- opacity: 0.8;
5562
- }
5563
- .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
5564
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
5565
- font-size: 26px;
5566
- }
5567
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
5568
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
5569
- fill: #fff2f0;
5621
+ .pandora-sdk-drawer-size-large {
5622
+ max-width: 75%;
5570
5623
  }
5571
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
5572
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
5573
- fill: #ff4d4f;
5624
+ .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5625
+ width: 100%;
5574
5626
  }
5575
- .ant-upload-list-picture .ant-upload-list-item-icon,
5576
- .ant-upload-list-picture-card .ant-upload-list-item-icon {
5627
+ .pandora-sdk-scroll-handler {
5577
5628
  position: absolute;
5578
- top: 50%;
5579
- left: 50%;
5580
- font-size: 26px;
5581
- -webkit-transform: translate(-50%, -50%);
5582
- transform: translate(-50%, -50%);
5629
+ width: 5px;
5630
+ padding: 4px 0 0;
5631
+ top: 0;
5632
+ left: 0;
5633
+ bottom: 0;
5634
+ z-index: 100;
5635
+ cursor: ew-resize;
5583
5636
  }
5584
- .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
5585
- .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
5586
- font-size: 26px;
5637
+ .pandora-sdk-drawer-close-icon {
5638
+ margin-left: 24px;
5587
5639
  }
5588
- .ant-upload-list-picture .ant-upload-list-item-image,
5589
- .ant-upload-list-picture-card .ant-upload-list-item-image {
5590
- max-width: 100%;
5640
+ .pandora-sdk-drawer-header-full-icon {
5641
+ margin-left: 24px;
5642
+ color: #333;
5643
+ font-size: 14px;
5591
5644
  }
5592
- .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
5593
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5594
- display: block;
5595
- width: 48px;
5596
- height: 48px;
5597
- overflow: hidden;
5645
+ .pandora-sdk-drawer-no-mask {
5646
+ background-color: #d9d9d9;
5598
5647
  }
5599
- .ant-upload-list-picture .ant-upload-list-item-name,
5600
- .ant-upload-list-picture-card .ant-upload-list-item-name {
5601
- display: inline-block;
5648
+ .ant-upload {
5602
5649
  -webkit-box-sizing: border-box;
5603
5650
  box-sizing: border-box;
5604
- max-width: 100%;
5605
- margin: 0 0 0 8px;
5606
- padding-right: 8px;
5607
- padding-left: 48px;
5608
- overflow: hidden;
5609
- line-height: 44px;
5610
- white-space: nowrap;
5611
- text-overflow: ellipsis;
5612
- -webkit-transition: all 0.3s;
5613
- transition: all 0.3s;
5651
+ margin: 0;
5652
+ padding: 0;
5653
+ color: rgba(0, 0, 0, 0.85);
5654
+ font-size: 14px;
5655
+ font-variant: tabular-nums;
5656
+ line-height: 1.5715;
5657
+ list-style: none;
5658
+ -webkit-font-feature-settings: 'tnum';
5659
+ font-feature-settings: 'tnum';
5660
+ outline: 0;
5614
5661
  }
5615
- .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
5616
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
5617
- margin-bottom: 12px;
5662
+ .ant-upload p {
5663
+ margin: 0;
5618
5664
  }
5619
- .ant-upload-list-picture .ant-upload-list-item-progress,
5620
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
5621
- bottom: 14px;
5622
- width: calc(100% - 24px);
5623
- margin-top: 0;
5624
- padding-left: 56px;
5665
+ .ant-upload-btn {
5666
+ display: block;
5667
+ width: 100%;
5668
+ outline: none;
5625
5669
  }
5626
- .ant-upload-list-picture-card-container {
5670
+ .ant-upload input[type='file'] {
5671
+ cursor: pointer;
5672
+ }
5673
+ .ant-upload.ant-upload-select {
5627
5674
  display: inline-block;
5675
+ }
5676
+ .ant-upload.ant-upload-disabled {
5677
+ color: rgba(0, 0, 0, 0.25);
5678
+ cursor: not-allowed;
5679
+ }
5680
+ .ant-upload.ant-upload-select-picture-card {
5628
5681
  width: 104px;
5629
5682
  height: 104px;
5630
- margin: 0 8px 8px 0;
5683
+ margin-right: 8px;
5684
+ margin-bottom: 8px;
5685
+ text-align: center;
5631
5686
  vertical-align: top;
5687
+ background-color: #fafafa;
5688
+ border: 1px dashed #d9d9d9;
5689
+ border-radius: 2px;
5690
+ cursor: pointer;
5691
+ -webkit-transition: border-color 0.3s;
5692
+ transition: border-color 0.3s;
5632
5693
  }
5633
- .ant-upload-list-picture-card .ant-upload-list-item {
5694
+ .ant-upload.ant-upload-select-picture-card > .ant-upload {
5695
+ display: -webkit-box;
5696
+ display: -ms-flexbox;
5697
+ display: flex;
5698
+ -webkit-box-align: center;
5699
+ -ms-flex-align: center;
5700
+ align-items: center;
5701
+ -webkit-box-pack: center;
5702
+ -ms-flex-pack: center;
5703
+ justify-content: center;
5634
5704
  height: 100%;
5635
- margin: 0;
5705
+ text-align: center;
5636
5706
  }
5637
- .ant-upload-list-picture-card .ant-upload-list-item-info {
5707
+ .ant-upload.ant-upload-select-picture-card:hover {
5708
+ border-color: #1890ff;
5709
+ }
5710
+ .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5711
+ border-color: #d9d9d9;
5712
+ }
5713
+ .ant-upload.ant-upload-drag {
5638
5714
  position: relative;
5715
+ width: 100%;
5639
5716
  height: 100%;
5640
- overflow: hidden;
5717
+ text-align: center;
5718
+ background: #fafafa;
5719
+ border: 1px dashed #d9d9d9;
5720
+ border-radius: 2px;
5721
+ cursor: pointer;
5722
+ -webkit-transition: border-color 0.3s;
5723
+ transition: border-color 0.3s;
5641
5724
  }
5642
- .ant-upload-list-picture-card .ant-upload-list-item-info::before {
5643
- position: absolute;
5644
- z-index: 1;
5645
- width: 100%;
5725
+ .ant-upload.ant-upload-drag .ant-upload {
5726
+ padding: 16px 0;
5727
+ }
5728
+ .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5729
+ border-color: #096dd9;
5730
+ }
5731
+ .ant-upload.ant-upload-drag.ant-upload-disabled {
5732
+ cursor: not-allowed;
5733
+ }
5734
+ .ant-upload.ant-upload-drag .ant-upload-btn {
5735
+ display: table;
5646
5736
  height: 100%;
5647
- background-color: rgba(0, 0, 0, 0.5);
5648
- opacity: 0;
5649
- -webkit-transition: all 0.3s;
5650
- transition: all 0.3s;
5651
- content: ' ';
5652
5737
  }
5653
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
5654
- opacity: 1;
5738
+ .ant-upload.ant-upload-drag .ant-upload-drag-container {
5739
+ display: table-cell;
5740
+ vertical-align: middle;
5655
5741
  }
5656
- .ant-upload-list-picture-card .ant-upload-list-item-actions {
5657
- position: absolute;
5658
- top: 50%;
5659
- left: 50%;
5660
- z-index: 10;
5661
- white-space: nowrap;
5662
- -webkit-transform: translate(-50%, -50%);
5663
- transform: translate(-50%, -50%);
5664
- opacity: 0;
5665
- -webkit-transition: all 0.3s;
5666
- transition: all 0.3s;
5742
+ .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5743
+ border-color: #40a9ff;
5667
5744
  }
5668
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
5669
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
5670
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
5671
- z-index: 10;
5672
- width: 16px;
5673
- margin: 0 4px;
5674
- color: rgba(255, 255, 255, 0.85);
5745
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5746
+ margin-bottom: 20px;
5747
+ }
5748
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5749
+ color: #40a9ff;
5750
+ font-size: 48px;
5751
+ }
5752
+ .ant-upload.ant-upload-drag p.ant-upload-text {
5753
+ margin: 0 0 4px;
5754
+ color: rgba(0, 0, 0, 0.85);
5675
5755
  font-size: 16px;
5676
- cursor: pointer;
5756
+ }
5757
+ .ant-upload.ant-upload-drag p.ant-upload-hint {
5758
+ color: rgba(0, 0, 0, 0.45);
5759
+ font-size: 14px;
5760
+ }
5761
+ .ant-upload.ant-upload-drag .anticon-plus {
5762
+ color: rgba(0, 0, 0, 0.25);
5763
+ font-size: 30px;
5677
5764
  -webkit-transition: all 0.3s;
5678
5765
  transition: all 0.3s;
5679
5766
  }
5680
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
5681
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
5682
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
5683
- color: #fff;
5767
+ .ant-upload.ant-upload-drag .anticon-plus:hover {
5768
+ color: rgba(0, 0, 0, 0.45);
5684
5769
  }
5685
- .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
5686
- .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
5687
- opacity: 1;
5770
+ .ant-upload.ant-upload-drag:hover .anticon-plus {
5771
+ color: rgba(0, 0, 0, 0.45);
5688
5772
  }
5689
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
5690
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5691
- position: static;
5692
- display: block;
5773
+ .ant-upload-picture-card-wrapper {
5774
+ display: inline-block;
5693
5775
  width: 100%;
5694
- height: 100%;
5695
- -o-object-fit: contain;
5696
- object-fit: contain;
5697
5776
  }
5698
- .ant-upload-list-picture-card .ant-upload-list-item-name {
5699
- display: none;
5700
- margin: 8px 0 0;
5701
- padding: 0;
5702
- line-height: 1.5715;
5703
- text-align: center;
5777
+ .ant-upload-picture-card-wrapper::before {
5778
+ display: table;
5779
+ content: '';
5704
5780
  }
5705
- .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5706
- position: absolute;
5707
- bottom: 10px;
5708
- display: block;
5709
- }
5710
- .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
5711
- background-color: #fafafa;
5712
- }
5713
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
5714
- height: auto;
5715
- }
5716
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
5717
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
5718
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
5719
- display: none;
5720
- }
5721
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
5722
- bottom: 32px;
5723
- width: calc(100% - 14px);
5724
- padding-left: 0;
5725
- }
5726
- .ant-upload-list-text-container,
5727
- .ant-upload-list-picture-container {
5728
- -webkit-transition: opacity 0.3s, height 0.3s;
5729
- transition: opacity 0.3s, height 0.3s;
5730
- }
5731
- .ant-upload-list-text-container::before,
5732
- .ant-upload-list-picture-container::before {
5781
+ .ant-upload-picture-card-wrapper::after {
5733
5782
  display: table;
5734
- width: 0;
5735
- height: 0;
5783
+ clear: both;
5736
5784
  content: '';
5737
5785
  }
5738
- .ant-upload-list-text-container .ant-upload-span,
5739
- .ant-upload-list-picture-container .ant-upload-span {
5740
- display: block;
5741
- -webkit-box-flex: 1;
5742
- -ms-flex: auto;
5743
- flex: auto;
5744
- }
5745
- .ant-upload-list-text .ant-upload-span,
5746
- .ant-upload-list-picture .ant-upload-span {
5747
- display: -webkit-box;
5748
- display: -ms-flexbox;
5749
- display: flex;
5750
- -webkit-box-align: center;
5751
- -ms-flex-align: center;
5752
- align-items: center;
5786
+ .ant-upload-list {
5787
+ -webkit-box-sizing: border-box;
5788
+ box-sizing: border-box;
5789
+ margin: 0;
5790
+ padding: 0;
5791
+ color: rgba(0, 0, 0, 0.85);
5792
+ font-size: 14px;
5793
+ font-variant: tabular-nums;
5794
+ list-style: none;
5795
+ -webkit-font-feature-settings: 'tnum';
5796
+ font-feature-settings: 'tnum';
5797
+ line-height: 1.5715;
5753
5798
  }
5754
- .ant-upload-list-text .ant-upload-span > *,
5755
- .ant-upload-list-picture .ant-upload-span > * {
5756
- -webkit-box-flex: 0;
5757
- -ms-flex: none;
5758
- flex: none;
5799
+ .ant-upload-list::before {
5800
+ display: table;
5801
+ content: '';
5759
5802
  }
5760
- .ant-upload-list-text .ant-upload-list-item-name,
5761
- .ant-upload-list-picture .ant-upload-list-item-name {
5762
- -webkit-box-flex: 1;
5763
- -ms-flex: auto;
5764
- flex: auto;
5765
- margin: 0;
5766
- padding: 0 8px;
5803
+ .ant-upload-list::after {
5804
+ display: table;
5805
+ clear: both;
5806
+ content: '';
5767
5807
  }
5768
- .ant-upload-list-text .ant-upload-list-item-card-actions,
5769
- .ant-upload-list-picture .ant-upload-list-item-card-actions {
5770
- position: static;
5808
+ .ant-upload-list-item {
5809
+ position: relative;
5810
+ height: 22.001px;
5811
+ margin-top: 8px;
5812
+ font-size: 14px;
5771
5813
  }
5772
- .ant-upload-list-text .ant-upload-text-icon .anticon {
5773
- position: static;
5814
+ .ant-upload-list-item-name {
5815
+ display: inline-block;
5816
+ width: 100%;
5817
+ padding-left: 22px;
5818
+ overflow: hidden;
5819
+ line-height: 1.5715;
5820
+ white-space: nowrap;
5821
+ text-overflow: ellipsis;
5774
5822
  }
5775
- .ant-upload-list .ant-upload-animate-inline-appear,
5776
- .ant-upload-list .ant-upload-animate-inline-enter,
5777
- .ant-upload-list .ant-upload-animate-inline-leave {
5778
- -webkit-animation-duration: 0.3s;
5779
- animation-duration: 0.3s;
5780
- -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5781
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5782
- -webkit-animation-fill-mode: forwards;
5783
- animation-fill-mode: forwards;
5823
+ .ant-upload-list-item-card-actions {
5824
+ position: absolute;
5825
+ right: 0;
5784
5826
  }
5785
- .ant-upload-list .ant-upload-animate-inline-appear,
5786
- .ant-upload-list .ant-upload-animate-inline-enter {
5787
- -webkit-animation-name: uploadAnimateInlineIn;
5788
- animation-name: uploadAnimateInlineIn;
5827
+ .ant-upload-list-item-card-actions-btn {
5828
+ opacity: 0;
5789
5829
  }
5790
- .ant-upload-list .ant-upload-animate-inline-leave {
5791
- -webkit-animation-name: uploadAnimateInlineOut;
5792
- animation-name: uploadAnimateInlineOut;
5830
+ .ant-upload-list-item-card-actions-btn.ant-btn-sm {
5831
+ height: 22.001px;
5832
+ line-height: 1;
5833
+ vertical-align: top;
5793
5834
  }
5794
- @-webkit-keyframes uploadAnimateInlineIn {
5795
- from {
5796
- width: 0;
5797
- height: 0;
5798
- margin: 0;
5799
- padding: 0;
5800
- opacity: 0;
5801
- }
5835
+ .ant-upload-list-item-card-actions.picture {
5836
+ top: 22px;
5837
+ line-height: 0;
5802
5838
  }
5803
- @keyframes uploadAnimateInlineIn {
5804
- from {
5805
- width: 0;
5806
- height: 0;
5807
- margin: 0;
5808
- padding: 0;
5809
- opacity: 0;
5810
- }
5839
+ .ant-upload-list-item-card-actions-btn:focus,
5840
+ .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
5841
+ opacity: 1;
5811
5842
  }
5812
- @-webkit-keyframes uploadAnimateInlineOut {
5813
- to {
5814
- width: 0;
5815
- height: 0;
5816
- margin: 0;
5817
- padding: 0;
5818
- opacity: 0;
5819
- }
5843
+ .ant-upload-list-item-card-actions .anticon {
5844
+ color: rgba(0, 0, 0, 0.45);
5845
+ -webkit-transition: all 0.3s;
5846
+ transition: all 0.3s;
5820
5847
  }
5821
- @keyframes uploadAnimateInlineOut {
5822
- to {
5823
- width: 0;
5824
- height: 0;
5825
- margin: 0;
5826
- padding: 0;
5827
- opacity: 0;
5828
- }
5848
+ .ant-upload-list-item-card-actions:hover .anticon {
5849
+ color: rgba(0, 0, 0, 0.85);
5829
5850
  }
5830
- .ant-upload-rtl {
5831
- direction: rtl;
5851
+ .ant-upload-list-item-info {
5852
+ height: 100%;
5853
+ -webkit-transition: background-color 0.3s;
5854
+ transition: background-color 0.3s;
5832
5855
  }
5833
- .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
5834
- margin-right: auto;
5835
- margin-left: 8px;
5856
+ .ant-upload-list-item-info > span {
5857
+ display: block;
5858
+ width: 100%;
5859
+ height: 100%;
5836
5860
  }
5837
- .ant-upload-list-rtl {
5838
- direction: rtl;
5861
+ .ant-upload-list-item-info .anticon-loading .anticon,
5862
+ .ant-upload-list-item-info .ant-upload-text-icon .anticon {
5863
+ position: absolute;
5864
+ top: 5px;
5865
+ color: rgba(0, 0, 0, 0.45);
5866
+ font-size: 14px;
5839
5867
  }
5840
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
5841
- padding-right: 22px;
5842
- padding-left: 14px;
5868
+ .ant-upload-list-item:hover .ant-upload-list-item-info {
5869
+ background-color: #f5f5f5;
5843
5870
  }
5844
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
5845
- padding-right: 22px;
5846
- padding-left: 28px;
5871
+ .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
5872
+ opacity: 1;
5847
5873
  }
5848
- .ant-upload-list-rtl .ant-upload-list-item-name {
5849
- padding-right: 22px;
5850
- padding-left: 0;
5874
+ .ant-upload-list-item-error,
5875
+ .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
5876
+ .ant-upload-list-item-error .ant-upload-list-item-name {
5877
+ color: #ff4d4f;
5851
5878
  }
5852
- .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
5853
- padding-left: 14px;
5879
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5880
+ color: #ff4d4f;
5854
5881
  }
5855
- .ant-upload-list-rtl .ant-upload-list-item-card-actions {
5856
- right: auto;
5857
- left: 0;
5882
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
5883
+ opacity: 1;
5858
5884
  }
5859
- .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
5860
- padding-right: 0;
5861
- padding-left: 5px;
5885
+ .ant-upload-list-item-progress {
5886
+ position: absolute;
5887
+ bottom: -12px;
5888
+ width: 100%;
5889
+ padding-left: 26px;
5890
+ font-size: 14px;
5891
+ line-height: 0;
5862
5892
  }
5863
- .ant-upload-list-rtl .ant-upload-list-item-info {
5864
- padding: 0 4px 0 12px;
5893
+ .ant-upload-list-picture .ant-upload-list-item,
5894
+ .ant-upload-list-picture-card .ant-upload-list-item {
5895
+ position: relative;
5896
+ height: 66px;
5897
+ padding: 8px;
5898
+ border: 1px solid #d9d9d9;
5899
+ border-radius: 2px;
5865
5900
  }
5866
- .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5867
- padding-right: 0;
5868
- padding-left: 5px;
5901
+ .ant-upload-list-picture .ant-upload-list-item:hover,
5902
+ .ant-upload-list-picture-card .ant-upload-list-item:hover {
5903
+ background: transparent;
5869
5904
  }
5870
- .ant-upload-list-rtl .ant-upload-list-item-progress {
5871
- padding-right: 26px;
5872
- padding-left: 0;
5905
+ .ant-upload-list-picture .ant-upload-list-item-error,
5906
+ .ant-upload-list-picture-card .ant-upload-list-item-error {
5907
+ border-color: #ff4d4f;
5873
5908
  }
5874
5909
  .ant-upload-list-picture .ant-upload-list-item-info,
5875
5910
  .ant-upload-list-picture-card .ant-upload-list-item-info {
5876
5911
  padding: 0;
5877
5912
  }
5878
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
5879
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5880
- right: 8px;
5881
- left: auto;
5913
+ .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
5914
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
5915
+ background: transparent;
5882
5916
  }
5883
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
5884
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
5885
- right: 50%;
5886
- left: auto;
5887
- -webkit-transform: translate(50%, -50%);
5888
- transform: translate(50%, -50%);
5889
- }
5890
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
5891
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
5892
- margin: 0 8px 0 0;
5893
- padding-right: 48px;
5894
- padding-left: 8px;
5895
- }
5896
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
5897
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
5898
- padding-right: 48px;
5899
- padding-left: 18px;
5917
+ .ant-upload-list-picture .ant-upload-list-item-uploading,
5918
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading {
5919
+ border-style: dashed;
5900
5920
  }
5901
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
5902
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
5903
- padding-right: 48px;
5904
- padding-left: 36px;
5921
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail,
5922
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5923
+ width: 48px;
5924
+ height: 48px;
5925
+ line-height: 60px;
5926
+ text-align: center;
5927
+ opacity: 0.8;
5905
5928
  }
5906
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5907
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5908
- padding-right: 0;
5909
- padding-left: 0;
5929
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
5930
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
5931
+ font-size: 26px;
5910
5932
  }
5911
- .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5912
- margin: 0 0 8px 8px;
5933
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
5934
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
5935
+ fill: #fff2f0;
5913
5936
  }
5914
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5915
- right: 50%;
5916
- left: auto;
5917
- -webkit-transform: translate(50%, -50%);
5918
- transform: translate(50%, -50%);
5937
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
5938
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
5939
+ fill: #ff4d4f;
5919
5940
  }
5920
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5921
- margin: 8px 0 0;
5922
- padding: 0;
5941
+ .ant-upload-list-picture .ant-upload-list-item-icon,
5942
+ .ant-upload-list-picture-card .ant-upload-list-item-icon {
5943
+ position: absolute;
5944
+ top: 50%;
5945
+ left: 50%;
5946
+ font-size: 26px;
5947
+ -webkit-transform: translate(-50%, -50%);
5948
+ transform: translate(-50%, -50%);
5923
5949
  }
5924
- .pandora-sdk-file-resumable {
5925
- cursor: pointer;
5950
+ .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
5951
+ .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
5952
+ font-size: 26px;
5926
5953
  }
5927
- .pandora-sdk-file-resumable-run-container {
5928
- text-align: right;
5954
+ .ant-upload-list-picture .ant-upload-list-item-image,
5955
+ .ant-upload-list-picture-card .ant-upload-list-item-image {
5956
+ max-width: 100%;
5929
5957
  }
5930
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5931
- color: #436bff;
5932
- cursor: pointer;
5933
- font-size: 14px;
5934
- margin: 0 6px;
5958
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
5959
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5960
+ display: block;
5961
+ width: 48px;
5962
+ height: 48px;
5963
+ overflow: hidden;
5935
5964
  }
5936
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5937
- color: #d9d9d9;
5965
+ .ant-upload-list-picture .ant-upload-list-item-name,
5966
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
5967
+ display: inline-block;
5968
+ -webkit-box-sizing: border-box;
5969
+ box-sizing: border-box;
5970
+ max-width: 100%;
5971
+ margin: 0 0 0 8px;
5972
+ padding-right: 8px;
5973
+ padding-left: 48px;
5974
+ overflow: hidden;
5975
+ line-height: 44px;
5976
+ white-space: nowrap;
5977
+ text-overflow: ellipsis;
5978
+ -webkit-transition: all 0.3s;
5979
+ transition: all 0.3s;
5938
5980
  }
5939
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5940
- cursor: not-allowed;
5981
+ .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
5982
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
5983
+ margin-bottom: 12px;
5941
5984
  }
5942
- .pandora-sdk-file-resumable-upload-icon {
5943
- font-size: 50px;
5944
- color: inherit;
5985
+ .ant-upload-list-picture .ant-upload-list-item-progress,
5986
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5987
+ bottom: 14px;
5988
+ width: calc(100% - 24px);
5989
+ margin-top: 0;
5990
+ padding-left: 56px;
5945
5991
  }
5946
- .downloadIcon {
5947
- color: #436bff;
5948
- cursor: pointer;
5949
- font-size: 20px;
5992
+ .ant-upload-list-picture-card-container {
5993
+ display: inline-block;
5994
+ width: 104px;
5995
+ height: 104px;
5996
+ margin: 0 8px 8px 0;
5997
+ vertical-align: top;
5950
5998
  }
5951
- .pandora-sdk-file-resumable:hover {
5952
- border-color: #436bff;
5999
+ .ant-upload-list-picture-card .ant-upload-list-item {
6000
+ height: 100%;
6001
+ margin: 0;
5953
6002
  }
5954
- .pandora-sdk-file-resumable-img-container {
5955
- background: #d9d9d9;
5956
- border: 1px dashed #d9d9d9;
5957
- width: 50px;
5958
- height: 50px;
5959
- padding: 4px;
5960
- border-radius: 2px;
5961
- -webkit-box-align: center;
5962
- -ms-flex-align: center;
5963
- align-items: center;
5964
- cursor: pointer;
6003
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5965
6004
  position: relative;
5966
- font-size: 16px;
5967
- display: -webkit-box;
5968
- display: -ms-flexbox;
5969
- display: flex;
5970
- -webkit-box-pack: center;
5971
- -ms-flex-pack: center;
5972
- justify-content: center;
6005
+ height: 100%;
6006
+ overflow: hidden;
5973
6007
  }
5974
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5975
- display: -webkit-box;
5976
- display: -ms-flexbox;
5977
- display: flex;
5978
- -webkit-box-pack: center;
5979
- -ms-flex-pack: center;
5980
- justify-content: center;
5981
- -webkit-box-align: center;
5982
- -ms-flex-align: center;
5983
- align-items: center;
6008
+ .ant-upload-list-picture-card .ant-upload-list-item-info::before {
5984
6009
  position: absolute;
5985
- top: 4px;
5986
- left: 4px;
5987
- right: 4px;
5988
- bottom: 4px;
5989
- }
5990
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5991
- font-size: 16px;
5992
- }
5993
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5994
- display: none;
6010
+ z-index: 1;
6011
+ width: 100%;
6012
+ height: 100%;
6013
+ background-color: rgba(0, 0, 0, 0.5);
6014
+ opacity: 0;
6015
+ -webkit-transition: all 0.3s;
6016
+ transition: all 0.3s;
6017
+ content: ' ';
5995
6018
  }
5996
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5997
- max-width: 100%;
5998
- max-height: 100%;
5999
- padding: 4px;
6019
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
6020
+ opacity: 1;
6000
6021
  }
6001
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
6002
- background: rgba(51, 51, 51, 0.7);
6003
- display: -webkit-box;
6004
- display: -ms-flexbox;
6005
- display: flex;
6022
+ .ant-upload-list-picture-card .ant-upload-list-item-actions {
6023
+ position: absolute;
6024
+ top: 50%;
6025
+ left: 50%;
6026
+ z-index: 10;
6027
+ white-space: nowrap;
6028
+ -webkit-transform: translate(-50%, -50%);
6029
+ transform: translate(-50%, -50%);
6030
+ opacity: 0;
6031
+ -webkit-transition: all 0.3s;
6032
+ transition: all 0.3s;
6006
6033
  }
6007
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
6034
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
6035
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
6036
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
6037
+ z-index: 10;
6038
+ width: 16px;
6039
+ margin: 0 4px;
6040
+ color: rgba(255, 255, 255, 0.85);
6008
6041
  font-size: 16px;
6009
- color: #d9d9d9;
6010
- }
6011
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
6012
- width: 50px;
6013
- height: 50px;
6014
- border: none;
6015
- }
6016
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
6017
- padding: 0;
6018
- }
6019
- .ant-drawer {
6020
- position: fixed;
6021
- top: 0;
6022
- right: 0;
6023
- bottom: 0;
6024
- left: 0;
6025
- z-index: 1000;
6026
- pointer-events: none;
6042
+ cursor: pointer;
6043
+ -webkit-transition: all 0.3s;
6044
+ transition: all 0.3s;
6027
6045
  }
6028
- .ant-drawer-inline {
6029
- position: absolute;
6046
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
6047
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
6048
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
6049
+ color: #fff;
6030
6050
  }
6031
- .ant-drawer-mask {
6032
- position: absolute;
6033
- top: 0;
6034
- right: 0;
6035
- bottom: 0;
6036
- left: 0;
6037
- z-index: 1000;
6038
- background: rgba(0, 0, 0, 0.45);
6039
- pointer-events: auto;
6051
+ .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
6052
+ .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
6053
+ opacity: 1;
6040
6054
  }
6041
- .ant-drawer-content-wrapper {
6042
- position: absolute;
6043
- z-index: 1000;
6044
- -webkit-transition: all 0.3s;
6045
- transition: all 0.3s;
6055
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
6056
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
6057
+ position: static;
6058
+ display: block;
6059
+ width: 100%;
6060
+ height: 100%;
6061
+ -o-object-fit: contain;
6062
+ object-fit: contain;
6046
6063
  }
6047
- .ant-drawer-content-wrapper-hidden {
6064
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
6048
6065
  display: none;
6066
+ margin: 8px 0 0;
6067
+ padding: 0;
6068
+ line-height: 1.5715;
6069
+ text-align: center;
6049
6070
  }
6050
- .ant-drawer-left > .ant-drawer-content-wrapper {
6051
- top: 0;
6052
- bottom: 0;
6053
- left: 0;
6054
- -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
6055
- box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
6071
+ .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
6072
+ position: absolute;
6073
+ bottom: 10px;
6074
+ display: block;
6056
6075
  }
6057
- .ant-drawer-right > .ant-drawer-content-wrapper {
6058
- top: 0;
6059
- right: 0;
6060
- bottom: 0;
6061
- -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
6062
- box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
6076
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
6077
+ background-color: #fafafa;
6063
6078
  }
6064
- .ant-drawer-top > .ant-drawer-content-wrapper {
6065
- top: 0;
6066
- right: 0;
6067
- left: 0;
6068
- -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
6069
- box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
6079
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
6080
+ height: auto;
6070
6081
  }
6071
- .ant-drawer-bottom > .ant-drawer-content-wrapper {
6072
- right: 0;
6073
- bottom: 0;
6074
- left: 0;
6075
- -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
6076
- box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
6082
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
6083
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
6084
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
6085
+ display: none;
6077
6086
  }
6078
- .ant-drawer-content {
6079
- width: 100%;
6080
- height: 100%;
6081
- overflow: auto;
6082
- background: #fff;
6083
- pointer-events: auto;
6087
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
6088
+ bottom: 32px;
6089
+ width: calc(100% - 14px);
6090
+ padding-left: 0;
6084
6091
  }
6085
- .ant-drawer-wrapper-body {
6086
- display: -webkit-box;
6087
- display: -ms-flexbox;
6088
- display: flex;
6089
- -webkit-box-orient: vertical;
6090
- -webkit-box-direction: normal;
6091
- -ms-flex-direction: column;
6092
- flex-direction: column;
6093
- width: 100%;
6094
- height: 100%;
6092
+ .ant-upload-list-text-container,
6093
+ .ant-upload-list-picture-container {
6094
+ -webkit-transition: opacity 0.3s, height 0.3s;
6095
+ transition: opacity 0.3s, height 0.3s;
6095
6096
  }
6096
- .ant-drawer-header {
6097
- display: -webkit-box;
6098
- display: -ms-flexbox;
6099
- display: flex;
6100
- -webkit-box-flex: 0;
6101
- -ms-flex: 0;
6102
- flex: 0;
6103
- -webkit-box-align: center;
6104
- -ms-flex-align: center;
6105
- align-items: center;
6106
- padding: 16px 24px;
6107
- font-size: 16px;
6108
- line-height: 22px;
6109
- border-bottom: 1px solid #f0f0f0;
6097
+ .ant-upload-list-text-container::before,
6098
+ .ant-upload-list-picture-container::before {
6099
+ display: table;
6100
+ width: 0;
6101
+ height: 0;
6102
+ content: '';
6110
6103
  }
6111
- .ant-drawer-header-title {
6104
+ .ant-upload-list-text-container .ant-upload-span,
6105
+ .ant-upload-list-picture-container .ant-upload-span {
6106
+ display: block;
6107
+ -webkit-box-flex: 1;
6108
+ -ms-flex: auto;
6109
+ flex: auto;
6110
+ }
6111
+ .ant-upload-list-text .ant-upload-span,
6112
+ .ant-upload-list-picture .ant-upload-span {
6112
6113
  display: -webkit-box;
6113
6114
  display: -ms-flexbox;
6114
6115
  display: flex;
6115
- -webkit-box-flex: 1;
6116
- -ms-flex: 1;
6117
- flex: 1;
6118
6116
  -webkit-box-align: center;
6119
6117
  -ms-flex-align: center;
6120
6118
  align-items: center;
6121
- min-width: 0;
6122
- min-height: 0;
6123
6119
  }
6124
- .ant-drawer-extra {
6120
+ .ant-upload-list-text .ant-upload-span > *,
6121
+ .ant-upload-list-picture .ant-upload-span > * {
6125
6122
  -webkit-box-flex: 0;
6126
6123
  -ms-flex: none;
6127
6124
  flex: none;
6128
6125
  }
6129
- .ant-drawer-close {
6130
- display: inline-block;
6131
- margin-right: 12px;
6132
- color: rgba(0, 0, 0, 0.45);
6133
- font-weight: 700;
6134
- font-size: 16px;
6135
- font-style: normal;
6136
- line-height: 1;
6137
- text-align: center;
6138
- text-transform: none;
6139
- text-decoration: none;
6140
- background: transparent;
6141
- border: 0;
6142
- outline: 0;
6143
- cursor: pointer;
6144
- -webkit-transition: color 0.3s;
6145
- transition: color 0.3s;
6146
- text-rendering: auto;
6147
- }
6148
- .ant-drawer-close:focus,
6149
- .ant-drawer-close:hover {
6150
- color: rgba(0, 0, 0, 0.75);
6151
- text-decoration: none;
6152
- }
6153
- .ant-drawer-title {
6126
+ .ant-upload-list-text .ant-upload-list-item-name,
6127
+ .ant-upload-list-picture .ant-upload-list-item-name {
6154
6128
  -webkit-box-flex: 1;
6155
- -ms-flex: 1;
6156
- flex: 1;
6129
+ -ms-flex: auto;
6130
+ flex: auto;
6157
6131
  margin: 0;
6158
- color: rgba(0, 0, 0, 0.85);
6159
- font-weight: 500;
6160
- font-size: 16px;
6161
- line-height: 22px;
6132
+ padding: 0 8px;
6162
6133
  }
6163
- .ant-drawer-body {
6164
- -webkit-box-flex: 1;
6165
- -ms-flex: 1;
6166
- flex: 1;
6167
- min-width: 0;
6168
- min-height: 0;
6169
- padding: 24px;
6170
- overflow: auto;
6134
+ .ant-upload-list-text .ant-upload-list-item-card-actions,
6135
+ .ant-upload-list-picture .ant-upload-list-item-card-actions {
6136
+ position: static;
6171
6137
  }
6172
- .ant-drawer-footer {
6173
- -ms-flex-negative: 0;
6174
- flex-shrink: 0;
6175
- padding: 10px 16px;
6176
- border-top: 1px solid #f0f0f0;
6138
+ .ant-upload-list-text .ant-upload-text-icon .anticon {
6139
+ position: static;
6177
6140
  }
6178
- .panel-motion-enter-start,
6179
- .panel-motion-appear-start,
6180
- .panel-motion-leave-start {
6181
- -webkit-transition: none;
6182
- transition: none;
6141
+ .ant-upload-list .ant-upload-animate-inline-appear,
6142
+ .ant-upload-list .ant-upload-animate-inline-enter,
6143
+ .ant-upload-list .ant-upload-animate-inline-leave {
6144
+ -webkit-animation-duration: 0.3s;
6145
+ animation-duration: 0.3s;
6146
+ -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
6147
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
6148
+ -webkit-animation-fill-mode: forwards;
6149
+ animation-fill-mode: forwards;
6183
6150
  }
6184
- .panel-motion-enter-active,
6185
- .panel-motion-appear-active,
6186
- .panel-motion-leave-active {
6187
- -webkit-transition: all 0.3s;
6188
- transition: all 0.3s;
6151
+ .ant-upload-list .ant-upload-animate-inline-appear,
6152
+ .ant-upload-list .ant-upload-animate-inline-enter {
6153
+ -webkit-animation-name: uploadAnimateInlineIn;
6154
+ animation-name: uploadAnimateInlineIn;
6189
6155
  }
6190
- .ant-drawer-mask-motion-enter-active,
6191
- .ant-drawer-mask-motion-appear-active,
6192
- .ant-drawer-mask-motion-leave-active {
6193
- -webkit-transition: all 0.3s;
6194
- transition: all 0.3s;
6156
+ .ant-upload-list .ant-upload-animate-inline-leave {
6157
+ -webkit-animation-name: uploadAnimateInlineOut;
6158
+ animation-name: uploadAnimateInlineOut;
6195
6159
  }
6196
- .ant-drawer-mask-motion-enter,
6197
- .ant-drawer-mask-motion-appear {
6198
- opacity: 0;
6160
+ @-webkit-keyframes uploadAnimateInlineIn {
6161
+ from {
6162
+ width: 0;
6163
+ height: 0;
6164
+ margin: 0;
6165
+ padding: 0;
6166
+ opacity: 0;
6167
+ }
6199
6168
  }
6200
- .ant-drawer-mask-motion-enter-active,
6201
- .ant-drawer-mask-motion-appear-active {
6202
- opacity: 1;
6169
+ @keyframes uploadAnimateInlineIn {
6170
+ from {
6171
+ width: 0;
6172
+ height: 0;
6173
+ margin: 0;
6174
+ padding: 0;
6175
+ opacity: 0;
6176
+ }
6203
6177
  }
6204
- .ant-drawer-mask-motion-leave {
6205
- opacity: 1;
6178
+ @-webkit-keyframes uploadAnimateInlineOut {
6179
+ to {
6180
+ width: 0;
6181
+ height: 0;
6182
+ margin: 0;
6183
+ padding: 0;
6184
+ opacity: 0;
6185
+ }
6206
6186
  }
6207
- .ant-drawer-mask-motion-leave-active {
6208
- opacity: 0;
6187
+ @keyframes uploadAnimateInlineOut {
6188
+ to {
6189
+ width: 0;
6190
+ height: 0;
6191
+ margin: 0;
6192
+ padding: 0;
6193
+ opacity: 0;
6194
+ }
6209
6195
  }
6210
- .ant-drawer-panel-motion-left-enter-start,
6211
- .ant-drawer-panel-motion-left-appear-start,
6212
- .ant-drawer-panel-motion-left-leave-start {
6213
- -webkit-transition: none;
6214
- transition: none;
6196
+ .ant-upload-rtl {
6197
+ direction: rtl;
6215
6198
  }
6216
- .ant-drawer-panel-motion-left-enter-active,
6217
- .ant-drawer-panel-motion-left-appear-active,
6218
- .ant-drawer-panel-motion-left-leave-active {
6219
- -webkit-transition: all 0.3s;
6220
- transition: all 0.3s;
6199
+ .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
6200
+ margin-right: auto;
6201
+ margin-left: 8px;
6221
6202
  }
6222
- .ant-drawer-panel-motion-left-enter-start,
6223
- .ant-drawer-panel-motion-left-appear-start {
6224
- -webkit-transform: translateX(-100%) !important;
6225
- transform: translateX(-100%) !important;
6203
+ .ant-upload-list-rtl {
6204
+ direction: rtl;
6226
6205
  }
6227
- .ant-drawer-panel-motion-left-enter-active,
6228
- .ant-drawer-panel-motion-left-appear-active {
6229
- -webkit-transform: translateX(0);
6230
- transform: translateX(0);
6206
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
6207
+ padding-right: 22px;
6208
+ padding-left: 14px;
6231
6209
  }
6232
- .ant-drawer-panel-motion-left-leave {
6233
- -webkit-transform: translateX(0);
6234
- transform: translateX(0);
6210
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
6211
+ padding-right: 22px;
6212
+ padding-left: 28px;
6235
6213
  }
6236
- .ant-drawer-panel-motion-left-leave-active {
6237
- -webkit-transform: translateX(-100%);
6238
- transform: translateX(-100%);
6214
+ .ant-upload-list-rtl .ant-upload-list-item-name {
6215
+ padding-right: 22px;
6216
+ padding-left: 0;
6239
6217
  }
6240
- .ant-drawer-panel-motion-right-enter-start,
6241
- .ant-drawer-panel-motion-right-appear-start,
6242
- .ant-drawer-panel-motion-right-leave-start {
6243
- -webkit-transition: none;
6244
- transition: none;
6218
+ .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
6219
+ padding-left: 14px;
6220
+ }
6221
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions {
6222
+ right: auto;
6223
+ left: 0;
6245
6224
  }
6246
- .ant-drawer-panel-motion-right-enter-active,
6247
- .ant-drawer-panel-motion-right-appear-active,
6248
- .ant-drawer-panel-motion-right-leave-active {
6249
- -webkit-transition: all 0.3s;
6250
- transition: all 0.3s;
6225
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
6226
+ padding-right: 0;
6227
+ padding-left: 5px;
6251
6228
  }
6252
- .ant-drawer-panel-motion-right-enter-start,
6253
- .ant-drawer-panel-motion-right-appear-start {
6254
- -webkit-transform: translateX(100%) !important;
6255
- transform: translateX(100%) !important;
6229
+ .ant-upload-list-rtl .ant-upload-list-item-info {
6230
+ padding: 0 4px 0 12px;
6256
6231
  }
6257
- .ant-drawer-panel-motion-right-enter-active,
6258
- .ant-drawer-panel-motion-right-appear-active {
6259
- -webkit-transform: translateX(0);
6260
- transform: translateX(0);
6232
+ .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
6233
+ padding-right: 0;
6234
+ padding-left: 5px;
6261
6235
  }
6262
- .ant-drawer-panel-motion-right-leave {
6263
- -webkit-transform: translateX(0);
6264
- transform: translateX(0);
6236
+ .ant-upload-list-rtl .ant-upload-list-item-progress {
6237
+ padding-right: 26px;
6238
+ padding-left: 0;
6265
6239
  }
6266
- .ant-drawer-panel-motion-right-leave-active {
6267
- -webkit-transform: translateX(100%);
6268
- transform: translateX(100%);
6240
+ .ant-upload-list-picture .ant-upload-list-item-info,
6241
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
6242
+ padding: 0;
6269
6243
  }
6270
- .ant-drawer-panel-motion-top-enter-start,
6271
- .ant-drawer-panel-motion-top-appear-start,
6272
- .ant-drawer-panel-motion-top-leave-start {
6273
- -webkit-transition: none;
6274
- transition: none;
6244
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
6245
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
6246
+ right: 8px;
6247
+ left: auto;
6275
6248
  }
6276
- .ant-drawer-panel-motion-top-enter-active,
6277
- .ant-drawer-panel-motion-top-appear-active,
6278
- .ant-drawer-panel-motion-top-leave-active {
6279
- -webkit-transition: all 0.3s;
6280
- transition: all 0.3s;
6249
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
6250
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
6251
+ right: 50%;
6252
+ left: auto;
6253
+ -webkit-transform: translate(50%, -50%);
6254
+ transform: translate(50%, -50%);
6281
6255
  }
6282
- .ant-drawer-panel-motion-top-enter-start,
6283
- .ant-drawer-panel-motion-top-appear-start {
6284
- -webkit-transform: translateY(-100%) !important;
6285
- transform: translateY(-100%) !important;
6256
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
6257
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
6258
+ margin: 0 8px 0 0;
6259
+ padding-right: 48px;
6260
+ padding-left: 8px;
6286
6261
  }
6287
- .ant-drawer-panel-motion-top-enter-active,
6288
- .ant-drawer-panel-motion-top-appear-active {
6289
- -webkit-transform: translateY(0);
6290
- transform: translateY(0);
6262
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
6263
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
6264
+ padding-right: 48px;
6265
+ padding-left: 18px;
6291
6266
  }
6292
- .ant-drawer-panel-motion-top-leave {
6293
- -webkit-transform: translateY(0);
6294
- transform: translateY(0);
6267
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
6268
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
6269
+ padding-right: 48px;
6270
+ padding-left: 36px;
6295
6271
  }
6296
- .ant-drawer-panel-motion-top-leave-active {
6297
- -webkit-transform: translateY(-100%);
6298
- transform: translateY(-100%);
6272
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
6273
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
6274
+ padding-right: 0;
6275
+ padding-left: 0;
6299
6276
  }
6300
- .ant-drawer-panel-motion-bottom-enter-start,
6301
- .ant-drawer-panel-motion-bottom-appear-start,
6302
- .ant-drawer-panel-motion-bottom-leave-start {
6303
- -webkit-transition: none;
6304
- transition: none;
6277
+ .ant-upload-list-rtl .ant-upload-list-picture-card-container {
6278
+ margin: 0 0 8px 8px;
6305
6279
  }
6306
- .ant-drawer-panel-motion-bottom-enter-active,
6307
- .ant-drawer-panel-motion-bottom-appear-active,
6308
- .ant-drawer-panel-motion-bottom-leave-active {
6309
- -webkit-transition: all 0.3s;
6310
- transition: all 0.3s;
6280
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
6281
+ right: 50%;
6282
+ left: auto;
6283
+ -webkit-transform: translate(50%, -50%);
6284
+ transform: translate(50%, -50%);
6311
6285
  }
6312
- .ant-drawer-panel-motion-bottom-enter-start,
6313
- .ant-drawer-panel-motion-bottom-appear-start {
6314
- -webkit-transform: translateY(100%) !important;
6315
- transform: translateY(100%) !important;
6286
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
6287
+ margin: 8px 0 0;
6288
+ padding: 0;
6316
6289
  }
6317
- .ant-drawer-panel-motion-bottom-enter-active,
6318
- .ant-drawer-panel-motion-bottom-appear-active {
6319
- -webkit-transform: translateY(0);
6320
- transform: translateY(0);
6290
+ .pandora-sdk-file-resumable {
6291
+ cursor: pointer;
6321
6292
  }
6322
- .ant-drawer-panel-motion-bottom-leave {
6323
- -webkit-transform: translateY(0);
6324
- transform: translateY(0);
6293
+ .pandora-sdk-file-resumable-run-container {
6294
+ text-align: right;
6325
6295
  }
6326
- .ant-drawer-panel-motion-bottom-leave-active {
6327
- -webkit-transform: translateY(100%);
6328
- transform: translateY(100%);
6296
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
6297
+ color: #436bff;
6298
+ cursor: pointer;
6299
+ font-size: 14px;
6300
+ margin: 0 6px;
6329
6301
  }
6330
- .ant-drawer-rtl {
6331
- direction: rtl;
6302
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
6303
+ color: #d9d9d9;
6332
6304
  }
6333
- .ant-drawer-rtl .ant-drawer-close {
6334
- margin-right: 0;
6335
- margin-left: 12px;
6305
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
6306
+ cursor: not-allowed;
6336
6307
  }
6337
- .pandora-sdk-drawer.pandora-sdk-drawer-no-mask {
6338
- background-color: transparent;
6308
+ .pandora-sdk-file-resumable-upload-icon {
6309
+ font-size: 50px;
6310
+ color: inherit;
6339
6311
  }
6340
- .pandora-sdk-drawer .ant-drawer-content-wrapper {
6341
- width: 50%;
6342
- min-width: 300px;
6312
+ .downloadIcon {
6313
+ color: #436bff;
6314
+ cursor: pointer;
6315
+ font-size: 20px;
6343
6316
  }
6344
- .pandora-sdk-drawer .ant-drawer-content > div {
6345
- position: relative;
6317
+ .pandora-sdk-file-resumable:hover {
6318
+ border-color: #436bff;
6346
6319
  }
6347
- .pandora-sdk-drawer .ant-drawer-close-x {
6348
- width: 60px;
6349
- height: 60px;
6350
- line-height: 60px;
6320
+ .pandora-sdk-file-resumable-img-container {
6321
+ background: #d9d9d9;
6322
+ border: 1px dashed #d9d9d9;
6323
+ width: 50px;
6324
+ height: 50px;
6325
+ padding: 4px;
6326
+ border-radius: 2px;
6327
+ -webkit-box-align: center;
6328
+ -ms-flex-align: center;
6329
+ align-items: center;
6330
+ cursor: pointer;
6331
+ position: relative;
6332
+ font-size: 16px;
6333
+ display: -webkit-box;
6334
+ display: -ms-flexbox;
6335
+ display: flex;
6336
+ -webkit-box-pack: center;
6337
+ -ms-flex-pack: center;
6338
+ justify-content: center;
6351
6339
  }
6352
- .pandora-sdk-drawer .ant-drawer-header-title {
6353
- overflow: hidden;
6340
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
6341
+ display: -webkit-box;
6342
+ display: -ms-flexbox;
6343
+ display: flex;
6344
+ -webkit-box-pack: center;
6345
+ -ms-flex-pack: center;
6346
+ justify-content: center;
6347
+ -webkit-box-align: center;
6348
+ -ms-flex-align: center;
6349
+ align-items: center;
6350
+ position: absolute;
6351
+ top: 4px;
6352
+ left: 4px;
6353
+ right: 4px;
6354
+ bottom: 4px;
6354
6355
  }
6355
- .pandora-sdk-drawer .ant-drawer-body {
6356
- font-size: 14px;
6356
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
6357
+ font-size: 16px;
6357
6358
  }
6358
- .pandora-sdk-drawer-size-small {
6359
- max-width: 38%;
6359
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
6360
+ display: none;
6360
6361
  }
6361
- .pandora-sdk-drawer-size-default {
6362
- max-width: 50%;
6362
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
6363
+ max-width: 100%;
6364
+ max-height: 100%;
6365
+ padding: 4px;
6363
6366
  }
6364
- .pandora-sdk-drawer-size-large {
6365
- max-width: 75%;
6367
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
6368
+ background: rgba(51, 51, 51, 0.7);
6369
+ display: -webkit-box;
6370
+ display: -ms-flexbox;
6371
+ display: flex;
6366
6372
  }
6367
- .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
6368
- width: 100%;
6373
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
6374
+ font-size: 16px;
6375
+ color: #d9d9d9;
6369
6376
  }
6370
- .pandora-sdk-scroll-handler {
6371
- position: absolute;
6372
- width: 5px;
6373
- padding: 4px 0 0;
6374
- top: 0;
6375
- left: 0;
6376
- bottom: 0;
6377
- z-index: 100;
6378
- cursor: ew-resize;
6377
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
6378
+ width: 50px;
6379
+ height: 50px;
6380
+ border: none;
6379
6381
  }
6380
- .pandora-sdk-drawer-close-icon {
6381
- margin-left: 24px;
6382
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
6383
+ padding: 0;
6382
6384
  }
6383
- .pandora-sdk-drawer-header-full-icon {
6384
- margin-left: 24px;
6385
- color: #333;
6386
- font-size: 14px;
6385
+ .ant-input[disabled] {
6386
+ border-color: #d9d9d9;
6387
6387
  }
6388
- .pandora-sdk-drawer-no-mask {
6389
- background-color: #d9d9d9;
6388
+ .ant-input-group-addon {
6389
+ color: #666;
6390
6390
  }
6391
6391
  .pandora-sdk-key-value-label,
6392
6392
  .pandora-sdk-key-value-value {
@@ -7687,6 +7687,15 @@ textarea.ant-input {
7687
7687
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
7688
7688
  color: #d9d9d9;
7689
7689
  }
7690
+ .pandora-sdk-name-explain-icon {
7691
+ color: inherit;
7692
+ -webkit-transition: color 0.3s;
7693
+ transition: color 0.3s;
7694
+ }
7695
+ .pandora-sdk-name-explain-icon:hover,
7696
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
7697
+ color: #436bff;
7698
+ }
7690
7699
  .ant-tooltip {
7691
7700
  -webkit-box-sizing: border-box;
7692
7701
  box-sizing: border-box;
@@ -7988,15 +7997,6 @@ textarea.ant-input {
7988
7997
  max-height: 200px;
7989
7998
  overflow: auto;
7990
7999
  }
7991
- .pandora-sdk-name-explain-icon {
7992
- color: inherit;
7993
- -webkit-transition: color 0.3s;
7994
- transition: color 0.3s;
7995
- }
7996
- .pandora-sdk-name-explain-icon:hover,
7997
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
7998
- color: #436bff;
7999
- }
8000
8000
  .ant-radio-group {
8001
8001
  -webkit-box-sizing: border-box;
8002
8002
  box-sizing: border-box;
@@ -10375,21 +10375,276 @@ textarea.ant-input-number {
10375
10375
  color: #436bff;
10376
10376
  cursor: default;
10377
10377
  }
10378
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
10379
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
10380
- content: none;
10378
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
10379
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
10380
+ content: none;
10381
+ }
10382
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
10383
+ color: #436bff;
10384
+ }
10385
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
10386
+ color: #436bff;
10387
+ }
10388
+ .pandora-sdk-selector-create-lint {
10389
+ display: block;
10390
+ }
10391
+ .pandora-sdk-close-icon {
10392
+ color: #d9d9d9;
10393
+ }
10394
+ .ant-spin {
10395
+ -webkit-box-sizing: border-box;
10396
+ box-sizing: border-box;
10397
+ margin: 0;
10398
+ padding: 0;
10399
+ color: rgba(0, 0, 0, 0.85);
10400
+ font-size: 14px;
10401
+ font-variant: tabular-nums;
10402
+ line-height: 1.5715;
10403
+ list-style: none;
10404
+ -webkit-font-feature-settings: 'tnum';
10405
+ font-feature-settings: 'tnum';
10406
+ position: absolute;
10407
+ display: none;
10408
+ color: #1890ff;
10409
+ font-size: 0;
10410
+ text-align: center;
10411
+ vertical-align: middle;
10412
+ opacity: 0;
10413
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10414
+ transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10415
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10416
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10417
+ }
10418
+ .ant-spin-spinning {
10419
+ position: static;
10420
+ display: inline-block;
10421
+ opacity: 1;
10422
+ }
10423
+ .ant-spin-nested-loading {
10424
+ position: relative;
10425
+ }
10426
+ .ant-spin-nested-loading > div > .ant-spin {
10427
+ position: absolute;
10428
+ top: 0;
10429
+ left: 0;
10430
+ z-index: 4;
10431
+ display: block;
10432
+ width: 100%;
10433
+ height: 100%;
10434
+ max-height: 400px;
10435
+ }
10436
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
10437
+ position: absolute;
10438
+ top: 50%;
10439
+ left: 50%;
10440
+ margin: -10px;
10441
+ }
10442
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
10443
+ position: absolute;
10444
+ top: 50%;
10445
+ width: 100%;
10446
+ padding-top: 5px;
10447
+ font-size: 14px;
10448
+ text-shadow: 0 1px 2px #fff;
10449
+ }
10450
+ .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
10451
+ margin-top: -20px;
10452
+ }
10453
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
10454
+ margin: -7px;
10455
+ }
10456
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
10457
+ padding-top: 2px;
10458
+ }
10459
+ .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
10460
+ margin-top: -17px;
10461
+ }
10462
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
10463
+ margin: -16px;
10464
+ }
10465
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
10466
+ padding-top: 11px;
10467
+ }
10468
+ .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
10469
+ margin-top: -26px;
10470
+ }
10471
+ .ant-spin-container {
10472
+ position: relative;
10473
+ -webkit-transition: opacity 0.3s;
10474
+ transition: opacity 0.3s;
10475
+ }
10476
+ .ant-spin-container::after {
10477
+ position: absolute;
10478
+ top: 0;
10479
+ right: 0;
10480
+ bottom: 0;
10481
+ left: 0;
10482
+ z-index: 10;
10483
+ display: none \9;
10484
+ width: 100%;
10485
+ height: 100%;
10486
+ background: #fff;
10487
+ opacity: 0;
10488
+ -webkit-transition: all 0.3s;
10489
+ transition: all 0.3s;
10490
+ content: '';
10491
+ pointer-events: none;
10492
+ }
10493
+ .ant-spin-blur {
10494
+ clear: both;
10495
+ opacity: 0.5;
10496
+ -webkit-user-select: none;
10497
+ -moz-user-select: none;
10498
+ -ms-user-select: none;
10499
+ user-select: none;
10500
+ pointer-events: none;
10501
+ }
10502
+ .ant-spin-blur::after {
10503
+ opacity: 0.4;
10504
+ pointer-events: auto;
10505
+ }
10506
+ .ant-spin-tip {
10507
+ color: rgba(0, 0, 0, 0.45);
10508
+ }
10509
+ .ant-spin-dot {
10510
+ position: relative;
10511
+ display: inline-block;
10512
+ font-size: 20px;
10513
+ width: 1em;
10514
+ height: 1em;
10515
+ }
10516
+ .ant-spin-dot-item {
10517
+ position: absolute;
10518
+ display: block;
10519
+ width: 9px;
10520
+ height: 9px;
10521
+ background-color: #1890ff;
10522
+ border-radius: 100%;
10523
+ -webkit-transform: scale(0.75);
10524
+ transform: scale(0.75);
10525
+ -webkit-transform-origin: 50% 50%;
10526
+ transform-origin: 50% 50%;
10527
+ opacity: 0.3;
10528
+ -webkit-animation: antSpinMove 1s infinite linear alternate;
10529
+ animation: antSpinMove 1s infinite linear alternate;
10530
+ }
10531
+ .ant-spin-dot-item:nth-child(1) {
10532
+ top: 0;
10533
+ left: 0;
10534
+ }
10535
+ .ant-spin-dot-item:nth-child(2) {
10536
+ top: 0;
10537
+ right: 0;
10538
+ -webkit-animation-delay: 0.4s;
10539
+ animation-delay: 0.4s;
10540
+ }
10541
+ .ant-spin-dot-item:nth-child(3) {
10542
+ right: 0;
10543
+ bottom: 0;
10544
+ -webkit-animation-delay: 0.8s;
10545
+ animation-delay: 0.8s;
10546
+ }
10547
+ .ant-spin-dot-item:nth-child(4) {
10548
+ bottom: 0;
10549
+ left: 0;
10550
+ -webkit-animation-delay: 1.2s;
10551
+ animation-delay: 1.2s;
10552
+ }
10553
+ .ant-spin-dot-spin {
10554
+ -webkit-transform: rotate(0deg);
10555
+ transform: rotate(0deg);
10556
+ -webkit-animation: antRotate 1.2s infinite linear;
10557
+ animation: antRotate 1.2s infinite linear;
10558
+ }
10559
+ .ant-spin-sm .ant-spin-dot {
10560
+ font-size: 14px;
10561
+ }
10562
+ .ant-spin-sm .ant-spin-dot i {
10563
+ width: 6px;
10564
+ height: 6px;
10565
+ }
10566
+ .ant-spin-lg .ant-spin-dot {
10567
+ font-size: 32px;
10568
+ }
10569
+ .ant-spin-lg .ant-spin-dot i {
10570
+ width: 14px;
10571
+ height: 14px;
10572
+ }
10573
+ .ant-spin.ant-spin-show-text .ant-spin-text {
10574
+ display: block;
10575
+ }
10576
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
10577
+ /* IE10+ */
10578
+ .ant-spin-blur {
10579
+ background: #fff;
10580
+ opacity: 0.5;
10581
+ }
10582
+ }
10583
+ @-webkit-keyframes antSpinMove {
10584
+ to {
10585
+ opacity: 1;
10586
+ }
10587
+ }
10588
+ @keyframes antSpinMove {
10589
+ to {
10590
+ opacity: 1;
10591
+ }
10592
+ }
10593
+ @-webkit-keyframes antRotate {
10594
+ to {
10595
+ -webkit-transform: rotate(360deg);
10596
+ transform: rotate(360deg);
10597
+ }
10598
+ }
10599
+ @keyframes antRotate {
10600
+ to {
10601
+ -webkit-transform: rotate(360deg);
10602
+ transform: rotate(360deg);
10603
+ }
10604
+ }
10605
+ .ant-spin-rtl {
10606
+ direction: rtl;
10607
+ }
10608
+ .ant-spin-rtl .ant-spin-dot-spin {
10609
+ -webkit-transform: rotate(-45deg);
10610
+ transform: rotate(-45deg);
10611
+ -webkit-animation-name: antRotateRtl;
10612
+ animation-name: antRotateRtl;
10613
+ }
10614
+ @-webkit-keyframes antRotateRtl {
10615
+ to {
10616
+ -webkit-transform: rotate(-405deg);
10617
+ transform: rotate(-405deg);
10618
+ }
10619
+ }
10620
+ @keyframes antRotateRtl {
10621
+ to {
10622
+ -webkit-transform: rotate(-405deg);
10623
+ transform: rotate(-405deg);
10624
+ }
10625
+ }
10626
+ .pandora-sdk-spin-container {
10627
+ position: relative;
10628
+ width: 100%;
10629
+ height: 100%;
10381
10630
  }
10382
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
10383
- color: #436bff;
10631
+ .pandora-sdk-spin-container .pandora-sdk-spin-loading {
10632
+ position: absolute;
10633
+ width: 60px;
10634
+ height: 60px;
10635
+ top: 50%;
10636
+ left: 50%;
10637
+ -webkit-transform: translate(-50%, -50%);
10638
+ transform: translate(-50%, -50%);
10384
10639
  }
10385
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
10386
- color: #436bff;
10640
+ .pandora-sdk-spin-container .ant-spin-container {
10641
+ height: 100%;
10387
10642
  }
10388
- .pandora-sdk-selector-create-lint {
10389
- display: block;
10643
+ .pandora-sdk-spin-container .ant-spin-container > div {
10644
+ height: 100%;
10390
10645
  }
10391
- .pandora-sdk-close-icon {
10392
- color: #d9d9d9;
10646
+ .pandora-sdk-spin-hide {
10647
+ visibility: hidden;
10393
10648
  }
10394
10649
  .ant-steps {
10395
10650
  -webkit-box-sizing: border-box;
@@ -12923,387 +13178,153 @@ textarea.ant-pagination-options-quick-jumper input {
12923
13178
  -ms-flex-pack: start;
12924
13179
  justify-content: flex-start;
12925
13180
  }
12926
- .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-filter-column .ant-table-column-title,
12927
- .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-column-title {
12928
- -webkit-box-flex: 0;
12929
- -ms-flex: 0 1 auto;
12930
- flex: 0 1 auto;
12931
- padding-right: 0px;
12932
- }
12933
- .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-filter-column .ant-table-filter-trigger-container,
12934
- .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-filter-trigger-container {
12935
- position: relative;
12936
- }
12937
- .pandora-sdk-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
12938
- background-color: #fafafa;
12939
- }
12940
- .pandora-sdk-table-wrapper .ant-table-filter-trigger {
12941
- display: block;
12942
- line-height: 28px;
12943
- }
12944
- .pandora-sdk-table-wrapper .ant-table-filter-trigger.active .anticon {
12945
- color: #436bff;
12946
- }
12947
- .pandora-sdk-table-wrapper .pandora-sdk-table-empty {
12948
- margin: 32px 0;
12949
- }
12950
- .pandora-sdk-table-wrapper .pandora-sdk-table-empty .pandora-sdk-table-empty-text {
12951
- margin-top: 12px;
12952
- color: inherit;
12953
- font-size: 14px;
12954
- }
12955
- .pandora-sdk-table-batch-opt {
12956
- position: absolute;
12957
- left: 40px;
12958
- bottom: 16px;
12959
- height: 32px;
12960
- line-height: 32px;
12961
- }
12962
- .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-label {
12963
- color: rgba(0, 0, 0, 0.85);
12964
- margin-right: 12px;
12965
- margin-left: 12px;
12966
- }
12967
- .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-item {
12968
- margin-right: 10px;
12969
- cursor: pointer;
12970
- color: #436bff;
12971
- }
12972
- .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-disabled {
12973
- pointer-events: none;
12974
- color: #bfbfbf;
12975
- }
12976
- .pandora-sdk-table-scrollX .ant-table-body {
12977
- overflow-x: auto !important;
12978
- }
12979
- .pandora-sdk-table-scrollY .ant-table-body {
12980
- overflow-y: auto !important;
12981
- }
12982
- .ant-table-row-collapsed::after {
12983
- margin-left: 1.2px;
12984
- }
12985
- .ant-table-cell::before {
12986
- display: none;
12987
- }
12988
- .ant-empty .ant-empty-description {
12989
- color: #bfbfbf;
12990
- }
12991
- .pandora-sdk-last-column-title .pandora-sdk-last-column-setting {
12992
- position: absolute;
12993
- top: 12px;
12994
- right: 12px;
12995
- }
12996
- .ant-table-thead > tr > th > .ant-table-column-sorters {
12997
- position: relative;
12998
- }
12999
- .ant-table-thead > tr > th > .ant-table-column-sorters > .ant-table-column-title {
13000
- position: static;
13001
- }
13002
- .ant-table-thead > tr > th > .ant-table-filter-column {
13003
- position: relative;
13004
- }
13005
- .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title {
13006
- position: static;
13007
- }
13008
- .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters {
13009
- position: static;
13010
- }
13011
- .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters::after {
13012
- display: none;
13013
- }
13014
- .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters > .ant-table-column-title {
13015
- position: static;
13016
- }
13017
- .ant-table-filter-dropdown .ant-dropdown-menu {
13018
- max-height: 200px;
13019
- }
13020
- .ant-table-filter-dropdown .ant-dropdown-menu-item,
13021
- .ant-table-filter-dropdown .ant-dropdown-menu-submenu-title {
13022
- font-size: 12px;
13023
- }
13024
- .ant-table-filter-dropdown .ant-table-filter-dropdown-btns button {
13025
- font-size: 12px;
13026
- }
13027
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
13028
- position: relative;
13029
- }
13030
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
13031
- opacity: 1;
13032
- pointer-events: auto;
13033
- }
13034
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
13035
- margin-right: 0;
13036
- }
13037
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
13038
- margin-left: 8px;
13039
- font-size: 12px;
13040
- color: #d9d9d9;
13041
- -webkit-transition: color 0.5s, opacity 0.2s;
13042
- transition: color 0.5s, opacity 0.2s;
13043
- pointer-events: none;
13044
- opacity: 0;
13045
- position: absolute;
13046
- top: 50%;
13047
- -webkit-transform: translateY(-50%);
13048
- transform: translateY(-50%);
13049
- }
13050
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
13051
- color: #436bff;
13052
- }
13053
- .ant-spin {
13054
- -webkit-box-sizing: border-box;
13055
- box-sizing: border-box;
13056
- margin: 0;
13057
- padding: 0;
13058
- color: rgba(0, 0, 0, 0.85);
13059
- font-size: 14px;
13060
- font-variant: tabular-nums;
13061
- line-height: 1.5715;
13062
- list-style: none;
13063
- -webkit-font-feature-settings: 'tnum';
13064
- font-feature-settings: 'tnum';
13065
- position: absolute;
13066
- display: none;
13067
- color: #1890ff;
13068
- font-size: 0;
13069
- text-align: center;
13070
- vertical-align: middle;
13071
- opacity: 0;
13072
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
13073
- transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
13074
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
13075
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
13076
- }
13077
- .ant-spin-spinning {
13078
- position: static;
13079
- display: inline-block;
13080
- opacity: 1;
13081
- }
13082
- .ant-spin-nested-loading {
13083
- position: relative;
13084
- }
13085
- .ant-spin-nested-loading > div > .ant-spin {
13086
- position: absolute;
13087
- top: 0;
13088
- left: 0;
13089
- z-index: 4;
13090
- display: block;
13091
- width: 100%;
13092
- height: 100%;
13093
- max-height: 400px;
13094
- }
13095
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
13096
- position: absolute;
13097
- top: 50%;
13098
- left: 50%;
13099
- margin: -10px;
13100
- }
13101
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
13102
- position: absolute;
13103
- top: 50%;
13104
- width: 100%;
13105
- padding-top: 5px;
13106
- font-size: 14px;
13107
- text-shadow: 0 1px 2px #fff;
13108
- }
13109
- .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
13110
- margin-top: -20px;
13111
- }
13112
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
13113
- margin: -7px;
13114
- }
13115
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
13116
- padding-top: 2px;
13117
- }
13118
- .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
13119
- margin-top: -17px;
13120
- }
13121
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
13122
- margin: -16px;
13123
- }
13124
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
13125
- padding-top: 11px;
13126
- }
13127
- .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
13128
- margin-top: -26px;
13129
- }
13130
- .ant-spin-container {
13131
- position: relative;
13132
- -webkit-transition: opacity 0.3s;
13133
- transition: opacity 0.3s;
13134
- }
13135
- .ant-spin-container::after {
13136
- position: absolute;
13137
- top: 0;
13138
- right: 0;
13139
- bottom: 0;
13140
- left: 0;
13141
- z-index: 10;
13142
- display: none \9;
13143
- width: 100%;
13144
- height: 100%;
13145
- background: #fff;
13146
- opacity: 0;
13147
- -webkit-transition: all 0.3s;
13148
- transition: all 0.3s;
13149
- content: '';
13150
- pointer-events: none;
13151
- }
13152
- .ant-spin-blur {
13153
- clear: both;
13154
- opacity: 0.5;
13155
- -webkit-user-select: none;
13156
- -moz-user-select: none;
13157
- -ms-user-select: none;
13158
- user-select: none;
13159
- pointer-events: none;
13181
+ .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-filter-column .ant-table-column-title,
13182
+ .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-column-title {
13183
+ -webkit-box-flex: 0;
13184
+ -ms-flex: 0 1 auto;
13185
+ flex: 0 1 auto;
13186
+ padding-right: 0px;
13160
13187
  }
13161
- .ant-spin-blur::after {
13162
- opacity: 0.4;
13163
- pointer-events: auto;
13188
+ .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-filter-column .ant-table-filter-trigger-container,
13189
+ .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-filter-trigger-container {
13190
+ position: relative;
13164
13191
  }
13165
- .ant-spin-tip {
13166
- color: rgba(0, 0, 0, 0.45);
13192
+ .pandora-sdk-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
13193
+ background-color: #fafafa;
13167
13194
  }
13168
- .ant-spin-dot {
13169
- position: relative;
13170
- display: inline-block;
13171
- font-size: 20px;
13172
- width: 1em;
13173
- height: 1em;
13195
+ .pandora-sdk-table-wrapper .ant-table-filter-trigger {
13196
+ display: block;
13197
+ line-height: 28px;
13174
13198
  }
13175
- .ant-spin-dot-item {
13199
+ .pandora-sdk-table-wrapper .ant-table-filter-trigger.active .anticon {
13200
+ color: #436bff;
13201
+ }
13202
+ .pandora-sdk-table-wrapper .pandora-sdk-table-empty {
13203
+ margin: 32px 0;
13204
+ }
13205
+ .pandora-sdk-table-wrapper .pandora-sdk-table-empty .pandora-sdk-table-empty-text {
13206
+ margin-top: 12px;
13207
+ color: inherit;
13208
+ font-size: 14px;
13209
+ }
13210
+ .pandora-sdk-table-batch-opt {
13176
13211
  position: absolute;
13177
- display: block;
13178
- width: 9px;
13179
- height: 9px;
13180
- background-color: #1890ff;
13181
- border-radius: 100%;
13182
- -webkit-transform: scale(0.75);
13183
- transform: scale(0.75);
13184
- -webkit-transform-origin: 50% 50%;
13185
- transform-origin: 50% 50%;
13186
- opacity: 0.3;
13187
- -webkit-animation: antSpinMove 1s infinite linear alternate;
13188
- animation: antSpinMove 1s infinite linear alternate;
13212
+ left: 40px;
13213
+ bottom: 16px;
13214
+ height: 32px;
13215
+ line-height: 32px;
13189
13216
  }
13190
- .ant-spin-dot-item:nth-child(1) {
13191
- top: 0;
13192
- left: 0;
13217
+ .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-label {
13218
+ color: rgba(0, 0, 0, 0.85);
13219
+ margin-right: 12px;
13220
+ margin-left: 12px;
13193
13221
  }
13194
- .ant-spin-dot-item:nth-child(2) {
13195
- top: 0;
13196
- right: 0;
13197
- -webkit-animation-delay: 0.4s;
13198
- animation-delay: 0.4s;
13222
+ .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-item {
13223
+ margin-right: 10px;
13224
+ cursor: pointer;
13225
+ color: #436bff;
13199
13226
  }
13200
- .ant-spin-dot-item:nth-child(3) {
13201
- right: 0;
13202
- bottom: 0;
13203
- -webkit-animation-delay: 0.8s;
13204
- animation-delay: 0.8s;
13227
+ .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-disabled {
13228
+ pointer-events: none;
13229
+ color: #bfbfbf;
13205
13230
  }
13206
- .ant-spin-dot-item:nth-child(4) {
13207
- bottom: 0;
13208
- left: 0;
13209
- -webkit-animation-delay: 1.2s;
13210
- animation-delay: 1.2s;
13231
+ .pandora-sdk-table-scrollX .ant-table-body {
13232
+ overflow-x: auto !important;
13211
13233
  }
13212
- .ant-spin-dot-spin {
13213
- -webkit-transform: rotate(0deg);
13214
- transform: rotate(0deg);
13215
- -webkit-animation: antRotate 1.2s infinite linear;
13216
- animation: antRotate 1.2s infinite linear;
13234
+ .pandora-sdk-table-scrollY .ant-table-body {
13235
+ overflow-y: auto !important;
13217
13236
  }
13218
- .ant-spin-sm .ant-spin-dot {
13219
- font-size: 14px;
13237
+ .ant-table-row-collapsed::after {
13238
+ margin-left: 1.2px;
13220
13239
  }
13221
- .ant-spin-sm .ant-spin-dot i {
13222
- width: 6px;
13223
- height: 6px;
13240
+ .ant-table-cell::before {
13241
+ display: none;
13224
13242
  }
13225
- .ant-spin-lg .ant-spin-dot {
13226
- font-size: 32px;
13243
+ .ant-empty .ant-empty-description {
13244
+ color: #bfbfbf;
13227
13245
  }
13228
- .ant-spin-lg .ant-spin-dot i {
13229
- width: 14px;
13230
- height: 14px;
13246
+ .pandora-sdk-last-column-title .pandora-sdk-last-column-setting {
13247
+ position: absolute;
13248
+ top: 12px;
13249
+ right: 12px;
13231
13250
  }
13232
- .ant-spin.ant-spin-show-text .ant-spin-text {
13233
- display: block;
13251
+ .ant-table-thead > tr > th > .ant-table-column-sorters {
13252
+ position: relative;
13234
13253
  }
13235
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
13236
- /* IE10+ */
13237
- .ant-spin-blur {
13238
- background: #fff;
13239
- opacity: 0.5;
13240
- }
13254
+ .ant-table-thead > tr > th > .ant-table-column-sorters > .ant-table-column-title {
13255
+ position: static;
13241
13256
  }
13242
- @-webkit-keyframes antSpinMove {
13243
- to {
13244
- opacity: 1;
13245
- }
13257
+ .ant-table-thead > tr > th > .ant-table-filter-column {
13258
+ position: relative;
13246
13259
  }
13247
- @keyframes antSpinMove {
13248
- to {
13249
- opacity: 1;
13250
- }
13260
+ .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title {
13261
+ position: static;
13251
13262
  }
13252
- @-webkit-keyframes antRotate {
13253
- to {
13254
- -webkit-transform: rotate(360deg);
13255
- transform: rotate(360deg);
13256
- }
13263
+ .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters {
13264
+ position: static;
13257
13265
  }
13258
- @keyframes antRotate {
13259
- to {
13260
- -webkit-transform: rotate(360deg);
13261
- transform: rotate(360deg);
13262
- }
13266
+ .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters::after {
13267
+ display: none;
13263
13268
  }
13264
- .ant-spin-rtl {
13265
- direction: rtl;
13269
+ .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters > .ant-table-column-title {
13270
+ position: static;
13266
13271
  }
13267
- .ant-spin-rtl .ant-spin-dot-spin {
13268
- -webkit-transform: rotate(-45deg);
13269
- transform: rotate(-45deg);
13270
- -webkit-animation-name: antRotateRtl;
13271
- animation-name: antRotateRtl;
13272
+ .ant-table-filter-dropdown .ant-dropdown-menu {
13273
+ max-height: 200px;
13272
13274
  }
13273
- @-webkit-keyframes antRotateRtl {
13274
- to {
13275
- -webkit-transform: rotate(-405deg);
13276
- transform: rotate(-405deg);
13277
- }
13275
+ .ant-table-filter-dropdown .ant-dropdown-menu-item,
13276
+ .ant-table-filter-dropdown .ant-dropdown-menu-submenu-title {
13277
+ font-size: 12px;
13278
13278
  }
13279
- @keyframes antRotateRtl {
13280
- to {
13281
- -webkit-transform: rotate(-405deg);
13282
- transform: rotate(-405deg);
13283
- }
13279
+ .ant-table-filter-dropdown .ant-table-filter-dropdown-btns button {
13280
+ font-size: 12px;
13284
13281
  }
13285
- .pandora-sdk-spin-container {
13282
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
13286
13283
  position: relative;
13287
- width: 100%;
13288
- height: 100%;
13289
13284
  }
13290
- .pandora-sdk-spin-container .pandora-sdk-spin-loading {
13285
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
13286
+ opacity: 1;
13287
+ pointer-events: auto;
13288
+ }
13289
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
13290
+ margin-right: 0;
13291
+ }
13292
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
13293
+ margin-left: 8px;
13294
+ font-size: 12px;
13295
+ color: #d9d9d9;
13296
+ -webkit-transition: color 0.5s, opacity 0.2s;
13297
+ transition: color 0.5s, opacity 0.2s;
13298
+ pointer-events: none;
13299
+ opacity: 0;
13291
13300
  position: absolute;
13292
- width: 60px;
13293
- height: 60px;
13294
13301
  top: 50%;
13295
- left: 50%;
13296
- -webkit-transform: translate(-50%, -50%);
13297
- transform: translate(-50%, -50%);
13302
+ -webkit-transform: translateY(-50%);
13303
+ transform: translateY(-50%);
13298
13304
  }
13299
- .pandora-sdk-spin-container .ant-spin-container {
13300
- height: 100%;
13305
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
13306
+ color: #436bff;
13301
13307
  }
13302
- .pandora-sdk-spin-container .ant-spin-container > div {
13303
- height: 100%;
13308
+ .pandora-sdk-timeline-container {
13309
+ list-style: none;
13310
+ margin: 0;
13311
+ line-height: 1.5;
13312
+ font-size: 14px;
13313
+ color: rgba(0, 0, 0, 0.65);
13314
+ -webkit-box-sizing: border-box;
13315
+ box-sizing: border-box;
13316
+ padding: 0;
13304
13317
  }
13305
- .pandora-sdk-spin-hide {
13306
- visibility: hidden;
13318
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
13319
+ margin: 0 8px;
13320
+ color: inherit;
13321
+ vertical-align: middle;
13322
+ font-size: 14px;
13323
+ -webkit-transition: 0.3s;
13324
+ transition: 0.3s;
13325
+ }
13326
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
13327
+ color: #7a869a;
13307
13328
  }
13308
13329
  .ant-tag {
13309
13330
  -webkit-box-sizing: border-box;
@@ -13569,29 +13590,40 @@ textarea.ant-pagination-options-quick-jumper input {
13569
13590
  overflow: auto;
13570
13591
  padding: 8px;
13571
13592
  }
13572
- .pandora-sdk-popover > div {
13573
- margin: 4px;
13593
+ .pandora-sdk-popover > div {
13594
+ margin: 4px;
13595
+ }
13596
+ .pandora-sdk-transfer-container {
13597
+ display: -webkit-box;
13598
+ display: -ms-flexbox;
13599
+ display: flex;
13600
+ -webkit-box-pack: justify;
13601
+ -ms-flex-pack: justify;
13602
+ justify-content: space-between;
13603
+ }
13604
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
13605
+ height: 400px;
13606
+ }
13607
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
13608
+ -webkit-box-flex: 1;
13609
+ -ms-flex-positive: 1;
13610
+ flex-grow: 1;
13611
+ -ms-flex-preferred-size: 200px;
13612
+ flex-basis: 200px;
13613
+ }
13614
+ .topo-tooltip-table {
13615
+ width: 100%;
13616
+ min-width: 250px;
13574
13617
  }
13575
- .pandora-sdk-timeline-container {
13576
- list-style: none;
13577
- margin: 0;
13578
- line-height: 1.5;
13579
- font-size: 14px;
13580
- color: rgba(0, 0, 0, 0.65);
13581
- -webkit-box-sizing: border-box;
13582
- box-sizing: border-box;
13583
- padding: 0;
13618
+ .topo-tooltip-table tr + tr td {
13619
+ padding-top: 12px;
13584
13620
  }
13585
- .pandora-sdk-timeline-container .pandora-sdk-icon {
13586
- margin: 0 8px;
13587
- color: inherit;
13588
- vertical-align: middle;
13589
- font-size: 14px;
13590
- -webkit-transition: 0.3s;
13591
- transition: 0.3s;
13621
+ .topo-tooltip-table td {
13622
+ padding-right: 12px;
13623
+ padding-left: 12px;
13592
13624
  }
13593
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
13594
- color: #7a869a;
13625
+ .topo-tooltip-table td div + div {
13626
+ font-weight: 600;
13595
13627
  }
13596
13628
  @-webkit-keyframes ant-tree-node-fx-do-not-use {
13597
13629
  0% {
@@ -14206,37 +14238,11 @@ textarea.ant-pagination-options-quick-jumper input {
14206
14238
  .pandora-sdk-tree-select-dropdown .ant-empty {
14207
14239
  text-align: center;
14208
14240
  }
14209
- .topo-tooltip-table {
14210
- width: 100%;
14211
- min-width: 250px;
14212
- }
14213
- .topo-tooltip-table tr + tr td {
14214
- padding-top: 12px;
14215
- }
14216
- .topo-tooltip-table td {
14217
- padding-right: 12px;
14218
- padding-left: 12px;
14219
- }
14220
- .topo-tooltip-table td div + div {
14221
- font-weight: 600;
14222
- }
14223
- .pandora-sdk-transfer-container {
14224
- display: -webkit-box;
14225
- display: -ms-flexbox;
14226
- display: flex;
14227
- -webkit-box-pack: justify;
14228
- -ms-flex-pack: justify;
14229
- justify-content: space-between;
14230
- }
14231
- .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
14232
- height: 400px;
14241
+ .pandora-sdk-card-search-input {
14242
+ min-width: 200px;
14233
14243
  }
14234
- .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
14235
- -webkit-box-flex: 1;
14236
- -ms-flex-positive: 1;
14237
- flex-grow: 1;
14238
- -ms-flex-preferred-size: 200px;
14239
- flex-basis: 200px;
14244
+ .pandora-sdk-card-search-input i {
14245
+ color: #bfbfbf;
14240
14246
  }
14241
14247
  .ant-row {
14242
14248
  display: -webkit-box;
@@ -20133,12 +20139,6 @@ textarea.ant-pagination-options-quick-jumper input {
20133
20139
  .pandora-sdk-card-row-extra button {
20134
20140
  min-width: 80px;
20135
20141
  }
20136
- .pandora-sdk-card-search-input {
20137
- min-width: 200px;
20138
- }
20139
- .pandora-sdk-card-search-input i {
20140
- color: #bfbfbf;
20141
- }
20142
20142
  .ant-picker-status-error.ant-picker,
20143
20143
  .ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
20144
20144
  background-color: #fff;
@@ -21545,18 +21545,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21545
21545
  .pandora-sdk-modal-close-icon:hover {
21546
21546
  background: #f4f5f6;
21547
21547
  }
21548
- .pandora-sdk-popover-inline-list {
21549
- display: inline-block;
21550
- vertical-align: middle;
21551
- }
21552
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
21553
- display: inline-block;
21554
- height: 100%;
21555
- margin-right: 12px;
21556
- }
21557
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
21558
- color: #436bff;
21559
- }
21560
21548
  .pandora-sdk-item {
21561
21549
  color: #436bff;
21562
21550
  cursor: pointer;
@@ -21579,32 +21567,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21579
21567
  color: inherit;
21580
21568
  cursor: inherit;
21581
21569
  }
21582
- .pandora-sdk-popover-item {
21570
+ .pandora-sdk-popover-inline-list {
21583
21571
  display: inline-block;
21584
- line-height: 18px;
21585
- color: #436bff;
21586
21572
  vertical-align: middle;
21587
- cursor: pointer;
21588
- }
21589
- .pandora-sdk-popover-list {
21590
- min-width: 120px;
21591
- padding: 4px 0;
21592
- line-height: 32px;
21593
- text-align: center;
21594
- font-size: 12px;
21595
21573
  }
21596
- .pandora-sdk-popover-list .pandora-sdk-item {
21597
- color: rgba(0, 0, 0, 0.85);
21598
- display: block;
21599
- padding: 0 16px;
21574
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
21575
+ display: inline-block;
21576
+ height: 100%;
21577
+ margin-right: 12px;
21600
21578
  }
21601
- .pandora-sdk-popover-list .pandora-sdk-item:hover {
21602
- background: rgba(67, 107, 255, 0.05);
21579
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
21603
21580
  color: #436bff;
21604
21581
  }
21605
- .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
21606
- color: #bfbfbf;
21607
- }
21608
21582
  .pandora-sdk-prev-button {
21609
21583
  margin-right: 10px;
21610
21584
  }
@@ -21705,9 +21679,10 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21705
21679
  }
21706
21680
  .pandora-sdk-table-resizable-th .pandora-sdk-table-resizable-handle {
21707
21681
  position: absolute;
21682
+ padding: 13px 0;
21708
21683
  cursor: col-resize;
21709
21684
  right: 1px;
21710
- height: 40%;
21685
+ height: 45px;
21711
21686
  top: 50%;
21712
21687
  -webkit-transform: translateY(-50%);
21713
21688
  transform: translateY(-50%);
@@ -21722,6 +21697,50 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21722
21697
  .pandora-sdk-table-resizable-th::before {
21723
21698
  display: none;
21724
21699
  }
21700
+ .pandora-sdk-timeline-item {
21701
+ font-size: 14px;
21702
+ list-style: none;
21703
+ margin: 0;
21704
+ position: relative;
21705
+ padding: 0 0 20px;
21706
+ min-height: 50px;
21707
+ }
21708
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
21709
+ position: absolute;
21710
+ top: 0.75em;
21711
+ height: 100%;
21712
+ border-left: 2px solid #d9d9d9;
21713
+ }
21714
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
21715
+ position: absolute;
21716
+ -webkit-transform: translateX(-4px);
21717
+ transform: translateX(-4px);
21718
+ }
21719
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
21720
+ display: inline-block;
21721
+ -webkit-box-sizing: border-box;
21722
+ box-sizing: border-box;
21723
+ width: 10px;
21724
+ height: 10px;
21725
+ background-color: #436bff;
21726
+ border-radius: 100px;
21727
+ border: 2px solid transparent;
21728
+ }
21729
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
21730
+ text-align: left;
21731
+ color: #333;
21732
+ text-overflow: ellipsis;
21733
+ display: -webkit-box;
21734
+ -webkit-line-clamp: 3;
21735
+ -webkit-box-orient: vertical;
21736
+ }
21737
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
21738
+ margin-right: 18px;
21739
+ position: absolute;
21740
+ text-align: right;
21741
+ font-size: 14px;
21742
+ color: #333;
21743
+ }
21725
21744
  .pandora-sdk-root {
21726
21745
  display: inline-block;
21727
21746
  line-height: 24px;
@@ -21788,6 +21807,21 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21788
21807
  .pandora-sdk-root.pandora-sdk-grey {
21789
21808
  background: #ebecf0;
21790
21809
  }
21810
+ .pandora-sdk-transfer-list {
21811
+ overflow: hidden;
21812
+ }
21813
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
21814
+ margin-bottom: 10px;
21815
+ }
21816
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
21817
+ margin-bottom: 10px;
21818
+ }
21819
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
21820
+ margin-bottom: 10px;
21821
+ }
21822
+ .pandora-sdk-search-icon {
21823
+ color: inherit;
21824
+ }
21791
21825
  .pandora-sdk-switch {
21792
21826
  display: inline-block;
21793
21827
  margin: 4px;
@@ -21814,65 +21848,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21814
21848
  .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
21815
21849
  background: #03a9f4;
21816
21850
  }
21817
- .pandora-sdk-timeline-item {
21818
- font-size: 14px;
21819
- list-style: none;
21820
- margin: 0;
21821
- position: relative;
21822
- padding: 0 0 20px;
21823
- min-height: 50px;
21824
- }
21825
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
21826
- position: absolute;
21827
- top: 0.75em;
21828
- height: 100%;
21829
- border-left: 2px solid #d9d9d9;
21830
- }
21831
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
21832
- position: absolute;
21833
- -webkit-transform: translateX(-4px);
21834
- transform: translateX(-4px);
21835
- }
21836
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
21837
- display: inline-block;
21838
- -webkit-box-sizing: border-box;
21839
- box-sizing: border-box;
21840
- width: 10px;
21841
- height: 10px;
21842
- background-color: #436bff;
21843
- border-radius: 100px;
21844
- border: 2px solid transparent;
21845
- }
21846
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
21847
- text-align: left;
21848
- color: #333;
21849
- text-overflow: ellipsis;
21850
- display: -webkit-box;
21851
- -webkit-line-clamp: 3;
21852
- -webkit-box-orient: vertical;
21853
- }
21854
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
21855
- margin-right: 18px;
21856
- position: absolute;
21857
- text-align: right;
21858
- font-size: 14px;
21859
- color: #333;
21860
- }
21861
- .pandora-sdk-transfer-list {
21862
- overflow: hidden;
21863
- }
21864
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
21865
- margin-bottom: 10px;
21866
- }
21867
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
21868
- margin-bottom: 10px;
21869
- }
21870
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
21871
- margin-bottom: 10px;
21872
- }
21873
- .pandora-sdk-search-icon {
21874
- color: inherit;
21875
- }
21876
21851
  .pandora-sdk-transfer-list-body {
21877
21852
  height: 300px;
21878
21853
  overflow-y: scroll;
@@ -21889,6 +21864,32 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
21889
21864
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
21890
21865
  margin-bottom: 10px;
21891
21866
  }
21867
+ .pandora-sdk-popover-item {
21868
+ display: inline-block;
21869
+ line-height: 18px;
21870
+ color: #436bff;
21871
+ vertical-align: middle;
21872
+ cursor: pointer;
21873
+ }
21874
+ .pandora-sdk-popover-list {
21875
+ min-width: 120px;
21876
+ padding: 4px 0;
21877
+ line-height: 32px;
21878
+ text-align: center;
21879
+ font-size: 12px;
21880
+ }
21881
+ .pandora-sdk-popover-list .pandora-sdk-item {
21882
+ color: rgba(0, 0, 0, 0.85);
21883
+ display: block;
21884
+ padding: 0 16px;
21885
+ }
21886
+ .pandora-sdk-popover-list .pandora-sdk-item:hover {
21887
+ background: rgba(67, 107, 255, 0.05);
21888
+ color: #436bff;
21889
+ }
21890
+ .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
21891
+ color: #bfbfbf;
21892
+ }
21892
21893
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
21893
21894
  display: -webkit-box;
21894
21895
  display: -ms-flexbox;