@qn-pandora/pandora-component 4.0.3 → 4.0.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.
Files changed (47) hide show
  1. package/CHANGELOG.json +23 -0
  2. package/CHANGELOG.md +9 -1
  3. package/es/components/FileResumable/constants.d.ts +33 -0
  4. package/es/components/FileResumable/constants.js +0 -0
  5. package/es/components/FileResumable/index.d.ts +13 -0
  6. package/es/components/FileResumable/index.js +327 -0
  7. package/es/components/FileResumable/style.css +777 -0
  8. package/es/components/FileResumable/style.less +94 -0
  9. package/es/components/FileResumable/utils.d.ts +1 -0
  10. package/es/components/FileResumable/utils.js +17 -0
  11. package/es/constants/language/en.js +3 -1
  12. package/es/constants/language/type.d.ts +2 -0
  13. package/es/constants/language/upload/en.d.ts +3 -0
  14. package/es/constants/language/upload/en.js +20 -0
  15. package/es/constants/language/upload/type.d.ts +20 -0
  16. package/es/constants/language/upload/type.js +4 -0
  17. package/es/constants/language/upload/zh.d.ts +3 -0
  18. package/es/constants/language/upload/zh.js +20 -0
  19. package/es/constants/language/zh.js +3 -1
  20. package/es/index.css +2297 -1530
  21. package/es/index.d.ts +1 -0
  22. package/es/index.js +1 -0
  23. package/es/index.less +17 -16
  24. package/es/style/theme.less +1 -0
  25. package/lib/components/FileResumable/constants.d.ts +33 -0
  26. package/lib/components/FileResumable/constants.js +2 -0
  27. package/lib/components/FileResumable/index.d.ts +13 -0
  28. package/lib/components/FileResumable/index.js +340 -0
  29. package/lib/components/FileResumable/style.css +777 -0
  30. package/lib/components/FileResumable/style.less +94 -0
  31. package/lib/components/FileResumable/utils.d.ts +1 -0
  32. package/lib/components/FileResumable/utils.js +19 -0
  33. package/lib/constants/language/en.js +6 -1
  34. package/lib/constants/language/type.d.ts +2 -0
  35. package/lib/constants/language/upload/en.d.ts +3 -0
  36. package/lib/constants/language/upload/en.js +22 -0
  37. package/lib/constants/language/upload/type.d.ts +20 -0
  38. package/lib/constants/language/upload/type.js +9 -0
  39. package/lib/constants/language/upload/zh.d.ts +3 -0
  40. package/lib/constants/language/upload/zh.js +22 -0
  41. package/lib/constants/language/zh.js +6 -1
  42. package/lib/index.css +2086 -1319
  43. package/lib/index.d.ts +1 -0
  44. package/lib/index.js +2 -0
  45. package/lib/index.less +8 -7
  46. package/lib/style/theme.less +1 -0
  47. package/package.json +6 -4
package/es/index.css CHANGED
@@ -27,81 +27,6 @@
27
27
  .pandora-sdk-auto-complete .ant-input {
28
28
  border: 0px;
29
29
  }
30
- .ant-breadcrumb {
31
- -webkit-box-sizing: border-box;
32
- box-sizing: border-box;
33
- margin: 0;
34
- padding: 0;
35
- color: rgba(0, 0, 0, 0.85);
36
- font-variant: tabular-nums;
37
- line-height: 1.5715;
38
- list-style: none;
39
- -webkit-font-feature-settings: 'tnum';
40
- font-feature-settings: 'tnum';
41
- color: rgba(0, 0, 0, 0.45);
42
- font-size: 14px;
43
- }
44
- .ant-breadcrumb .anticon {
45
- font-size: 14px;
46
- }
47
- .ant-breadcrumb a {
48
- color: rgba(0, 0, 0, 0.45);
49
- -webkit-transition: color 0.3s;
50
- transition: color 0.3s;
51
- }
52
- .ant-breadcrumb a:hover {
53
- color: #40a9ff;
54
- }
55
- .ant-breadcrumb > span:last-child {
56
- color: rgba(0, 0, 0, 0.85);
57
- }
58
- .ant-breadcrumb > span:last-child a {
59
- color: rgba(0, 0, 0, 0.85);
60
- }
61
- .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
62
- display: none;
63
- }
64
- .ant-breadcrumb-separator {
65
- margin: 0 8px;
66
- color: rgba(0, 0, 0, 0.45);
67
- }
68
- .ant-breadcrumb-link > .anticon + span,
69
- .ant-breadcrumb-link > .anticon + a {
70
- margin-left: 4px;
71
- }
72
- .ant-breadcrumb-overlay-link > .anticon {
73
- margin-left: 4px;
74
- }
75
- .ant-breadcrumb-rtl {
76
- direction: rtl;
77
- }
78
- .ant-breadcrumb-rtl::before {
79
- display: table;
80
- content: '';
81
- }
82
- .ant-breadcrumb-rtl::after {
83
- display: table;
84
- clear: both;
85
- content: '';
86
- }
87
- .ant-breadcrumb-rtl > span {
88
- float: right;
89
- }
90
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
91
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
92
- margin-right: 4px;
93
- margin-left: 0;
94
- }
95
- .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
96
- margin-right: 4px;
97
- margin-left: 0;
98
- }
99
- .pandora-sdk-breadcrumb {
100
- font-size: 14px;
101
- }
102
- .pandora-sdk-breadcrumb a {
103
- text-decoration: none;
104
- }
105
30
  .ant-card {
106
31
  -webkit-box-sizing: border-box;
107
32
  box-sizing: border-box;
@@ -3092,6 +3017,81 @@ a.ant-btn-sm {
3092
3017
  color: inherit;
3093
3018
  vertical-align: middle;
3094
3019
  }
3020
+ .ant-breadcrumb {
3021
+ -webkit-box-sizing: border-box;
3022
+ box-sizing: border-box;
3023
+ margin: 0;
3024
+ padding: 0;
3025
+ color: rgba(0, 0, 0, 0.85);
3026
+ font-variant: tabular-nums;
3027
+ line-height: 1.5715;
3028
+ list-style: none;
3029
+ -webkit-font-feature-settings: 'tnum';
3030
+ font-feature-settings: 'tnum';
3031
+ color: rgba(0, 0, 0, 0.45);
3032
+ font-size: 14px;
3033
+ }
3034
+ .ant-breadcrumb .anticon {
3035
+ font-size: 14px;
3036
+ }
3037
+ .ant-breadcrumb a {
3038
+ color: rgba(0, 0, 0, 0.45);
3039
+ -webkit-transition: color 0.3s;
3040
+ transition: color 0.3s;
3041
+ }
3042
+ .ant-breadcrumb a:hover {
3043
+ color: #40a9ff;
3044
+ }
3045
+ .ant-breadcrumb > span:last-child {
3046
+ color: rgba(0, 0, 0, 0.85);
3047
+ }
3048
+ .ant-breadcrumb > span:last-child a {
3049
+ color: rgba(0, 0, 0, 0.85);
3050
+ }
3051
+ .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
3052
+ display: none;
3053
+ }
3054
+ .ant-breadcrumb-separator {
3055
+ margin: 0 8px;
3056
+ color: rgba(0, 0, 0, 0.45);
3057
+ }
3058
+ .ant-breadcrumb-link > .anticon + span,
3059
+ .ant-breadcrumb-link > .anticon + a {
3060
+ margin-left: 4px;
3061
+ }
3062
+ .ant-breadcrumb-overlay-link > .anticon {
3063
+ margin-left: 4px;
3064
+ }
3065
+ .ant-breadcrumb-rtl {
3066
+ direction: rtl;
3067
+ }
3068
+ .ant-breadcrumb-rtl::before {
3069
+ display: table;
3070
+ content: '';
3071
+ }
3072
+ .ant-breadcrumb-rtl::after {
3073
+ display: table;
3074
+ clear: both;
3075
+ content: '';
3076
+ }
3077
+ .ant-breadcrumb-rtl > span {
3078
+ float: right;
3079
+ }
3080
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
3081
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
3082
+ margin-right: 4px;
3083
+ margin-left: 0;
3084
+ }
3085
+ .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
3086
+ margin-right: 4px;
3087
+ margin-left: 0;
3088
+ }
3089
+ .pandora-sdk-breadcrumb {
3090
+ font-size: 14px;
3091
+ }
3092
+ .pandora-sdk-breadcrumb a {
3093
+ text-decoration: none;
3094
+ }
3095
3095
  @-webkit-keyframes antCheckboxEffect {
3096
3096
  0% {
3097
3097
  -webkit-transform: scale(1);
@@ -3342,8 +3342,13 @@ a.ant-btn-sm {
3342
3342
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3343
3343
  margin-left: 8px;
3344
3344
  }
3345
- .ant-checkbox-inner::after {
3346
- left: 20%;
3345
+ .pandora-sdk-checkbox-item {
3346
+ white-space: nowrap;
3347
+ width: 100%;
3348
+ }
3349
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3350
+ margin-left: 0;
3351
+ line-height: 25px;
3347
3352
  }
3348
3353
  .ant-divider {
3349
3354
  -webkit-box-sizing: border-box;
@@ -4276,14 +4281,6 @@ textarea.ant-input {
4276
4281
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4277
4282
  line-height: 40px;
4278
4283
  }
4279
- .pandora-sdk-checkbox-item {
4280
- white-space: nowrap;
4281
- width: 100%;
4282
- }
4283
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4284
- margin-left: 0;
4285
- line-height: 25px;
4286
- }
4287
4284
  .ant-collapse {
4288
4285
  -webkit-box-sizing: border-box;
4289
4286
  box-sizing: border-box;
@@ -4488,6 +4485,9 @@ textarea.ant-input {
4488
4485
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4489
4486
  border: none;
4490
4487
  }
4488
+ .ant-checkbox-inner::after {
4489
+ left: 20%;
4490
+ }
4491
4491
  .pandora-sdk-collapsible-panel > .panel-header {
4492
4492
  position: relative;
4493
4493
  padding: 12px 16px 12px 40px;
@@ -4544,64 +4544,394 @@ textarea.ant-input {
4544
4544
  padding-left: 16px;
4545
4545
  padding-right: 16px;
4546
4546
  }
4547
- .ant-drawer {
4548
- position: fixed;
4549
- z-index: 1000;
4550
- width: 0%;
4551
- height: 100%;
4552
- -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
4553
- transition: width 0s ease 0.3s, height 0s ease 0.3s;
4554
- }
4555
- .ant-drawer-content-wrapper {
4547
+ .ant-popover {
4548
+ -webkit-box-sizing: border-box;
4549
+ box-sizing: border-box;
4550
+ margin: 0;
4551
+ padding: 0;
4552
+ color: rgba(0, 0, 0, 0.85);
4553
+ font-size: 14px;
4554
+ font-variant: tabular-nums;
4555
+ line-height: 1.5715;
4556
+ list-style: none;
4557
+ -webkit-font-feature-settings: 'tnum';
4558
+ font-feature-settings: 'tnum';
4556
4559
  position: absolute;
4557
- width: 100%;
4558
- height: 100%;
4559
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4560
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4561
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4562
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4563
- }
4564
- .ant-drawer .ant-drawer-content {
4565
- width: 100%;
4566
- height: 100%;
4567
- }
4568
- .ant-drawer-left,
4569
- .ant-drawer-right {
4570
4560
  top: 0;
4571
- width: 0%;
4572
- height: 100%;
4573
- }
4574
- .ant-drawer-left .ant-drawer-content-wrapper,
4575
- .ant-drawer-right .ant-drawer-content-wrapper {
4576
- height: 100%;
4577
- }
4578
- .ant-drawer-left.ant-drawer-open,
4579
- .ant-drawer-right.ant-drawer-open {
4580
- width: 100%;
4581
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4582
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4583
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4584
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4585
- }
4586
- .ant-drawer-left {
4587
- left: 0;
4588
- }
4589
- .ant-drawer-left .ant-drawer-content-wrapper {
4590
4561
  left: 0;
4562
+ z-index: 1030;
4563
+ font-weight: normal;
4564
+ white-space: normal;
4565
+ text-align: left;
4566
+ cursor: auto;
4567
+ -webkit-user-select: text;
4568
+ -moz-user-select: text;
4569
+ -ms-user-select: text;
4570
+ user-select: text;
4591
4571
  }
4592
- .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
4593
- -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);
4594
- 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);
4572
+ .ant-popover::after {
4573
+ position: absolute;
4574
+ background: rgba(255, 255, 255, 0.01);
4575
+ content: '';
4595
4576
  }
4596
- .ant-drawer-right {
4597
- right: 0;
4577
+ .ant-popover-hidden {
4578
+ display: none;
4598
4579
  }
4599
- .ant-drawer-right .ant-drawer-content-wrapper {
4600
- right: 0;
4580
+ .ant-popover-placement-top,
4581
+ .ant-popover-placement-topLeft,
4582
+ .ant-popover-placement-topRight {
4583
+ padding-bottom: 10px;
4601
4584
  }
4602
- .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
4603
- -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);
4604
- 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);
4585
+ .ant-popover-placement-right,
4586
+ .ant-popover-placement-rightTop,
4587
+ .ant-popover-placement-rightBottom {
4588
+ padding-left: 10px;
4589
+ }
4590
+ .ant-popover-placement-bottom,
4591
+ .ant-popover-placement-bottomLeft,
4592
+ .ant-popover-placement-bottomRight {
4593
+ padding-top: 10px;
4594
+ }
4595
+ .ant-popover-placement-left,
4596
+ .ant-popover-placement-leftTop,
4597
+ .ant-popover-placement-leftBottom {
4598
+ padding-right: 10px;
4599
+ }
4600
+ .ant-popover-inner {
4601
+ background-color: #fff;
4602
+ background-clip: padding-box;
4603
+ border-radius: 2px;
4604
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4605
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4606
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4607
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4608
+ }
4609
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4610
+ .ant-popover {
4611
+ /* IE10+ */
4612
+ }
4613
+ .ant-popover-inner {
4614
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4615
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4616
+ }
4617
+ }
4618
+ .ant-popover-title {
4619
+ min-width: 177px;
4620
+ min-height: 32px;
4621
+ margin: 0;
4622
+ padding: 5px 16px 4px;
4623
+ color: rgba(0, 0, 0, 0.85);
4624
+ font-weight: 500;
4625
+ border-bottom: 1px solid #f0f0f0;
4626
+ }
4627
+ .ant-popover-inner-content {
4628
+ padding: 12px 16px;
4629
+ color: rgba(0, 0, 0, 0.85);
4630
+ }
4631
+ .ant-popover-message {
4632
+ position: relative;
4633
+ padding: 4px 0 12px;
4634
+ color: rgba(0, 0, 0, 0.85);
4635
+ font-size: 14px;
4636
+ }
4637
+ .ant-popover-message > .anticon {
4638
+ position: absolute;
4639
+ top: 8.0005px;
4640
+ color: #faad14;
4641
+ font-size: 14px;
4642
+ }
4643
+ .ant-popover-message-title {
4644
+ padding-left: 22px;
4645
+ }
4646
+ .ant-popover-buttons {
4647
+ margin-bottom: 4px;
4648
+ text-align: right;
4649
+ }
4650
+ .ant-popover-buttons button {
4651
+ margin-left: 8px;
4652
+ }
4653
+ .ant-popover-arrow {
4654
+ position: absolute;
4655
+ display: block;
4656
+ width: 8.48528137px;
4657
+ height: 8.48528137px;
4658
+ overflow: hidden;
4659
+ background: transparent;
4660
+ pointer-events: none;
4661
+ }
4662
+ .ant-popover-arrow-content {
4663
+ position: absolute;
4664
+ top: 0;
4665
+ right: 0;
4666
+ bottom: 0;
4667
+ left: 0;
4668
+ display: block;
4669
+ width: 6px;
4670
+ height: 6px;
4671
+ margin: auto;
4672
+ background-color: #fff;
4673
+ content: '';
4674
+ pointer-events: auto;
4675
+ }
4676
+ .ant-popover-placement-top .ant-popover-arrow,
4677
+ .ant-popover-placement-topLeft .ant-popover-arrow,
4678
+ .ant-popover-placement-topRight .ant-popover-arrow {
4679
+ bottom: 1.51471863px;
4680
+ }
4681
+ .ant-popover-placement-top .ant-popover-arrow-content,
4682
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
4683
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
4684
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4685
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4686
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4687
+ transform: translateY(-4.24264069px) rotate(45deg);
4688
+ }
4689
+ .ant-popover-placement-top .ant-popover-arrow {
4690
+ left: 50%;
4691
+ -webkit-transform: translateX(-50%);
4692
+ transform: translateX(-50%);
4693
+ }
4694
+ .ant-popover-placement-topLeft .ant-popover-arrow {
4695
+ left: 16px;
4696
+ }
4697
+ .ant-popover-placement-topRight .ant-popover-arrow {
4698
+ right: 16px;
4699
+ }
4700
+ .ant-popover-placement-right .ant-popover-arrow,
4701
+ .ant-popover-placement-rightTop .ant-popover-arrow,
4702
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4703
+ left: 1.51471863px;
4704
+ }
4705
+ .ant-popover-placement-right .ant-popover-arrow-content,
4706
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
4707
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4708
+ -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4709
+ box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4710
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
4711
+ transform: translateX(4.24264069px) rotate(45deg);
4712
+ }
4713
+ .ant-popover-placement-right .ant-popover-arrow {
4714
+ top: 50%;
4715
+ -webkit-transform: translateY(-50%);
4716
+ transform: translateY(-50%);
4717
+ }
4718
+ .ant-popover-placement-rightTop .ant-popover-arrow {
4719
+ top: 12px;
4720
+ }
4721
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4722
+ bottom: 12px;
4723
+ }
4724
+ .ant-popover-placement-bottom .ant-popover-arrow,
4725
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
4726
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4727
+ top: 1.51471863px;
4728
+ }
4729
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
4730
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
4731
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
4732
+ -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4733
+ box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4734
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
4735
+ transform: translateY(4.24264069px) rotate(45deg);
4736
+ }
4737
+ .ant-popover-placement-bottom .ant-popover-arrow {
4738
+ left: 50%;
4739
+ -webkit-transform: translateX(-50%);
4740
+ transform: translateX(-50%);
4741
+ }
4742
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
4743
+ left: 16px;
4744
+ }
4745
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4746
+ right: 16px;
4747
+ }
4748
+ .ant-popover-placement-left .ant-popover-arrow,
4749
+ .ant-popover-placement-leftTop .ant-popover-arrow,
4750
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4751
+ right: 1.51471863px;
4752
+ }
4753
+ .ant-popover-placement-left .ant-popover-arrow-content,
4754
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
4755
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
4756
+ -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4757
+ box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4758
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
4759
+ transform: translateX(-4.24264069px) rotate(45deg);
4760
+ }
4761
+ .ant-popover-placement-left .ant-popover-arrow {
4762
+ top: 50%;
4763
+ -webkit-transform: translateY(-50%);
4764
+ transform: translateY(-50%);
4765
+ }
4766
+ .ant-popover-placement-leftTop .ant-popover-arrow {
4767
+ top: 12px;
4768
+ }
4769
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4770
+ bottom: 12px;
4771
+ }
4772
+ .ant-popover-pink .ant-popover-inner {
4773
+ background-color: #eb2f96;
4774
+ }
4775
+ .ant-popover-pink .ant-popover-arrow-content {
4776
+ background-color: #eb2f96;
4777
+ }
4778
+ .ant-popover-magenta .ant-popover-inner {
4779
+ background-color: #eb2f96;
4780
+ }
4781
+ .ant-popover-magenta .ant-popover-arrow-content {
4782
+ background-color: #eb2f96;
4783
+ }
4784
+ .ant-popover-red .ant-popover-inner {
4785
+ background-color: #f5222d;
4786
+ }
4787
+ .ant-popover-red .ant-popover-arrow-content {
4788
+ background-color: #f5222d;
4789
+ }
4790
+ .ant-popover-volcano .ant-popover-inner {
4791
+ background-color: #fa541c;
4792
+ }
4793
+ .ant-popover-volcano .ant-popover-arrow-content {
4794
+ background-color: #fa541c;
4795
+ }
4796
+ .ant-popover-orange .ant-popover-inner {
4797
+ background-color: #fa8c16;
4798
+ }
4799
+ .ant-popover-orange .ant-popover-arrow-content {
4800
+ background-color: #fa8c16;
4801
+ }
4802
+ .ant-popover-yellow .ant-popover-inner {
4803
+ background-color: #fadb14;
4804
+ }
4805
+ .ant-popover-yellow .ant-popover-arrow-content {
4806
+ background-color: #fadb14;
4807
+ }
4808
+ .ant-popover-gold .ant-popover-inner {
4809
+ background-color: #faad14;
4810
+ }
4811
+ .ant-popover-gold .ant-popover-arrow-content {
4812
+ background-color: #faad14;
4813
+ }
4814
+ .ant-popover-cyan .ant-popover-inner {
4815
+ background-color: #13c2c2;
4816
+ }
4817
+ .ant-popover-cyan .ant-popover-arrow-content {
4818
+ background-color: #13c2c2;
4819
+ }
4820
+ .ant-popover-lime .ant-popover-inner {
4821
+ background-color: #a0d911;
4822
+ }
4823
+ .ant-popover-lime .ant-popover-arrow-content {
4824
+ background-color: #a0d911;
4825
+ }
4826
+ .ant-popover-green .ant-popover-inner {
4827
+ background-color: #52c41a;
4828
+ }
4829
+ .ant-popover-green .ant-popover-arrow-content {
4830
+ background-color: #52c41a;
4831
+ }
4832
+ .ant-popover-blue .ant-popover-inner {
4833
+ background-color: #1890ff;
4834
+ }
4835
+ .ant-popover-blue .ant-popover-arrow-content {
4836
+ background-color: #1890ff;
4837
+ }
4838
+ .ant-popover-geekblue .ant-popover-inner {
4839
+ background-color: #2f54eb;
4840
+ }
4841
+ .ant-popover-geekblue .ant-popover-arrow-content {
4842
+ background-color: #2f54eb;
4843
+ }
4844
+ .ant-popover-purple .ant-popover-inner {
4845
+ background-color: #722ed1;
4846
+ }
4847
+ .ant-popover-purple .ant-popover-arrow-content {
4848
+ background-color: #722ed1;
4849
+ }
4850
+ .ant-popover-rtl {
4851
+ direction: rtl;
4852
+ text-align: right;
4853
+ }
4854
+ .ant-popover-rtl .ant-popover-message-title {
4855
+ padding-right: 22px;
4856
+ padding-left: 16px;
4857
+ }
4858
+ .ant-popover-rtl .ant-popover-buttons {
4859
+ text-align: left;
4860
+ }
4861
+ .ant-popover-rtl .ant-popover-buttons button {
4862
+ margin-right: 8px;
4863
+ margin-left: 0;
4864
+ }
4865
+ .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
4866
+ padding: 0;
4867
+ }
4868
+ .pandora-sdk-datetime-pick-popover-root .ant-btn {
4869
+ line-height: 1.499;
4870
+ }
4871
+ .pandora-sdk-datetime-pick-popover-root .ant-table {
4872
+ line-height: 1.5;
4873
+ }
4874
+ .pandora-sdk-datetime-pick-popover {
4875
+ width: 650px;
4876
+ }
4877
+ .ant-drawer {
4878
+ position: fixed;
4879
+ z-index: 1000;
4880
+ width: 0%;
4881
+ height: 100%;
4882
+ -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
4883
+ transition: width 0s ease 0.3s, height 0s ease 0.3s;
4884
+ }
4885
+ .ant-drawer-content-wrapper {
4886
+ position: absolute;
4887
+ width: 100%;
4888
+ height: 100%;
4889
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4890
+ transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4891
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4892
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4893
+ }
4894
+ .ant-drawer .ant-drawer-content {
4895
+ width: 100%;
4896
+ height: 100%;
4897
+ }
4898
+ .ant-drawer-left,
4899
+ .ant-drawer-right {
4900
+ top: 0;
4901
+ width: 0%;
4902
+ height: 100%;
4903
+ }
4904
+ .ant-drawer-left .ant-drawer-content-wrapper,
4905
+ .ant-drawer-right .ant-drawer-content-wrapper {
4906
+ height: 100%;
4907
+ }
4908
+ .ant-drawer-left.ant-drawer-open,
4909
+ .ant-drawer-right.ant-drawer-open {
4910
+ width: 100%;
4911
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4912
+ transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4913
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4914
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4915
+ }
4916
+ .ant-drawer-left {
4917
+ left: 0;
4918
+ }
4919
+ .ant-drawer-left .ant-drawer-content-wrapper {
4920
+ left: 0;
4921
+ }
4922
+ .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
4923
+ -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);
4924
+ 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);
4925
+ }
4926
+ .ant-drawer-right {
4927
+ right: 0;
4928
+ }
4929
+ .ant-drawer-right .ant-drawer-content-wrapper {
4930
+ right: 0;
4931
+ }
4932
+ .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
4933
+ -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);
4934
+ 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);
4605
4935
  }
4606
4936
  .ant-drawer-right.ant-drawer-open.no-mask {
4607
4937
  right: 1px;
@@ -4749,80 +5079,217 @@ textarea.ant-input {
4749
5079
  line-height: 1.5715;
4750
5080
  word-wrap: break-word;
4751
5081
  }
4752
- .ant-drawer-footer {
4753
- -ms-flex-negative: 0;
4754
- flex-shrink: 0;
4755
- padding: 10px 16px;
4756
- border-top: 1px solid #f0f0f0;
5082
+ .ant-drawer-footer {
5083
+ -ms-flex-negative: 0;
5084
+ flex-shrink: 0;
5085
+ padding: 10px 16px;
5086
+ border-top: 1px solid #f0f0f0;
5087
+ }
5088
+ .ant-drawer-mask {
5089
+ position: absolute;
5090
+ top: 0;
5091
+ left: 0;
5092
+ width: 100%;
5093
+ height: 0;
5094
+ background-color: rgba(0, 0, 0, 0.45);
5095
+ opacity: 0;
5096
+ -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
5097
+ transition: opacity 0.3s linear, height 0s ease 0.3s;
5098
+ pointer-events: none;
5099
+ }
5100
+ .ant-drawer .ant-picker-clear {
5101
+ background: #fff;
5102
+ }
5103
+ @-webkit-keyframes antdDrawerFadeIn {
5104
+ 0% {
5105
+ opacity: 0;
5106
+ }
5107
+ 100% {
5108
+ opacity: 1;
5109
+ }
5110
+ }
5111
+ @keyframes antdDrawerFadeIn {
5112
+ 0% {
5113
+ opacity: 0;
5114
+ }
5115
+ 100% {
5116
+ opacity: 1;
5117
+ }
5118
+ }
5119
+ .ant-drawer-rtl {
5120
+ direction: rtl;
5121
+ }
5122
+ .ant-drawer-rtl .ant-drawer-close {
5123
+ margin-right: 0;
5124
+ margin-left: 12px;
5125
+ }
5126
+ .pandora-sdk-drawer .ant-drawer-content-wrapper {
5127
+ width: 50%;
5128
+ min-width: 300px;
5129
+ }
5130
+ .pandora-sdk-drawer .ant-drawer-content > div {
5131
+ position: relative;
5132
+ }
5133
+ .pandora-sdk-drawer .ant-drawer-close-x {
5134
+ width: 60px;
5135
+ height: 60px;
5136
+ line-height: 60px;
5137
+ }
5138
+ .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5139
+ width: 100%;
5140
+ }
5141
+ .pandora-sdk-scroll-handler {
5142
+ position: absolute;
5143
+ width: 5px;
5144
+ padding: 4px 0 0;
5145
+ top: 0;
5146
+ left: 0;
5147
+ bottom: 0;
5148
+ z-index: 100;
5149
+ cursor: ew-resize;
5150
+ }
5151
+ .pandora-sdk-drawer-right-close-icon {
5152
+ margin-left: 8px;
5153
+ font-size: 16px;
5154
+ }
5155
+ .ant-upload {
5156
+ -webkit-box-sizing: border-box;
5157
+ box-sizing: border-box;
5158
+ margin: 0;
5159
+ padding: 0;
5160
+ color: rgba(0, 0, 0, 0.85);
5161
+ font-size: 14px;
5162
+ font-variant: tabular-nums;
5163
+ line-height: 1.5715;
5164
+ list-style: none;
5165
+ -webkit-font-feature-settings: 'tnum';
5166
+ font-feature-settings: 'tnum';
5167
+ outline: 0;
5168
+ }
5169
+ .ant-upload p {
5170
+ margin: 0;
5171
+ }
5172
+ .ant-upload-btn {
5173
+ display: block;
5174
+ width: 100%;
5175
+ outline: none;
5176
+ }
5177
+ .ant-upload input[type='file'] {
5178
+ cursor: pointer;
5179
+ }
5180
+ .ant-upload.ant-upload-select {
5181
+ display: inline-block;
5182
+ }
5183
+ .ant-upload.ant-upload-disabled {
5184
+ cursor: not-allowed;
5185
+ }
5186
+ .ant-upload.ant-upload-select-picture-card {
5187
+ width: 104px;
5188
+ height: 104px;
5189
+ margin-right: 8px;
5190
+ margin-bottom: 8px;
5191
+ text-align: center;
5192
+ vertical-align: top;
5193
+ background-color: #fafafa;
5194
+ border: 1px dashed #d9d9d9;
5195
+ border-radius: 2px;
5196
+ cursor: pointer;
5197
+ -webkit-transition: border-color 0.3s;
5198
+ transition: border-color 0.3s;
5199
+ }
5200
+ .ant-upload.ant-upload-select-picture-card > .ant-upload {
5201
+ display: -webkit-box;
5202
+ display: -ms-flexbox;
5203
+ display: flex;
5204
+ -webkit-box-align: center;
5205
+ -ms-flex-align: center;
5206
+ align-items: center;
5207
+ -webkit-box-pack: center;
5208
+ -ms-flex-pack: center;
5209
+ justify-content: center;
5210
+ height: 100%;
5211
+ text-align: center;
5212
+ }
5213
+ .ant-upload.ant-upload-select-picture-card:hover {
5214
+ border-color: #1890ff;
5215
+ }
5216
+ .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5217
+ border-color: #d9d9d9;
5218
+ }
5219
+ .ant-upload.ant-upload-drag {
5220
+ position: relative;
5221
+ width: 100%;
5222
+ height: 100%;
5223
+ text-align: center;
5224
+ background: #fafafa;
5225
+ border: 1px dashed #d9d9d9;
5226
+ border-radius: 2px;
5227
+ cursor: pointer;
5228
+ -webkit-transition: border-color 0.3s;
5229
+ transition: border-color 0.3s;
5230
+ }
5231
+ .ant-upload.ant-upload-drag .ant-upload {
5232
+ padding: 16px 0;
4757
5233
  }
4758
- .ant-drawer-mask {
4759
- position: absolute;
4760
- top: 0;
4761
- left: 0;
4762
- width: 100%;
4763
- height: 0;
4764
- background-color: rgba(0, 0, 0, 0.45);
4765
- opacity: 0;
4766
- -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
4767
- transition: opacity 0.3s linear, height 0s ease 0.3s;
4768
- pointer-events: none;
5234
+ .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5235
+ border-color: #096dd9;
4769
5236
  }
4770
- .ant-drawer .ant-picker-clear {
4771
- background: #fff;
5237
+ .ant-upload.ant-upload-drag.ant-upload-disabled {
5238
+ cursor: not-allowed;
4772
5239
  }
4773
- @-webkit-keyframes antdDrawerFadeIn {
4774
- 0% {
4775
- opacity: 0;
4776
- }
4777
- 100% {
4778
- opacity: 1;
4779
- }
5240
+ .ant-upload.ant-upload-drag .ant-upload-btn {
5241
+ display: table;
5242
+ height: 100%;
4780
5243
  }
4781
- @keyframes antdDrawerFadeIn {
4782
- 0% {
4783
- opacity: 0;
4784
- }
4785
- 100% {
4786
- opacity: 1;
4787
- }
5244
+ .ant-upload.ant-upload-drag .ant-upload-drag-container {
5245
+ display: table-cell;
5246
+ vertical-align: middle;
4788
5247
  }
4789
- .ant-drawer-rtl {
4790
- direction: rtl;
5248
+ .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5249
+ border-color: #40a9ff;
4791
5250
  }
4792
- .ant-drawer-rtl .ant-drawer-close {
4793
- margin-right: 0;
4794
- margin-left: 12px;
5251
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5252
+ margin-bottom: 20px;
4795
5253
  }
4796
- .pandora-sdk-drawer .ant-drawer-content-wrapper {
4797
- width: 50%;
4798
- min-width: 300px;
5254
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5255
+ color: #40a9ff;
5256
+ font-size: 48px;
4799
5257
  }
4800
- .pandora-sdk-drawer .ant-drawer-content > div {
4801
- position: relative;
5258
+ .ant-upload.ant-upload-drag p.ant-upload-text {
5259
+ margin: 0 0 4px;
5260
+ color: rgba(0, 0, 0, 0.85);
5261
+ font-size: 16px;
4802
5262
  }
4803
- .pandora-sdk-drawer .ant-drawer-close-x {
4804
- width: 60px;
4805
- height: 60px;
4806
- line-height: 60px;
5263
+ .ant-upload.ant-upload-drag p.ant-upload-hint {
5264
+ color: rgba(0, 0, 0, 0.45);
5265
+ font-size: 14px;
4807
5266
  }
4808
- .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5267
+ .ant-upload.ant-upload-drag .anticon-plus {
5268
+ color: rgba(0, 0, 0, 0.25);
5269
+ font-size: 30px;
5270
+ -webkit-transition: all 0.3s;
5271
+ transition: all 0.3s;
5272
+ }
5273
+ .ant-upload.ant-upload-drag .anticon-plus:hover {
5274
+ color: rgba(0, 0, 0, 0.45);
5275
+ }
5276
+ .ant-upload.ant-upload-drag:hover .anticon-plus {
5277
+ color: rgba(0, 0, 0, 0.45);
5278
+ }
5279
+ .ant-upload-picture-card-wrapper {
5280
+ display: inline-block;
4809
5281
  width: 100%;
4810
5282
  }
4811
- .pandora-sdk-scroll-handler {
4812
- position: absolute;
4813
- width: 5px;
4814
- padding: 4px 0 0;
4815
- top: 0;
4816
- left: 0;
4817
- bottom: 0;
4818
- z-index: 100;
4819
- cursor: ew-resize;
5283
+ .ant-upload-picture-card-wrapper::before {
5284
+ display: table;
5285
+ content: '';
4820
5286
  }
4821
- .pandora-sdk-drawer-right-close-icon {
4822
- margin-left: 8px;
4823
- font-size: 16px;
5287
+ .ant-upload-picture-card-wrapper::after {
5288
+ display: table;
5289
+ clear: both;
5290
+ content: '';
4824
5291
  }
4825
- .ant-popover {
5292
+ .ant-upload-list {
4826
5293
  -webkit-box-sizing: border-box;
4827
5294
  box-sizing: border-box;
4828
5295
  margin: 0;
@@ -4830,327 +5297,627 @@ textarea.ant-input {
4830
5297
  color: rgba(0, 0, 0, 0.85);
4831
5298
  font-size: 14px;
4832
5299
  font-variant: tabular-nums;
4833
- line-height: 1.5715;
4834
5300
  list-style: none;
4835
5301
  -webkit-font-feature-settings: 'tnum';
4836
5302
  font-feature-settings: 'tnum';
5303
+ line-height: 1.5715;
5304
+ }
5305
+ .ant-upload-list::before {
5306
+ display: table;
5307
+ content: '';
5308
+ }
5309
+ .ant-upload-list::after {
5310
+ display: table;
5311
+ clear: both;
5312
+ content: '';
5313
+ }
5314
+ .ant-upload-list-item {
5315
+ position: relative;
5316
+ height: 22.001px;
5317
+ margin-top: 8px;
5318
+ font-size: 14px;
5319
+ }
5320
+ .ant-upload-list-item-name {
5321
+ display: inline-block;
5322
+ width: 100%;
5323
+ padding-left: 22px;
5324
+ overflow: hidden;
5325
+ line-height: 1.5715;
5326
+ white-space: nowrap;
5327
+ text-overflow: ellipsis;
5328
+ }
5329
+ .ant-upload-list-item-card-actions {
4837
5330
  position: absolute;
4838
- top: 0;
4839
- left: 0;
4840
- z-index: 1030;
4841
- font-weight: normal;
4842
- white-space: normal;
4843
- text-align: left;
4844
- cursor: auto;
4845
- -webkit-user-select: text;
4846
- -moz-user-select: text;
4847
- -ms-user-select: text;
4848
- user-select: text;
5331
+ right: 0;
4849
5332
  }
4850
- .ant-popover::after {
5333
+ .ant-upload-list-item-card-actions-btn {
5334
+ opacity: 0;
5335
+ }
5336
+ .ant-upload-list-item-card-actions-btn.ant-btn-sm {
5337
+ height: 20px;
5338
+ line-height: 1;
5339
+ }
5340
+ .ant-upload-list-item-card-actions.picture {
5341
+ top: 22px;
5342
+ line-height: 0;
5343
+ }
5344
+ .ant-upload-list-item-card-actions-btn:focus,
5345
+ .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
5346
+ opacity: 1;
5347
+ }
5348
+ .ant-upload-list-item-card-actions .anticon {
5349
+ color: rgba(0, 0, 0, 0.45);
5350
+ }
5351
+ .ant-upload-list-item-info {
5352
+ height: 100%;
5353
+ padding: 0 4px;
5354
+ -webkit-transition: background-color 0.3s;
5355
+ transition: background-color 0.3s;
5356
+ }
5357
+ .ant-upload-list-item-info > span {
5358
+ display: block;
5359
+ width: 100%;
5360
+ height: 100%;
5361
+ }
5362
+ .ant-upload-list-item-info .anticon-loading .anticon,
5363
+ .ant-upload-list-item-info .ant-upload-text-icon .anticon {
4851
5364
  position: absolute;
4852
- background: rgba(255, 255, 255, 0.01);
4853
- content: '';
5365
+ top: 5px;
5366
+ color: rgba(0, 0, 0, 0.45);
5367
+ font-size: 14px;
4854
5368
  }
4855
- .ant-popover-hidden {
4856
- display: none;
5369
+ .ant-upload-list-item .anticon-close {
5370
+ position: absolute;
5371
+ top: 6px;
5372
+ right: 4px;
5373
+ color: rgba(0, 0, 0, 0.45);
5374
+ font-size: 10px;
5375
+ line-height: 0;
5376
+ cursor: pointer;
5377
+ opacity: 0;
5378
+ -webkit-transition: all 0.3s;
5379
+ transition: all 0.3s;
4857
5380
  }
4858
- .ant-popover-placement-top,
4859
- .ant-popover-placement-topLeft,
4860
- .ant-popover-placement-topRight {
4861
- padding-bottom: 10px;
5381
+ .ant-upload-list-item .anticon-close:hover {
5382
+ color: rgba(0, 0, 0, 0.85);
4862
5383
  }
4863
- .ant-popover-placement-right,
4864
- .ant-popover-placement-rightTop,
4865
- .ant-popover-placement-rightBottom {
4866
- padding-left: 10px;
5384
+ .ant-upload-list-item:hover .ant-upload-list-item-info {
5385
+ background-color: #f5f5f5;
4867
5386
  }
4868
- .ant-popover-placement-bottom,
4869
- .ant-popover-placement-bottomLeft,
4870
- .ant-popover-placement-bottomRight {
4871
- padding-top: 10px;
5387
+ .ant-upload-list-item:hover .anticon-close {
5388
+ opacity: 1;
4872
5389
  }
4873
- .ant-popover-placement-left,
4874
- .ant-popover-placement-leftTop,
4875
- .ant-popover-placement-leftBottom {
4876
- padding-right: 10px;
5390
+ .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
5391
+ opacity: 1;
4877
5392
  }
4878
- .ant-popover-inner {
4879
- background-color: #fff;
4880
- background-clip: padding-box;
5393
+ .ant-upload-list-item-error,
5394
+ .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
5395
+ .ant-upload-list-item-error .ant-upload-list-item-name {
5396
+ color: #ff4d4f;
5397
+ }
5398
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5399
+ color: #ff4d4f;
5400
+ }
5401
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
5402
+ opacity: 1;
5403
+ }
5404
+ .ant-upload-list-item-progress {
5405
+ position: absolute;
5406
+ bottom: -12px;
5407
+ width: 100%;
5408
+ padding-left: 26px;
5409
+ font-size: 14px;
5410
+ line-height: 0;
5411
+ }
5412
+ .ant-upload-list-picture .ant-upload-list-item,
5413
+ .ant-upload-list-picture-card .ant-upload-list-item {
5414
+ position: relative;
5415
+ height: 66px;
5416
+ padding: 8px;
5417
+ border: 1px solid #d9d9d9;
4881
5418
  border-radius: 2px;
4882
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4883
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4884
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4885
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4886
5419
  }
4887
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4888
- .ant-popover {
4889
- /* IE10+ */
4890
- }
4891
- .ant-popover-inner {
4892
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4893
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4894
- }
5420
+ .ant-upload-list-picture .ant-upload-list-item:hover,
5421
+ .ant-upload-list-picture-card .ant-upload-list-item:hover {
5422
+ background: transparent;
5423
+ }
5424
+ .ant-upload-list-picture .ant-upload-list-item-error,
5425
+ .ant-upload-list-picture-card .ant-upload-list-item-error {
5426
+ border-color: #ff4d4f;
5427
+ }
5428
+ .ant-upload-list-picture .ant-upload-list-item-info,
5429
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5430
+ padding: 0;
5431
+ }
5432
+ .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
5433
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
5434
+ background: transparent;
5435
+ }
5436
+ .ant-upload-list-picture .ant-upload-list-item-uploading,
5437
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading {
5438
+ border-style: dashed;
5439
+ }
5440
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail,
5441
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5442
+ width: 48px;
5443
+ height: 48px;
5444
+ line-height: 60px;
5445
+ text-align: center;
5446
+ opacity: 0.8;
5447
+ }
5448
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
5449
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
5450
+ font-size: 26px;
5451
+ }
5452
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
5453
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
5454
+ fill: #fff2f0;
5455
+ }
5456
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
5457
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
5458
+ fill: #ff4d4f;
5459
+ }
5460
+ .ant-upload-list-picture .ant-upload-list-item-icon,
5461
+ .ant-upload-list-picture-card .ant-upload-list-item-icon {
5462
+ position: absolute;
5463
+ top: 50%;
5464
+ left: 50%;
5465
+ font-size: 26px;
5466
+ -webkit-transform: translate(-50%, -50%);
5467
+ transform: translate(-50%, -50%);
5468
+ }
5469
+ .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
5470
+ .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
5471
+ font-size: 26px;
5472
+ }
5473
+ .ant-upload-list-picture .ant-upload-list-item-image,
5474
+ .ant-upload-list-picture-card .ant-upload-list-item-image {
5475
+ max-width: 100%;
5476
+ }
5477
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
5478
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5479
+ display: block;
5480
+ width: 48px;
5481
+ height: 48px;
5482
+ overflow: hidden;
5483
+ }
5484
+ .ant-upload-list-picture .ant-upload-list-item-name,
5485
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
5486
+ display: inline-block;
5487
+ -webkit-box-sizing: border-box;
5488
+ box-sizing: border-box;
5489
+ max-width: 100%;
5490
+ margin: 0 0 0 8px;
5491
+ padding-right: 8px;
5492
+ padding-left: 48px;
5493
+ overflow: hidden;
5494
+ line-height: 44px;
5495
+ white-space: nowrap;
5496
+ text-overflow: ellipsis;
5497
+ -webkit-transition: all 0.3s;
5498
+ transition: all 0.3s;
5499
+ }
5500
+ .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
5501
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
5502
+ margin-bottom: 12px;
5503
+ }
5504
+ .ant-upload-list-picture .ant-upload-list-item-progress,
5505
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5506
+ bottom: 14px;
5507
+ width: calc(100% - 24px);
5508
+ margin-top: 0;
5509
+ padding-left: 56px;
5510
+ }
5511
+ .ant-upload-list-picture .anticon-close,
5512
+ .ant-upload-list-picture-card .anticon-close {
5513
+ position: absolute;
5514
+ top: 8px;
5515
+ right: 8px;
5516
+ line-height: 1;
5517
+ opacity: 1;
4895
5518
  }
4896
- .ant-popover-title {
4897
- min-width: 177px;
4898
- min-height: 32px;
4899
- margin: 0;
4900
- padding: 5px 16px 4px;
4901
- color: rgba(0, 0, 0, 0.85);
4902
- font-weight: 500;
4903
- border-bottom: 1px solid #f0f0f0;
5519
+ .ant-upload-list-picture-card-container {
5520
+ display: inline-block;
5521
+ width: 104px;
5522
+ height: 104px;
5523
+ margin: 0 8px 8px 0;
5524
+ vertical-align: top;
4904
5525
  }
4905
- .ant-popover-inner-content {
4906
- padding: 12px 16px;
4907
- color: rgba(0, 0, 0, 0.85);
5526
+ .ant-upload-list-picture-card.ant-upload-list::after {
5527
+ display: none;
4908
5528
  }
4909
- .ant-popover-message {
5529
+ .ant-upload-list-picture-card .ant-upload-list-item {
5530
+ height: 100%;
5531
+ margin: 0;
5532
+ }
5533
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
4910
5534
  position: relative;
4911
- padding: 4px 0 12px;
4912
- color: rgba(0, 0, 0, 0.85);
4913
- font-size: 14px;
5535
+ height: 100%;
5536
+ overflow: hidden;
4914
5537
  }
4915
- .ant-popover-message > .anticon {
5538
+ .ant-upload-list-picture-card .ant-upload-list-item-info::before {
4916
5539
  position: absolute;
4917
- top: 8.0005px;
4918
- color: #faad14;
4919
- font-size: 14px;
5540
+ z-index: 1;
5541
+ width: 100%;
5542
+ height: 100%;
5543
+ background-color: rgba(0, 0, 0, 0.5);
5544
+ opacity: 0;
5545
+ -webkit-transition: all 0.3s;
5546
+ transition: all 0.3s;
5547
+ content: ' ';
4920
5548
  }
4921
- .ant-popover-message-title {
4922
- padding-left: 22px;
5549
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
5550
+ opacity: 1;
4923
5551
  }
4924
- .ant-popover-buttons {
4925
- margin-bottom: 4px;
4926
- text-align: right;
5552
+ .ant-upload-list-picture-card .ant-upload-list-item-actions {
5553
+ position: absolute;
5554
+ top: 50%;
5555
+ left: 50%;
5556
+ z-index: 10;
5557
+ white-space: nowrap;
5558
+ -webkit-transform: translate(-50%, -50%);
5559
+ transform: translate(-50%, -50%);
5560
+ opacity: 0;
5561
+ -webkit-transition: all 0.3s;
5562
+ transition: all 0.3s;
4927
5563
  }
4928
- .ant-popover-buttons button {
4929
- margin-left: 8px;
5564
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
5565
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
5566
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
5567
+ z-index: 10;
5568
+ width: 16px;
5569
+ margin: 0 4px;
5570
+ color: rgba(255, 255, 255, 0.85);
5571
+ font-size: 16px;
5572
+ cursor: pointer;
5573
+ -webkit-transition: all 0.3s;
5574
+ transition: all 0.3s;
4930
5575
  }
4931
- .ant-popover-arrow {
4932
- position: absolute;
5576
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
5577
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
5578
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
5579
+ color: #fff;
5580
+ }
5581
+ .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
5582
+ .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
5583
+ opacity: 1;
5584
+ }
5585
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
5586
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5587
+ position: static;
4933
5588
  display: block;
4934
- width: 8.48528137px;
4935
- height: 8.48528137px;
4936
- overflow: hidden;
4937
- background: transparent;
4938
- pointer-events: none;
5589
+ width: 100%;
5590
+ height: 100%;
5591
+ -o-object-fit: contain;
5592
+ object-fit: contain;
4939
5593
  }
4940
- .ant-popover-arrow-content {
5594
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
5595
+ display: none;
5596
+ margin: 8px 0 0;
5597
+ padding: 0;
5598
+ line-height: 1.5715;
5599
+ text-align: center;
5600
+ }
5601
+ .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
4941
5602
  position: absolute;
4942
- top: 0;
4943
- right: 0;
4944
- bottom: 0;
4945
- left: 0;
5603
+ bottom: 10px;
4946
5604
  display: block;
4947
- width: 6px;
4948
- height: 6px;
4949
- margin: auto;
4950
- background-color: #fff;
4951
- content: '';
4952
- pointer-events: auto;
4953
5605
  }
4954
- .ant-popover-placement-top .ant-popover-arrow,
4955
- .ant-popover-placement-topLeft .ant-popover-arrow,
4956
- .ant-popover-placement-topRight .ant-popover-arrow {
4957
- bottom: 1.51471863px;
5606
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
5607
+ background-color: #fafafa;
4958
5608
  }
4959
- .ant-popover-placement-top .ant-popover-arrow-content,
4960
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
4961
- .ant-popover-placement-topRight .ant-popover-arrow-content {
4962
- -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4963
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4964
- -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4965
- transform: translateY(-4.24264069px) rotate(45deg);
5609
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
5610
+ height: auto;
4966
5611
  }
4967
- .ant-popover-placement-top .ant-popover-arrow {
4968
- left: 50%;
4969
- -webkit-transform: translateX(-50%);
4970
- transform: translateX(-50%);
5612
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
5613
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
5614
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
5615
+ display: none;
4971
5616
  }
4972
- .ant-popover-placement-topLeft .ant-popover-arrow {
4973
- left: 16px;
5617
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5618
+ bottom: 32px;
5619
+ width: calc(100% - 14px);
5620
+ padding-left: 0;
4974
5621
  }
4975
- .ant-popover-placement-topRight .ant-popover-arrow {
4976
- right: 16px;
5622
+ .ant-upload-list-text-container,
5623
+ .ant-upload-list-picture-container {
5624
+ -webkit-transition: opacity 0.3s, height 0.3s;
5625
+ transition: opacity 0.3s, height 0.3s;
4977
5626
  }
4978
- .ant-popover-placement-right .ant-popover-arrow,
4979
- .ant-popover-placement-rightTop .ant-popover-arrow,
4980
- .ant-popover-placement-rightBottom .ant-popover-arrow {
4981
- left: 1.51471863px;
5627
+ .ant-upload-list-text-container::before,
5628
+ .ant-upload-list-picture-container::before {
5629
+ display: table;
5630
+ width: 0;
5631
+ height: 0;
5632
+ content: '';
4982
5633
  }
4983
- .ant-popover-placement-right .ant-popover-arrow-content,
4984
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
4985
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4986
- -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4987
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4988
- -webkit-transform: translateX(4.24264069px) rotate(45deg);
4989
- transform: translateX(4.24264069px) rotate(45deg);
5634
+ .ant-upload-list-text-container .ant-upload-span,
5635
+ .ant-upload-list-picture-container .ant-upload-span {
5636
+ display: block;
5637
+ -webkit-box-flex: 1;
5638
+ -ms-flex: auto;
5639
+ flex: auto;
4990
5640
  }
4991
- .ant-popover-placement-right .ant-popover-arrow {
4992
- top: 50%;
4993
- -webkit-transform: translateY(-50%);
4994
- transform: translateY(-50%);
5641
+ .ant-upload-list-text .ant-upload-span,
5642
+ .ant-upload-list-picture .ant-upload-span {
5643
+ display: -webkit-box;
5644
+ display: -ms-flexbox;
5645
+ display: flex;
5646
+ -webkit-box-align: center;
5647
+ -ms-flex-align: center;
5648
+ align-items: center;
4995
5649
  }
4996
- .ant-popover-placement-rightTop .ant-popover-arrow {
4997
- top: 12px;
5650
+ .ant-upload-list-text .ant-upload-span > *,
5651
+ .ant-upload-list-picture .ant-upload-span > * {
5652
+ -webkit-box-flex: 0;
5653
+ -ms-flex: none;
5654
+ flex: none;
4998
5655
  }
4999
- .ant-popover-placement-rightBottom .ant-popover-arrow {
5000
- bottom: 12px;
5656
+ .ant-upload-list-text .ant-upload-list-item-name,
5657
+ .ant-upload-list-picture .ant-upload-list-item-name {
5658
+ -webkit-box-flex: 1;
5659
+ -ms-flex: auto;
5660
+ flex: auto;
5661
+ margin: 0;
5662
+ padding: 0 8px;
5001
5663
  }
5002
- .ant-popover-placement-bottom .ant-popover-arrow,
5003
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
5004
- .ant-popover-placement-bottomRight .ant-popover-arrow {
5005
- top: 1.51471863px;
5664
+ .ant-upload-list-text .ant-upload-list-item-card-actions,
5665
+ .ant-upload-list-picture .ant-upload-list-item-card-actions {
5666
+ position: static;
5006
5667
  }
5007
- .ant-popover-placement-bottom .ant-popover-arrow-content,
5008
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
5009
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
5010
- -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
5011
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
5012
- -webkit-transform: translateY(4.24264069px) rotate(45deg);
5013
- transform: translateY(4.24264069px) rotate(45deg);
5668
+ .ant-upload-list-text .ant-upload-text-icon .anticon {
5669
+ position: static;
5014
5670
  }
5015
- .ant-popover-placement-bottom .ant-popover-arrow {
5016
- left: 50%;
5017
- -webkit-transform: translateX(-50%);
5018
- transform: translateX(-50%);
5671
+ .ant-upload-list .ant-upload-animate-inline-appear,
5672
+ .ant-upload-list .ant-upload-animate-inline-enter,
5673
+ .ant-upload-list .ant-upload-animate-inline-leave {
5674
+ -webkit-animation-duration: 0.3s;
5675
+ animation-duration: 0.3s;
5676
+ -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5677
+ animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5678
+ }
5679
+ .ant-upload-list .ant-upload-animate-inline-appear,
5680
+ .ant-upload-list .ant-upload-animate-inline-enter {
5681
+ -webkit-animation-name: uploadAnimateInlineIn;
5682
+ animation-name: uploadAnimateInlineIn;
5683
+ }
5684
+ .ant-upload-list .ant-upload-animate-inline-leave {
5685
+ -webkit-animation-name: uploadAnimateInlineOut;
5686
+ animation-name: uploadAnimateInlineOut;
5687
+ }
5688
+ @-webkit-keyframes uploadAnimateInlineIn {
5689
+ from {
5690
+ width: 0;
5691
+ height: 0;
5692
+ margin: 0;
5693
+ padding: 0;
5694
+ opacity: 0;
5695
+ }
5019
5696
  }
5020
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
5021
- left: 16px;
5697
+ @keyframes uploadAnimateInlineIn {
5698
+ from {
5699
+ width: 0;
5700
+ height: 0;
5701
+ margin: 0;
5702
+ padding: 0;
5703
+ opacity: 0;
5704
+ }
5022
5705
  }
5023
- .ant-popover-placement-bottomRight .ant-popover-arrow {
5024
- right: 16px;
5706
+ @-webkit-keyframes uploadAnimateInlineOut {
5707
+ to {
5708
+ width: 0;
5709
+ height: 0;
5710
+ margin: 0;
5711
+ padding: 0;
5712
+ opacity: 0;
5713
+ }
5025
5714
  }
5026
- .ant-popover-placement-left .ant-popover-arrow,
5027
- .ant-popover-placement-leftTop .ant-popover-arrow,
5028
- .ant-popover-placement-leftBottom .ant-popover-arrow {
5029
- right: 1.51471863px;
5715
+ @keyframes uploadAnimateInlineOut {
5716
+ to {
5717
+ width: 0;
5718
+ height: 0;
5719
+ margin: 0;
5720
+ padding: 0;
5721
+ opacity: 0;
5722
+ }
5030
5723
  }
5031
- .ant-popover-placement-left .ant-popover-arrow-content,
5032
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
5033
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
5034
- -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
5035
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
5036
- -webkit-transform: translateX(-4.24264069px) rotate(45deg);
5037
- transform: translateX(-4.24264069px) rotate(45deg);
5724
+ .ant-upload-rtl {
5725
+ direction: rtl;
5038
5726
  }
5039
- .ant-popover-placement-left .ant-popover-arrow {
5040
- top: 50%;
5041
- -webkit-transform: translateY(-50%);
5042
- transform: translateY(-50%);
5727
+ .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
5728
+ margin-right: auto;
5729
+ margin-left: 8px;
5043
5730
  }
5044
- .ant-popover-placement-leftTop .ant-popover-arrow {
5045
- top: 12px;
5731
+ .ant-upload-list-rtl {
5732
+ direction: rtl;
5046
5733
  }
5047
- .ant-popover-placement-leftBottom .ant-popover-arrow {
5048
- bottom: 12px;
5734
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
5735
+ padding-right: 22px;
5736
+ padding-left: 14px;
5049
5737
  }
5050
- .ant-popover-pink .ant-popover-inner {
5051
- background-color: #eb2f96;
5738
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
5739
+ padding-right: 22px;
5740
+ padding-left: 28px;
5052
5741
  }
5053
- .ant-popover-pink .ant-popover-arrow-content {
5054
- background-color: #eb2f96;
5742
+ .ant-upload-list-rtl .ant-upload-list-item-name {
5743
+ padding-right: 22px;
5744
+ padding-left: 0;
5055
5745
  }
5056
- .ant-popover-magenta .ant-popover-inner {
5057
- background-color: #eb2f96;
5746
+ .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
5747
+ padding-left: 14px;
5058
5748
  }
5059
- .ant-popover-magenta .ant-popover-arrow-content {
5060
- background-color: #eb2f96;
5749
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions {
5750
+ right: auto;
5751
+ left: 0;
5061
5752
  }
5062
- .ant-popover-red .ant-popover-inner {
5063
- background-color: #f5222d;
5753
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
5754
+ padding-right: 0;
5755
+ padding-left: 5px;
5064
5756
  }
5065
- .ant-popover-red .ant-popover-arrow-content {
5066
- background-color: #f5222d;
5757
+ .ant-upload-list-rtl .ant-upload-list-item-info {
5758
+ padding: 0 4px 0 12px;
5067
5759
  }
5068
- .ant-popover-volcano .ant-popover-inner {
5069
- background-color: #fa541c;
5760
+ .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
5761
+ right: auto;
5762
+ left: 4px;
5070
5763
  }
5071
- .ant-popover-volcano .ant-popover-arrow-content {
5072
- background-color: #fa541c;
5764
+ .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5765
+ padding-right: 0;
5766
+ padding-left: 5px;
5073
5767
  }
5074
- .ant-popover-orange .ant-popover-inner {
5075
- background-color: #fa8c16;
5768
+ .ant-upload-list-rtl .ant-upload-list-item-progress {
5769
+ padding-right: 26px;
5770
+ padding-left: 0;
5076
5771
  }
5077
- .ant-popover-orange .ant-popover-arrow-content {
5078
- background-color: #fa8c16;
5772
+ .ant-upload-list-picture .ant-upload-list-item-info,
5773
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5774
+ padding: 0;
5775
+ }
5776
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
5777
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5778
+ right: 8px;
5779
+ left: auto;
5780
+ }
5781
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
5782
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
5783
+ right: 50%;
5784
+ left: auto;
5785
+ -webkit-transform: translate(50%, -50%);
5786
+ transform: translate(50%, -50%);
5787
+ }
5788
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
5789
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
5790
+ margin: 0 8px 0 0;
5791
+ padding-right: 48px;
5792
+ padding-left: 8px;
5079
5793
  }
5080
- .ant-popover-yellow .ant-popover-inner {
5081
- background-color: #fadb14;
5794
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
5795
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
5796
+ padding-right: 48px;
5797
+ padding-left: 18px;
5082
5798
  }
5083
- .ant-popover-yellow .ant-popover-arrow-content {
5084
- background-color: #fadb14;
5799
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
5800
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
5801
+ padding-right: 48px;
5802
+ padding-left: 36px;
5085
5803
  }
5086
- .ant-popover-gold .ant-popover-inner {
5087
- background-color: #faad14;
5804
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5805
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5806
+ padding-right: 0;
5807
+ padding-left: 0;
5088
5808
  }
5089
- .ant-popover-gold .ant-popover-arrow-content {
5090
- background-color: #faad14;
5809
+ .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
5810
+ .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
5811
+ right: auto;
5812
+ left: 8px;
5091
5813
  }
5092
- .ant-popover-cyan .ant-popover-inner {
5093
- background-color: #13c2c2;
5814
+ .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5815
+ margin: 0 0 8px 8px;
5094
5816
  }
5095
- .ant-popover-cyan .ant-popover-arrow-content {
5096
- background-color: #13c2c2;
5817
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5818
+ right: 50%;
5819
+ left: auto;
5820
+ -webkit-transform: translate(50%, -50%);
5821
+ transform: translate(50%, -50%);
5097
5822
  }
5098
- .ant-popover-lime .ant-popover-inner {
5099
- background-color: #a0d911;
5823
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5824
+ margin: 8px 0 0;
5825
+ padding: 0;
5100
5826
  }
5101
- .ant-popover-lime .ant-popover-arrow-content {
5102
- background-color: #a0d911;
5827
+ .pandora-sdk-file-resumable {
5828
+ cursor: pointer;
5103
5829
  }
5104
- .ant-popover-green .ant-popover-inner {
5105
- background-color: #52c41a;
5830
+ .pandora-sdk-file-resumable-run-container {
5831
+ text-align: right;
5106
5832
  }
5107
- .ant-popover-green .ant-popover-arrow-content {
5108
- background-color: #52c41a;
5833
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5834
+ color: #2c6dd2;
5835
+ cursor: pointer;
5836
+ font-size: 14px;
5837
+ margin: 0 6px;
5109
5838
  }
5110
- .ant-popover-blue .ant-popover-inner {
5111
- background-color: #1890ff;
5839
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5840
+ color: #d9d9d9;
5112
5841
  }
5113
- .ant-popover-blue .ant-popover-arrow-content {
5114
- background-color: #1890ff;
5842
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5843
+ cursor: not-allowed;
5115
5844
  }
5116
- .ant-popover-geekblue .ant-popover-inner {
5117
- background-color: #2f54eb;
5845
+ .pandora-sdk-file-resumable-upload-icon {
5846
+ font-size: 50px;
5847
+ color: inherit;
5118
5848
  }
5119
- .ant-popover-geekblue .ant-popover-arrow-content {
5120
- background-color: #2f54eb;
5849
+ .downloadIcon {
5850
+ color: #2c6dd2;
5851
+ cursor: pointer;
5852
+ font-size: 20px;
5121
5853
  }
5122
- .ant-popover-purple .ant-popover-inner {
5123
- background-color: #722ed1;
5854
+ .pandora-sdk-file-resumable:hover {
5855
+ border-color: #2c6dd2;
5124
5856
  }
5125
- .ant-popover-purple .ant-popover-arrow-content {
5126
- background-color: #722ed1;
5857
+ .pandora-sdk-file-resumable-img-container {
5858
+ background: #d9d9d9;
5859
+ border: 1px dashed #d9d9d9;
5860
+ width: 50px;
5861
+ height: 50px;
5862
+ padding: 4px;
5863
+ border-radius: 2px;
5864
+ -webkit-box-align: center;
5865
+ -ms-flex-align: center;
5866
+ align-items: center;
5867
+ cursor: pointer;
5868
+ position: relative;
5869
+ font-size: 16px;
5870
+ display: -webkit-box;
5871
+ display: -ms-flexbox;
5872
+ display: flex;
5873
+ -webkit-box-pack: center;
5874
+ -ms-flex-pack: center;
5875
+ justify-content: center;
5127
5876
  }
5128
- .ant-popover-rtl {
5129
- direction: rtl;
5130
- text-align: right;
5877
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5878
+ display: -webkit-box;
5879
+ display: -ms-flexbox;
5880
+ display: flex;
5881
+ -webkit-box-pack: center;
5882
+ -ms-flex-pack: center;
5883
+ justify-content: center;
5884
+ -webkit-box-align: center;
5885
+ -ms-flex-align: center;
5886
+ align-items: center;
5887
+ position: absolute;
5888
+ top: 4px;
5889
+ left: 4px;
5890
+ right: 4px;
5891
+ bottom: 4px;
5131
5892
  }
5132
- .ant-popover-rtl .ant-popover-message-title {
5133
- padding-right: 22px;
5134
- padding-left: 16px;
5893
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5894
+ font-size: 16px;
5135
5895
  }
5136
- .ant-popover-rtl .ant-popover-buttons {
5137
- text-align: left;
5896
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5897
+ display: none;
5138
5898
  }
5139
- .ant-popover-rtl .ant-popover-buttons button {
5140
- margin-right: 8px;
5141
- margin-left: 0;
5899
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5900
+ max-width: 100%;
5901
+ max-height: 100%;
5902
+ padding: 4px;
5142
5903
  }
5143
- .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
5144
- padding: 0;
5904
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5905
+ background: rgba(51, 51, 51, 0.7);
5906
+ display: -webkit-box;
5907
+ display: -ms-flexbox;
5908
+ display: flex;
5145
5909
  }
5146
- .pandora-sdk-datetime-pick-popover-root .ant-btn {
5147
- line-height: 1.499;
5910
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5911
+ font-size: 16px;
5912
+ color: #d9d9d9;
5148
5913
  }
5149
- .pandora-sdk-datetime-pick-popover-root .ant-table {
5150
- line-height: 1.5;
5914
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5915
+ width: 50px;
5916
+ height: 50px;
5917
+ border: none;
5151
5918
  }
5152
- .pandora-sdk-datetime-pick-popover {
5153
- width: 650px;
5919
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5920
+ padding: 0;
5154
5921
  }
5155
5922
  .ant-input[disabled] {
5156
5923
  border-color: #d9d9d9;
@@ -6723,1147 +7490,1147 @@ textarea.ant-input {
6723
7490
  max-height: 200px;
6724
7491
  overflow: auto;
6725
7492
  }
6726
- .ant-input-number {
7493
+ .ant-radio-group {
6727
7494
  -webkit-box-sizing: border-box;
6728
7495
  box-sizing: border-box;
7496
+ margin: 0;
7497
+ padding: 0;
7498
+ color: rgba(0, 0, 0, 0.85);
7499
+ font-size: 14px;
6729
7500
  font-variant: tabular-nums;
7501
+ line-height: 1.5715;
6730
7502
  list-style: none;
6731
7503
  -webkit-font-feature-settings: 'tnum';
6732
7504
  font-feature-settings: 'tnum';
6733
- position: relative;
6734
- width: 100%;
6735
- min-width: 0;
6736
- padding: 4px 11px;
7505
+ display: inline-block;
7506
+ font-size: 0;
7507
+ }
7508
+ .ant-radio-group .ant-badge-count {
7509
+ z-index: 1;
7510
+ }
7511
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7512
+ border-left: none;
7513
+ }
7514
+ .ant-radio-wrapper {
7515
+ -webkit-box-sizing: border-box;
7516
+ box-sizing: border-box;
7517
+ margin: 0;
7518
+ padding: 0;
6737
7519
  color: rgba(0, 0, 0, 0.85);
6738
7520
  font-size: 14px;
7521
+ font-variant: tabular-nums;
6739
7522
  line-height: 1.5715;
6740
- background-color: #fff;
6741
- background-image: none;
6742
- -webkit-transition: all 0.3s;
6743
- transition: all 0.3s;
6744
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7523
+ list-style: none;
7524
+ -webkit-font-feature-settings: 'tnum';
7525
+ font-feature-settings: 'tnum';
7526
+ position: relative;
7527
+ display: -webkit-inline-box;
7528
+ display: -ms-inline-flexbox;
7529
+ display: inline-flex;
7530
+ -webkit-box-align: baseline;
7531
+ -ms-flex-align: baseline;
7532
+ align-items: baseline;
7533
+ margin-right: 8px;
7534
+ cursor: pointer;
7535
+ }
7536
+ .ant-radio-wrapper::after {
6745
7537
  display: inline-block;
6746
- width: 90px;
7538
+ width: 0;
7539
+ overflow: hidden;
7540
+ content: '\a0';
7541
+ }
7542
+ .ant-radio {
7543
+ -webkit-box-sizing: border-box;
7544
+ box-sizing: border-box;
6747
7545
  margin: 0;
6748
7546
  padding: 0;
6749
- border: 1px solid #d9d9d9;
6750
- border-radius: 2px;
7547
+ color: rgba(0, 0, 0, 0.85);
7548
+ font-size: 14px;
7549
+ font-variant: tabular-nums;
7550
+ line-height: 1.5715;
7551
+ list-style: none;
7552
+ -webkit-font-feature-settings: 'tnum';
7553
+ font-feature-settings: 'tnum';
7554
+ position: relative;
7555
+ top: 0.2em;
7556
+ display: inline-block;
7557
+ outline: none;
7558
+ cursor: pointer;
6751
7559
  }
6752
- .ant-input-number::-moz-placeholder {
6753
- opacity: 1;
7560
+ .ant-radio-wrapper:hover .ant-radio,
7561
+ .ant-radio:hover .ant-radio-inner,
7562
+ .ant-radio-input:focus + .ant-radio-inner {
7563
+ border-color: #1890ff;
6754
7564
  }
6755
- .ant-input-number::-webkit-input-placeholder {
6756
- color: #bfbfbf;
6757
- -webkit-user-select: none;
6758
- user-select: none;
7565
+ .ant-radio-input:focus + .ant-radio-inner {
7566
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7567
+ box-shadow: 0 0 0 3px #e6f7ff;
6759
7568
  }
6760
- .ant-input-number::-ms-input-placeholder {
6761
- color: #bfbfbf;
6762
- -ms-user-select: none;
6763
- user-select: none;
7569
+ .ant-radio-checked::after {
7570
+ position: absolute;
7571
+ top: 0;
7572
+ left: 0;
7573
+ width: 100%;
7574
+ height: 100%;
7575
+ border: 1px solid #1890ff;
7576
+ border-radius: 50%;
7577
+ visibility: hidden;
7578
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
7579
+ animation: antRadioEffect 0.36s ease-in-out;
7580
+ -webkit-animation-fill-mode: both;
7581
+ animation-fill-mode: both;
7582
+ content: '';
6764
7583
  }
6765
- .ant-input-number::placeholder {
6766
- color: #bfbfbf;
6767
- -webkit-user-select: none;
6768
- -moz-user-select: none;
6769
- -ms-user-select: none;
6770
- user-select: none;
7584
+ .ant-radio:hover::after,
7585
+ .ant-radio-wrapper:hover .ant-radio::after {
7586
+ visibility: visible;
6771
7587
  }
6772
- .ant-input-number:placeholder-shown {
6773
- text-overflow: ellipsis;
7588
+ .ant-radio-inner {
7589
+ position: relative;
7590
+ top: 0;
7591
+ left: 0;
7592
+ display: block;
7593
+ width: 16px;
7594
+ height: 16px;
7595
+ background-color: #fff;
7596
+ border-color: #d9d9d9;
7597
+ border-style: solid;
7598
+ border-width: 1px;
7599
+ border-radius: 50%;
7600
+ -webkit-transition: all 0.3s;
7601
+ transition: all 0.3s;
6774
7602
  }
6775
- .ant-input-number:hover {
6776
- border-color: #40a9ff;
6777
- border-right-width: 1px !important;
7603
+ .ant-radio-inner::after {
7604
+ position: absolute;
7605
+ top: 3px;
7606
+ left: 3px;
7607
+ display: block;
7608
+ width: 8px;
7609
+ height: 8px;
7610
+ background-color: #1890ff;
7611
+ border-top: 0;
7612
+ border-left: 0;
7613
+ border-radius: 8px;
7614
+ -webkit-transform: scale(0);
7615
+ transform: scale(0);
7616
+ opacity: 0;
7617
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7618
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7619
+ content: ' ';
6778
7620
  }
6779
- .ant-input-rtl .ant-input-number:hover {
6780
- border-right-width: 0;
6781
- border-left-width: 1px !important;
7621
+ .ant-radio-input {
7622
+ position: absolute;
7623
+ top: 0;
7624
+ right: 0;
7625
+ bottom: 0;
7626
+ left: 0;
7627
+ z-index: 1;
7628
+ cursor: pointer;
7629
+ opacity: 0;
6782
7630
  }
6783
- .ant-input-number:focus,
6784
- .ant-input-number-focused {
6785
- border-color: #40a9ff;
6786
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6787
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6788
- border-right-width: 1px !important;
6789
- outline: 0;
7631
+ .ant-radio-checked .ant-radio-inner {
7632
+ border-color: #1890ff;
6790
7633
  }
6791
- .ant-input-rtl .ant-input-number:focus,
6792
- .ant-input-rtl .ant-input-number-focused {
6793
- border-right-width: 0;
6794
- border-left-width: 1px !important;
7634
+ .ant-radio-checked .ant-radio-inner::after {
7635
+ -webkit-transform: scale(1);
7636
+ transform: scale(1);
7637
+ opacity: 1;
7638
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7639
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6795
7640
  }
6796
- .ant-input-number-disabled {
6797
- color: rgba(0, 0, 0, 0.25);
7641
+ .ant-radio-disabled {
7642
+ cursor: not-allowed;
7643
+ }
7644
+ .ant-radio-disabled .ant-radio-inner {
6798
7645
  background-color: #f5f5f5;
6799
- border-color: #d9d9d9;
6800
- -webkit-box-shadow: none;
6801
- box-shadow: none;
7646
+ border-color: #d9d9d9 !important;
6802
7647
  cursor: not-allowed;
6803
- opacity: 1;
6804
7648
  }
6805
- .ant-input-number-disabled:hover {
6806
- border-color: #d9d9d9;
6807
- border-right-width: 1px !important;
7649
+ .ant-radio-disabled .ant-radio-inner::after {
7650
+ background-color: rgba(0, 0, 0, 0.2);
6808
7651
  }
6809
- .ant-input-number[disabled] {
7652
+ .ant-radio-disabled .ant-radio-input {
7653
+ cursor: not-allowed;
7654
+ }
7655
+ .ant-radio-disabled + span {
6810
7656
  color: rgba(0, 0, 0, 0.25);
6811
- background-color: #f5f5f5;
6812
- border-color: #d9d9d9;
6813
- -webkit-box-shadow: none;
6814
- box-shadow: none;
6815
7657
  cursor: not-allowed;
6816
- opacity: 1;
6817
7658
  }
6818
- .ant-input-number[disabled]:hover {
6819
- border-color: #d9d9d9;
6820
- border-right-width: 1px !important;
7659
+ span.ant-radio + * {
7660
+ padding-right: 8px;
7661
+ padding-left: 8px;
6821
7662
  }
6822
- .ant-input-number-borderless,
6823
- .ant-input-number-borderless:hover,
6824
- .ant-input-number-borderless:focus,
6825
- .ant-input-number-borderless-focused,
6826
- .ant-input-number-borderless-disabled,
6827
- .ant-input-number-borderless[disabled] {
6828
- background-color: transparent;
6829
- border: none;
6830
- -webkit-box-shadow: none;
6831
- box-shadow: none;
7663
+ .ant-radio-button-wrapper {
7664
+ position: relative;
7665
+ display: inline-block;
7666
+ height: 32px;
7667
+ margin: 0;
7668
+ padding: 0 15px;
7669
+ color: rgba(0, 0, 0, 0.85);
7670
+ font-size: 14px;
7671
+ line-height: 30px;
7672
+ background: #fff;
7673
+ border: 1px solid #d9d9d9;
7674
+ border-top-width: 1.02px;
7675
+ border-left-width: 0;
7676
+ cursor: pointer;
7677
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7678
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7679
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7680
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
6832
7681
  }
6833
- textarea.ant-input-number {
6834
- max-width: 100%;
6835
- height: auto;
6836
- min-height: 32px;
6837
- line-height: 1.5715;
6838
- vertical-align: bottom;
6839
- -webkit-transition: all 0.3s, height 0s;
6840
- transition: all 0.3s, height 0s;
7682
+ .ant-radio-button-wrapper a {
7683
+ color: rgba(0, 0, 0, 0.85);
6841
7684
  }
6842
- .ant-input-number-lg {
6843
- padding: 6.5px 11px;
7685
+ .ant-radio-button-wrapper > .ant-radio-button {
7686
+ position: absolute;
7687
+ top: 0;
7688
+ left: 0;
7689
+ z-index: -1;
7690
+ width: 100%;
7691
+ height: 100%;
7692
+ }
7693
+ .ant-radio-group-large .ant-radio-button-wrapper {
7694
+ height: 40px;
6844
7695
  font-size: 16px;
7696
+ line-height: 38px;
6845
7697
  }
6846
- .ant-input-number-sm {
6847
- padding: 0px 7px;
7698
+ .ant-radio-group-small .ant-radio-button-wrapper {
7699
+ height: 24px;
7700
+ padding: 0 7px;
7701
+ line-height: 22px;
6848
7702
  }
6849
- .ant-input-number-rtl {
6850
- direction: rtl;
7703
+ .ant-radio-button-wrapper:not(:first-child)::before {
7704
+ position: absolute;
7705
+ top: -1px;
7706
+ left: -1px;
7707
+ display: block;
7708
+ -webkit-box-sizing: content-box;
7709
+ box-sizing: content-box;
7710
+ width: 1px;
7711
+ height: 100%;
7712
+ padding: 1px 0;
7713
+ background-color: #d9d9d9;
7714
+ -webkit-transition: background-color 0.3s;
7715
+ transition: background-color 0.3s;
7716
+ content: '';
6851
7717
  }
6852
- .ant-input-number-group {
6853
- -webkit-box-sizing: border-box;
6854
- box-sizing: border-box;
6855
- margin: 0;
6856
- padding: 0;
6857
- color: rgba(0, 0, 0, 0.85);
6858
- font-size: 14px;
6859
- font-variant: tabular-nums;
6860
- line-height: 1.5715;
6861
- list-style: none;
6862
- -webkit-font-feature-settings: 'tnum';
6863
- font-feature-settings: 'tnum';
7718
+ .ant-radio-button-wrapper:first-child {
7719
+ border-left: 1px solid #d9d9d9;
7720
+ border-radius: 2px 0 0 2px;
7721
+ }
7722
+ .ant-radio-button-wrapper:last-child {
7723
+ border-radius: 0 2px 2px 0;
7724
+ }
7725
+ .ant-radio-button-wrapper:first-child:last-child {
7726
+ border-radius: 2px;
7727
+ }
7728
+ .ant-radio-button-wrapper:hover {
6864
7729
  position: relative;
6865
- display: table;
6866
- width: 100%;
6867
- border-collapse: separate;
6868
- border-spacing: 0;
7730
+ color: #1890ff;
6869
7731
  }
6870
- .ant-input-number-group[class*='col-'] {
6871
- float: none;
6872
- padding-right: 0;
6873
- padding-left: 0;
7732
+ .ant-radio-button-wrapper:focus-within {
7733
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7734
+ box-shadow: 0 0 0 3px #e6f7ff;
6874
7735
  }
6875
- .ant-input-number-group > [class*='col-'] {
6876
- padding-right: 8px;
7736
+ .ant-radio-button-wrapper .ant-radio-inner,
7737
+ .ant-radio-button-wrapper input[type='checkbox'],
7738
+ .ant-radio-button-wrapper input[type='radio'] {
7739
+ width: 0;
7740
+ height: 0;
7741
+ opacity: 0;
7742
+ pointer-events: none;
6877
7743
  }
6878
- .ant-input-number-group > [class*='col-']:last-child {
6879
- padding-right: 0;
7744
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7745
+ z-index: 1;
7746
+ color: #1890ff;
7747
+ background: #fff;
7748
+ border-color: #1890ff;
6880
7749
  }
6881
- .ant-input-number-group-addon,
6882
- .ant-input-number-group-wrap,
6883
- .ant-input-number-group > .ant-input-number {
6884
- display: table-cell;
7750
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7751
+ background-color: #1890ff;
6885
7752
  }
6886
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
6887
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
6888
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
6889
- border-radius: 0;
7753
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7754
+ border-color: #1890ff;
6890
7755
  }
6891
- .ant-input-number-group-addon,
6892
- .ant-input-number-group-wrap {
6893
- width: 1px;
6894
- white-space: nowrap;
6895
- vertical-align: middle;
7756
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7757
+ color: #40a9ff;
7758
+ border-color: #40a9ff;
6896
7759
  }
6897
- .ant-input-number-group-wrap > * {
6898
- display: block !important;
7760
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7761
+ background-color: #40a9ff;
6899
7762
  }
6900
- .ant-input-number-group .ant-input-number {
6901
- float: left;
6902
- width: 100%;
6903
- margin-bottom: 0;
6904
- text-align: inherit;
7763
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7764
+ color: #096dd9;
7765
+ border-color: #096dd9;
6905
7766
  }
6906
- .ant-input-number-group .ant-input-number:focus {
6907
- z-index: 1;
6908
- border-right-width: 1px;
7767
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7768
+ background-color: #096dd9;
6909
7769
  }
6910
- .ant-input-number-group .ant-input-number:hover {
6911
- z-index: 1;
6912
- border-right-width: 1px;
7770
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7771
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7772
+ box-shadow: 0 0 0 3px #e6f7ff;
6913
7773
  }
6914
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
6915
- z-index: 0;
7774
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7775
+ color: #fff;
7776
+ background: #1890ff;
7777
+ border-color: #1890ff;
6916
7778
  }
6917
- .ant-input-number-group-addon {
6918
- position: relative;
6919
- padding: 0 11px;
6920
- color: rgba(0, 0, 0, 0.85);
6921
- font-weight: normal;
6922
- font-size: 14px;
6923
- text-align: center;
6924
- background-color: #fafafa;
6925
- border: 1px solid #d9d9d9;
6926
- border-radius: 2px;
6927
- -webkit-transition: all 0.3s;
6928
- transition: all 0.3s;
7779
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7780
+ color: #fff;
7781
+ background: #40a9ff;
7782
+ border-color: #40a9ff;
7783
+ }
7784
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7785
+ color: #fff;
7786
+ background: #096dd9;
7787
+ border-color: #096dd9;
6929
7788
  }
6930
- .ant-input-number-group-addon .ant-select {
6931
- margin: -5px -11px;
7789
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7790
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7791
+ box-shadow: 0 0 0 3px #e6f7ff;
6932
7792
  }
6933
- .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
6934
- background-color: inherit;
6935
- border: 1px solid transparent;
6936
- -webkit-box-shadow: none;
6937
- box-shadow: none;
7793
+ .ant-radio-button-wrapper-disabled {
7794
+ color: rgba(0, 0, 0, 0.25);
7795
+ background-color: #f5f5f5;
7796
+ border-color: #d9d9d9;
7797
+ cursor: not-allowed;
6938
7798
  }
6939
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
6940
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
6941
- color: #1890ff;
7799
+ .ant-radio-button-wrapper-disabled:first-child,
7800
+ .ant-radio-button-wrapper-disabled:hover {
7801
+ color: rgba(0, 0, 0, 0.25);
7802
+ background-color: #f5f5f5;
7803
+ border-color: #d9d9d9;
6942
7804
  }
6943
- .ant-input-number-group-addon .ant-cascader-picker {
6944
- margin: -9px -12px;
6945
- background-color: transparent;
7805
+ .ant-radio-button-wrapper-disabled:first-child {
7806
+ border-left-color: #d9d9d9;
6946
7807
  }
6947
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
6948
- text-align: left;
6949
- border: 0;
7808
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7809
+ color: rgba(0, 0, 0, 0.25);
7810
+ background-color: #e6e6e6;
7811
+ border-color: #d9d9d9;
6950
7812
  -webkit-box-shadow: none;
6951
7813
  box-shadow: none;
6952
7814
  }
6953
- .ant-input-number-group > .ant-input-number:first-child,
6954
- .ant-input-number-group-addon:first-child {
6955
- border-top-right-radius: 0;
6956
- border-bottom-right-radius: 0;
6957
- }
6958
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
6959
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
6960
- border-top-right-radius: 0;
6961
- border-bottom-right-radius: 0;
6962
- }
6963
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
6964
- border-top-left-radius: 0;
6965
- border-bottom-left-radius: 0;
6966
- }
6967
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
6968
- border-top-right-radius: 0;
6969
- border-bottom-right-radius: 0;
7815
+ @-webkit-keyframes antRadioEffect {
7816
+ 0% {
7817
+ -webkit-transform: scale(1);
7818
+ transform: scale(1);
7819
+ opacity: 0.5;
7820
+ }
7821
+ 100% {
7822
+ -webkit-transform: scale(1.6);
7823
+ transform: scale(1.6);
7824
+ opacity: 0;
7825
+ }
6970
7826
  }
6971
- .ant-input-number-group-addon:first-child {
6972
- border-right: 0;
7827
+ @keyframes antRadioEffect {
7828
+ 0% {
7829
+ -webkit-transform: scale(1);
7830
+ transform: scale(1);
7831
+ opacity: 0.5;
7832
+ }
7833
+ 100% {
7834
+ -webkit-transform: scale(1.6);
7835
+ transform: scale(1.6);
7836
+ opacity: 0;
7837
+ }
6973
7838
  }
6974
- .ant-input-number-group-addon:last-child {
6975
- border-left: 0;
7839
+ .ant-radio-group.ant-radio-group-rtl {
7840
+ direction: rtl;
6976
7841
  }
6977
- .ant-input-number-group > .ant-input-number:last-child,
6978
- .ant-input-number-group-addon:last-child {
6979
- border-top-left-radius: 0;
6980
- border-bottom-left-radius: 0;
7842
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7843
+ margin-right: 0;
7844
+ margin-left: 8px;
7845
+ direction: rtl;
6981
7846
  }
6982
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
6983
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
6984
- border-top-left-radius: 0;
6985
- border-bottom-left-radius: 0;
7847
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7848
+ border-right-width: 0;
7849
+ border-left-width: 1px;
6986
7850
  }
6987
- .ant-input-number-group-lg .ant-input-number,
6988
- .ant-input-number-group-lg > .ant-input-number-group-addon {
6989
- padding: 6.5px 11px;
6990
- font-size: 16px;
7851
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7852
+ right: -1px;
7853
+ left: 0;
6991
7854
  }
6992
- .ant-input-number-group-sm .ant-input-number,
6993
- .ant-input-number-group-sm > .ant-input-number-group-addon {
6994
- padding: 0px 7px;
7855
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7856
+ border-right: 1px solid #d9d9d9;
7857
+ border-radius: 0 2px 2px 0;
6995
7858
  }
6996
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
6997
- height: 40px;
7859
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7860
+ border-right-color: #40a9ff;
6998
7861
  }
6999
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
7000
- height: 24px;
7862
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7863
+ border-radius: 2px 0 0 2px;
7001
7864
  }
7002
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7003
- border-top-right-radius: 0;
7004
- border-bottom-right-radius: 0;
7865
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7866
+ border-right-color: #d9d9d9;
7005
7867
  }
7006
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7007
- border-top-left-radius: 2px;
7008
- border-bottom-left-radius: 2px;
7868
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7869
+ padding: 0 12px;
7009
7870
  }
7010
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
7011
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7012
- border-top-left-radius: 0;
7013
- border-bottom-left-radius: 0;
7871
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7872
+ border-color: #d9d9d9;
7014
7873
  }
7015
- .ant-input-number-group.ant-input-number-group-compact {
7016
- display: block;
7874
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7875
+ border-color: #d9d9d9;
7017
7876
  }
7018
- .ant-input-number-group.ant-input-number-group-compact::before {
7019
- display: table;
7020
- content: '';
7877
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7878
+ -webkit-box-sizing: border-box;
7879
+ box-sizing: border-box;
7021
7880
  }
7022
- .ant-input-number-group.ant-input-number-group-compact::after {
7023
- display: table;
7024
- clear: both;
7025
- content: '';
7881
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7882
+ border-color: #2c6dd2;
7026
7883
  }
7027
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
7028
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
7029
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
7030
- border-right-width: 1px;
7884
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7885
+ background-color: #2c6dd2;
7031
7886
  }
7032
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
7033
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
7034
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
7035
- z-index: 1;
7887
+ .ant-input-number {
7888
+ -webkit-box-sizing: border-box;
7889
+ box-sizing: border-box;
7890
+ font-variant: tabular-nums;
7891
+ list-style: none;
7892
+ -webkit-font-feature-settings: 'tnum';
7893
+ font-feature-settings: 'tnum';
7894
+ position: relative;
7895
+ width: 100%;
7896
+ min-width: 0;
7897
+ padding: 4px 11px;
7898
+ color: rgba(0, 0, 0, 0.85);
7899
+ font-size: 14px;
7900
+ line-height: 1.5715;
7901
+ background-color: #fff;
7902
+ background-image: none;
7903
+ -webkit-transition: all 0.3s;
7904
+ transition: all 0.3s;
7905
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7906
+ display: inline-block;
7907
+ width: 90px;
7908
+ margin: 0;
7909
+ padding: 0;
7910
+ border: 1px solid #d9d9d9;
7911
+ border-radius: 2px;
7036
7912
  }
7037
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
7038
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
7039
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
7040
- z-index: 1;
7913
+ .ant-input-number::-moz-placeholder {
7914
+ opacity: 1;
7041
7915
  }
7042
- .ant-input-number-group.ant-input-number-group-compact > * {
7043
- display: inline-block;
7044
- float: none;
7045
- vertical-align: top;
7046
- border-radius: 0;
7916
+ .ant-input-number::-webkit-input-placeholder {
7917
+ color: #bfbfbf;
7918
+ -webkit-user-select: none;
7919
+ user-select: none;
7047
7920
  }
7048
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
7049
- display: -webkit-inline-box;
7050
- display: -ms-inline-flexbox;
7051
- display: inline-flex;
7921
+ .ant-input-number::-ms-input-placeholder {
7922
+ color: #bfbfbf;
7923
+ -ms-user-select: none;
7924
+ user-select: none;
7052
7925
  }
7053
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7054
- display: -webkit-inline-box;
7055
- display: -ms-inline-flexbox;
7056
- display: inline-flex;
7926
+ .ant-input-number::placeholder {
7927
+ color: #bfbfbf;
7928
+ -webkit-user-select: none;
7929
+ -moz-user-select: none;
7930
+ -ms-user-select: none;
7931
+ user-select: none;
7057
7932
  }
7058
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7059
- margin-right: -1px;
7060
- border-right-width: 1px;
7933
+ .ant-input-number:placeholder-shown {
7934
+ text-overflow: ellipsis;
7061
7935
  }
7062
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7063
- float: none;
7936
+ .ant-input-number:hover {
7937
+ border-color: #40a9ff;
7938
+ border-right-width: 1px !important;
7064
7939
  }
7065
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
7066
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
7067
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
7068
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
7069
- border-right-width: 1px;
7070
- border-radius: 0;
7940
+ .ant-input-rtl .ant-input-number:hover {
7941
+ border-right-width: 0;
7942
+ border-left-width: 1px !important;
7071
7943
  }
7072
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
7073
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
7074
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
7075
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
7076
- z-index: 1;
7944
+ .ant-input-number:focus,
7945
+ .ant-input-number-focused {
7946
+ border-color: #40a9ff;
7947
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7948
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7949
+ border-right-width: 1px !important;
7950
+ outline: 0;
7077
7951
  }
7078
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
7079
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
7080
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
7081
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
7082
- z-index: 1;
7952
+ .ant-input-rtl .ant-input-number:focus,
7953
+ .ant-input-rtl .ant-input-number-focused {
7954
+ border-right-width: 0;
7955
+ border-left-width: 1px !important;
7083
7956
  }
7084
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7085
- z-index: 1;
7957
+ .ant-input-number-disabled {
7958
+ color: rgba(0, 0, 0, 0.25);
7959
+ background-color: #f5f5f5;
7960
+ border-color: #d9d9d9;
7961
+ -webkit-box-shadow: none;
7962
+ box-shadow: none;
7963
+ cursor: not-allowed;
7964
+ opacity: 1;
7086
7965
  }
7087
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7088
- z-index: 1;
7966
+ .ant-input-number-disabled:hover {
7967
+ border-color: #d9d9d9;
7968
+ border-right-width: 1px !important;
7089
7969
  }
7090
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
7091
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7092
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7093
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7094
- border-top-left-radius: 2px;
7095
- border-bottom-left-radius: 2px;
7970
+ .ant-input-number[disabled] {
7971
+ color: rgba(0, 0, 0, 0.25);
7972
+ background-color: #f5f5f5;
7973
+ border-color: #d9d9d9;
7974
+ -webkit-box-shadow: none;
7975
+ box-shadow: none;
7976
+ cursor: not-allowed;
7977
+ opacity: 1;
7096
7978
  }
7097
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
7098
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7099
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7100
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7101
- border-right-width: 1px;
7102
- border-top-right-radius: 2px;
7103
- border-bottom-right-radius: 2px;
7979
+ .ant-input-number[disabled]:hover {
7980
+ border-color: #d9d9d9;
7981
+ border-right-width: 1px !important;
7104
7982
  }
7105
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7106
- vertical-align: top;
7983
+ .ant-input-number-borderless,
7984
+ .ant-input-number-borderless:hover,
7985
+ .ant-input-number-borderless:focus,
7986
+ .ant-input-number-borderless-focused,
7987
+ .ant-input-number-borderless-disabled,
7988
+ .ant-input-number-borderless[disabled] {
7989
+ background-color: transparent;
7990
+ border: none;
7991
+ -webkit-box-shadow: none;
7992
+ box-shadow: none;
7107
7993
  }
7108
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7109
- margin-left: -1px;
7994
+ textarea.ant-input-number {
7995
+ max-width: 100%;
7996
+ height: auto;
7997
+ min-height: 32px;
7998
+ line-height: 1.5715;
7999
+ vertical-align: bottom;
8000
+ -webkit-transition: all 0.3s, height 0s;
8001
+ transition: all 0.3s, height 0s;
7110
8002
  }
7111
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
7112
- border-radius: 0;
8003
+ .ant-input-number-lg {
8004
+ padding: 6.5px 11px;
8005
+ font-size: 16px;
7113
8006
  }
7114
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
7115
- border-radius: 0;
8007
+ .ant-input-number-sm {
8008
+ padding: 0px 7px;
7116
8009
  }
7117
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7118
- border-radius: 2px 0 0 2px;
8010
+ .ant-input-number-rtl {
8011
+ direction: rtl;
7119
8012
  }
7120
- .ant-input-number-group > .ant-input-number-rtl:first-child,
7121
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7122
- border-radius: 0 2px 2px 0;
8013
+ .ant-input-number-group {
8014
+ -webkit-box-sizing: border-box;
8015
+ box-sizing: border-box;
8016
+ margin: 0;
8017
+ padding: 0;
8018
+ color: rgba(0, 0, 0, 0.85);
8019
+ font-size: 14px;
8020
+ font-variant: tabular-nums;
8021
+ line-height: 1.5715;
8022
+ list-style: none;
8023
+ -webkit-font-feature-settings: 'tnum';
8024
+ font-feature-settings: 'tnum';
8025
+ position: relative;
8026
+ display: table;
8027
+ width: 100%;
8028
+ border-collapse: separate;
8029
+ border-spacing: 0;
7123
8030
  }
7124
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7125
- border-right: 1px solid #d9d9d9;
7126
- border-left: 0;
8031
+ .ant-input-number-group[class*='col-'] {
8032
+ float: none;
8033
+ padding-right: 0;
8034
+ padding-left: 0;
7127
8035
  }
7128
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7129
- border-right: 0;
7130
- border-left: 1px solid #d9d9d9;
8036
+ .ant-input-number-group > [class*='col-'] {
8037
+ padding-right: 8px;
7131
8038
  }
7132
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
7133
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
7134
- border-radius: 2px 0 0 2px;
8039
+ .ant-input-number-group > [class*='col-']:last-child {
8040
+ padding-right: 0;
7135
8041
  }
7136
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7137
- border-radius: 2px 0 0 2px;
8042
+ .ant-input-number-group-addon,
8043
+ .ant-input-number-group-wrap,
8044
+ .ant-input-number-group > .ant-input-number {
8045
+ display: table-cell;
7138
8046
  }
7139
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7140
- border-radius: 0 2px 2px 0;
8047
+ .ant-input-number-group-addon:not(:first-child):not(:last-child),
8048
+ .ant-input-number-group-wrap:not(:first-child):not(:last-child),
8049
+ .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
8050
+ border-radius: 0;
7141
8051
  }
7142
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7143
- margin-right: 0;
7144
- margin-left: -1px;
7145
- border-left-width: 1px;
8052
+ .ant-input-number-group-addon,
8053
+ .ant-input-number-group-wrap {
8054
+ width: 1px;
8055
+ white-space: nowrap;
8056
+ vertical-align: middle;
7146
8057
  }
7147
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
7148
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7149
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7150
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7151
- border-radius: 0 2px 2px 0;
8058
+ .ant-input-number-group-wrap > * {
8059
+ display: block !important;
7152
8060
  }
7153
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
7154
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7155
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
7156
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7157
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7158
- border-left-width: 1px;
7159
- border-radius: 2px 0 0 2px;
8061
+ .ant-input-number-group .ant-input-number {
8062
+ float: left;
8063
+ width: 100%;
8064
+ margin-bottom: 0;
8065
+ text-align: inherit;
7160
8066
  }
7161
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
7162
- margin-right: -1px;
7163
- margin-left: 0;
8067
+ .ant-input-number-group .ant-input-number:focus {
8068
+ z-index: 1;
8069
+ border-right-width: 1px;
7164
8070
  }
7165
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7166
- border-radius: 0 2px 2px 0;
8071
+ .ant-input-number-group .ant-input-number:hover {
8072
+ z-index: 1;
8073
+ border-right-width: 1px;
7167
8074
  }
7168
- .ant-input-number-group-wrapper {
7169
- display: inline-block;
7170
- text-align: start;
7171
- vertical-align: top;
8075
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8076
+ z-index: 0;
7172
8077
  }
7173
- .ant-input-number-handler {
8078
+ .ant-input-number-group-addon {
7174
8079
  position: relative;
7175
- display: block;
7176
- width: 100%;
7177
- height: 50%;
7178
- overflow: hidden;
7179
- color: rgba(0, 0, 0, 0.45);
7180
- font-weight: bold;
7181
- line-height: 0;
8080
+ padding: 0 11px;
8081
+ color: rgba(0, 0, 0, 0.85);
8082
+ font-weight: normal;
8083
+ font-size: 14px;
7182
8084
  text-align: center;
7183
- border-left: 1px solid #d9d9d9;
7184
- -webkit-transition: all 0.1s linear;
7185
- transition: all 0.1s linear;
7186
- }
7187
- .ant-input-number-handler:active {
7188
- background: #f4f4f4;
8085
+ background-color: #fafafa;
8086
+ border: 1px solid #d9d9d9;
8087
+ border-radius: 2px;
8088
+ -webkit-transition: all 0.3s;
8089
+ transition: all 0.3s;
7189
8090
  }
7190
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
7191
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
7192
- color: #40a9ff;
8091
+ .ant-input-number-group-addon .ant-select {
8092
+ margin: -5px -11px;
7193
8093
  }
7194
- .ant-input-number-handler-up-inner,
7195
- .ant-input-number-handler-down-inner {
7196
- display: inline-block;
7197
- color: inherit;
7198
- font-style: normal;
7199
- line-height: 0;
7200
- text-align: center;
7201
- text-transform: none;
7202
- vertical-align: -0.125em;
7203
- text-rendering: optimizeLegibility;
7204
- -webkit-font-smoothing: antialiased;
7205
- -moz-osx-font-smoothing: grayscale;
7206
- position: absolute;
7207
- right: 4px;
7208
- width: 12px;
7209
- height: 12px;
7210
- color: rgba(0, 0, 0, 0.45);
7211
- line-height: 12px;
7212
- -webkit-transition: all 0.1s linear;
7213
- transition: all 0.1s linear;
7214
- -webkit-user-select: none;
7215
- -moz-user-select: none;
7216
- -ms-user-select: none;
7217
- user-select: none;
8094
+ .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8095
+ background-color: inherit;
8096
+ border: 1px solid transparent;
8097
+ -webkit-box-shadow: none;
8098
+ box-shadow: none;
7218
8099
  }
7219
- .ant-input-number-handler-up-inner > *,
7220
- .ant-input-number-handler-down-inner > * {
7221
- line-height: 1;
8100
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8101
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8102
+ color: #1890ff;
7222
8103
  }
7223
- .ant-input-number-handler-up-inner svg,
7224
- .ant-input-number-handler-down-inner svg {
7225
- display: inline-block;
8104
+ .ant-input-number-group-addon .ant-cascader-picker {
8105
+ margin: -9px -12px;
8106
+ background-color: transparent;
7226
8107
  }
7227
- .ant-input-number-handler-up-inner::before,
7228
- .ant-input-number-handler-down-inner::before {
7229
- display: none;
8108
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8109
+ text-align: left;
8110
+ border: 0;
8111
+ -webkit-box-shadow: none;
8112
+ box-shadow: none;
7230
8113
  }
7231
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
7232
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
7233
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
7234
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
7235
- display: block;
8114
+ .ant-input-number-group > .ant-input-number:first-child,
8115
+ .ant-input-number-group-addon:first-child {
8116
+ border-top-right-radius: 0;
8117
+ border-bottom-right-radius: 0;
7236
8118
  }
7237
- .ant-input-number:hover {
7238
- border-color: #40a9ff;
7239
- border-right-width: 1px !important;
8119
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8120
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8121
+ border-top-right-radius: 0;
8122
+ border-bottom-right-radius: 0;
7240
8123
  }
7241
- .ant-input-number:hover + .ant-form-item-children-icon {
7242
- opacity: 0;
7243
- -webkit-transition: opacity 0.24s linear 0.24s;
7244
- transition: opacity 0.24s linear 0.24s;
8124
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8125
+ border-top-left-radius: 0;
8126
+ border-bottom-left-radius: 0;
7245
8127
  }
7246
- .ant-input-number-focused {
7247
- border-color: #40a9ff;
7248
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7249
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7250
- border-right-width: 1px !important;
7251
- outline: 0;
8128
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8129
+ border-top-right-radius: 0;
8130
+ border-bottom-right-radius: 0;
7252
8131
  }
7253
- .ant-input-rtl .ant-input-number-focused {
7254
- border-right-width: 0;
7255
- border-left-width: 1px !important;
8132
+ .ant-input-number-group-addon:first-child {
8133
+ border-right: 0;
7256
8134
  }
7257
- .ant-input-number-disabled {
7258
- color: rgba(0, 0, 0, 0.25);
7259
- background-color: #f5f5f5;
7260
- border-color: #d9d9d9;
7261
- -webkit-box-shadow: none;
7262
- box-shadow: none;
7263
- cursor: not-allowed;
7264
- opacity: 1;
8135
+ .ant-input-number-group-addon:last-child {
8136
+ border-left: 0;
7265
8137
  }
7266
- .ant-input-number-disabled:hover {
7267
- border-color: #d9d9d9;
7268
- border-right-width: 1px !important;
8138
+ .ant-input-number-group > .ant-input-number:last-child,
8139
+ .ant-input-number-group-addon:last-child {
8140
+ border-top-left-radius: 0;
8141
+ border-bottom-left-radius: 0;
7269
8142
  }
7270
- .ant-input-number-disabled .ant-input-number-input {
7271
- cursor: not-allowed;
8143
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8144
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8145
+ border-top-left-radius: 0;
8146
+ border-bottom-left-radius: 0;
7272
8147
  }
7273
- .ant-input-number-disabled .ant-input-number-handler-wrap {
7274
- display: none;
8148
+ .ant-input-number-group-lg .ant-input-number,
8149
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
8150
+ padding: 6.5px 11px;
8151
+ font-size: 16px;
7275
8152
  }
7276
- .ant-input-number-readonly .ant-input-number-handler-wrap {
7277
- display: none;
8153
+ .ant-input-number-group-sm .ant-input-number,
8154
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
8155
+ padding: 0px 7px;
7278
8156
  }
7279
- .ant-input-number-input {
7280
- width: 100%;
7281
- height: 30px;
7282
- padding: 0 11px;
7283
- text-align: left;
7284
- background-color: transparent;
7285
- border: 0;
7286
- border-radius: 2px;
7287
- outline: 0;
7288
- -webkit-transition: all 0.3s linear;
7289
- transition: all 0.3s linear;
7290
- -webkit-appearance: textfield !important;
7291
- -moz-appearance: textfield !important;
7292
- appearance: textfield !important;
7293
- /* stylelint-disable-next-line selector-no-vendor-prefix */
8157
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8158
+ height: 40px;
7294
8159
  }
7295
- .ant-input-number-input::-moz-placeholder {
7296
- opacity: 1;
8160
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8161
+ height: 24px;
7297
8162
  }
7298
- .ant-input-number-input::-webkit-input-placeholder {
7299
- color: #bfbfbf;
7300
- -webkit-user-select: none;
7301
- user-select: none;
8163
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8164
+ border-top-right-radius: 0;
8165
+ border-bottom-right-radius: 0;
7302
8166
  }
7303
- .ant-input-number-input::-ms-input-placeholder {
7304
- color: #bfbfbf;
7305
- -ms-user-select: none;
7306
- user-select: none;
8167
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8168
+ border-top-left-radius: 2px;
8169
+ border-bottom-left-radius: 2px;
7307
8170
  }
7308
- .ant-input-number-input::placeholder {
7309
- color: #bfbfbf;
7310
- -webkit-user-select: none;
7311
- -moz-user-select: none;
7312
- -ms-user-select: none;
7313
- user-select: none;
8171
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8172
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8173
+ border-top-left-radius: 0;
8174
+ border-bottom-left-radius: 0;
7314
8175
  }
7315
- .ant-input-number-input:placeholder-shown {
7316
- text-overflow: ellipsis;
8176
+ .ant-input-number-group.ant-input-number-group-compact {
8177
+ display: block;
7317
8178
  }
7318
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
7319
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
7320
- margin: 0;
7321
- /* stylelint-disable-next-line property-no-vendor-prefix */
7322
- -webkit-appearance: none;
7323
- appearance: none;
8179
+ .ant-input-number-group.ant-input-number-group-compact::before {
8180
+ display: table;
8181
+ content: '';
7324
8182
  }
7325
- .ant-input-number-lg {
7326
- padding: 0;
7327
- font-size: 16px;
8183
+ .ant-input-number-group.ant-input-number-group-compact::after {
8184
+ display: table;
8185
+ clear: both;
8186
+ content: '';
7328
8187
  }
7329
- .ant-input-number-lg input {
7330
- height: 38px;
8188
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8189
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8190
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8191
+ border-right-width: 1px;
7331
8192
  }
7332
- .ant-input-number-sm {
7333
- padding: 0;
8193
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8194
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8195
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8196
+ z-index: 1;
7334
8197
  }
7335
- .ant-input-number-sm input {
7336
- height: 22px;
7337
- padding: 0 7px;
8198
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8199
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8200
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8201
+ z-index: 1;
7338
8202
  }
7339
- .ant-input-number-handler-wrap {
7340
- position: absolute;
7341
- top: 0;
7342
- right: 0;
7343
- width: 22px;
7344
- height: 100%;
7345
- background: #fff;
7346
- border-radius: 0 2px 2px 0;
7347
- opacity: 0;
7348
- -webkit-transition: opacity 0.24s linear 0.1s;
7349
- transition: opacity 0.24s linear 0.1s;
8203
+ .ant-input-number-group.ant-input-number-group-compact > * {
8204
+ display: inline-block;
8205
+ float: none;
8206
+ vertical-align: top;
8207
+ border-radius: 0;
7350
8208
  }
7351
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
7352
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
7353
- display: -webkit-box;
7354
- display: -ms-flexbox;
7355
- display: flex;
7356
- -webkit-box-align: center;
7357
- -ms-flex-align: center;
7358
- align-items: center;
7359
- -webkit-box-pack: center;
7360
- -ms-flex-pack: center;
7361
- justify-content: center;
7362
- min-width: auto;
7363
- margin-right: 0;
7364
- font-size: 7px;
8209
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8210
+ display: -webkit-inline-box;
8211
+ display: -ms-inline-flexbox;
8212
+ display: inline-flex;
7365
8213
  }
7366
- .ant-input-number-borderless .ant-input-number-handler-wrap {
7367
- border-left-width: 0;
8214
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8215
+ display: -webkit-inline-box;
8216
+ display: -ms-inline-flexbox;
8217
+ display: inline-flex;
7368
8218
  }
7369
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
7370
- height: 40%;
8219
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8220
+ margin-right: -1px;
8221
+ border-right-width: 1px;
7371
8222
  }
7372
- .ant-input-number:hover .ant-input-number-handler-wrap,
7373
- .ant-input-number-focused .ant-input-number-handler-wrap {
7374
- opacity: 1;
8223
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8224
+ float: none;
7375
8225
  }
7376
- .ant-input-number-handler-up {
7377
- border-top-right-radius: 2px;
7378
- cursor: pointer;
8226
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8227
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8228
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8229
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8230
+ border-right-width: 1px;
8231
+ border-radius: 0;
7379
8232
  }
7380
- .ant-input-number-handler-up-inner {
7381
- top: 50%;
7382
- margin-top: -5px;
7383
- text-align: center;
8233
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8234
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8235
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8236
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8237
+ z-index: 1;
7384
8238
  }
7385
- .ant-input-number-handler-up:hover {
7386
- height: 60% !important;
8239
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8240
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8241
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8242
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8243
+ z-index: 1;
7387
8244
  }
7388
- .ant-input-number-handler-down {
7389
- top: 0;
7390
- border-top: 1px solid #d9d9d9;
7391
- border-bottom-right-radius: 2px;
7392
- cursor: pointer;
8245
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8246
+ z-index: 1;
7393
8247
  }
7394
- .ant-input-number-handler-down-inner {
7395
- top: 50%;
7396
- text-align: center;
7397
- -webkit-transform: translateY(-50%);
7398
- transform: translateY(-50%);
8248
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8249
+ z-index: 1;
7399
8250
  }
7400
- .ant-input-number-handler-down:hover {
7401
- height: 60% !important;
8251
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8252
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8253
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8254
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8255
+ border-top-left-radius: 2px;
8256
+ border-bottom-left-radius: 2px;
7402
8257
  }
7403
- .ant-input-number-borderless .ant-input-number-handler-down {
7404
- border-top-width: 0;
8258
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8259
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8260
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8261
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8262
+ border-right-width: 1px;
8263
+ border-top-right-radius: 2px;
8264
+ border-bottom-right-radius: 2px;
8265
+ }
8266
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8267
+ vertical-align: top;
7405
8268
  }
7406
- .ant-input-number-handler-up-disabled,
7407
- .ant-input-number-handler-down-disabled {
7408
- cursor: not-allowed;
8269
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8270
+ margin-left: -1px;
7409
8271
  }
7410
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
7411
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
7412
- color: rgba(0, 0, 0, 0.25);
8272
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8273
+ border-radius: 0;
7413
8274
  }
7414
- .ant-input-number-borderless {
7415
- -webkit-box-shadow: none;
7416
- box-shadow: none;
8275
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
8276
+ border-radius: 0;
7417
8277
  }
7418
- .ant-input-number-out-of-range input {
7419
- color: #ff4d4f;
8278
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8279
+ border-radius: 2px 0 0 2px;
7420
8280
  }
7421
- .ant-input-number-rtl {
7422
- direction: rtl;
8281
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
8282
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8283
+ border-radius: 0 2px 2px 0;
7423
8284
  }
7424
- .ant-input-number-rtl .ant-input-number-handler {
8285
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7425
8286
  border-right: 1px solid #d9d9d9;
7426
8287
  border-left: 0;
7427
8288
  }
7428
- .ant-input-number-rtl .ant-input-number-handler-wrap {
7429
- right: auto;
7430
- left: 0;
7431
- }
7432
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
7433
- border-right-width: 0;
7434
- }
7435
- .ant-input-number-rtl .ant-input-number-handler-up {
7436
- border-top-right-radius: 0;
7437
- }
7438
- .ant-input-number-rtl .ant-input-number-handler-down {
7439
- border-bottom-right-radius: 0;
8289
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8290
+ border-right: 0;
8291
+ border-left: 1px solid #d9d9d9;
7440
8292
  }
7441
- .ant-input-number-rtl .ant-input-number-input {
7442
- direction: ltr;
7443
- text-align: right;
8293
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8294
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8295
+ border-radius: 2px 0 0 2px;
7444
8296
  }
7445
- .pandora-sdk-range-input {
7446
- position: relative;
8297
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8298
+ border-radius: 2px 0 0 2px;
7447
8299
  }
7448
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
7449
- display: inline-block;
7450
- width: 40px;
7451
- line-height: 40px;
7452
- text-align: center;
8300
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8301
+ border-radius: 0 2px 2px 0;
7453
8302
  }
7454
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
7455
- width: calc(50% - 20px);
7456
- text-align: center;
7457
- display: inline-block;
8303
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8304
+ margin-right: 0;
8305
+ margin-left: -1px;
8306
+ border-left-width: 1px;
7458
8307
  }
7459
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
7460
- color: #ff4d4f;
7461
- line-height: 24px;
7462
- font-size: 12px;
8308
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8309
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8310
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8311
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8312
+ border-radius: 0 2px 2px 0;
7463
8313
  }
7464
- .pandora-sdk-range-input .ant-input-number {
7465
- width: 100%;
8314
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8315
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8316
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8317
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8318
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8319
+ border-left-width: 1px;
8320
+ border-radius: 2px 0 0 2px;
7466
8321
  }
7467
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
7468
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
7469
- -webkit-appearance: none;
8322
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8323
+ margin-right: -1px;
8324
+ margin-left: 0;
7470
8325
  }
7471
- .pandora-sdk-range-input input[type='number'] {
7472
- -moz-appearance: textfield;
8326
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8327
+ border-radius: 0 2px 2px 0;
7473
8328
  }
7474
- .ant-radio-group {
7475
- -webkit-box-sizing: border-box;
7476
- box-sizing: border-box;
7477
- margin: 0;
7478
- padding: 0;
7479
- color: rgba(0, 0, 0, 0.85);
7480
- font-size: 14px;
7481
- font-variant: tabular-nums;
7482
- line-height: 1.5715;
7483
- list-style: none;
7484
- -webkit-font-feature-settings: 'tnum';
7485
- font-feature-settings: 'tnum';
8329
+ .ant-input-number-group-wrapper {
7486
8330
  display: inline-block;
7487
- font-size: 0;
7488
- }
7489
- .ant-radio-group .ant-badge-count {
7490
- z-index: 1;
7491
- }
7492
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7493
- border-left: none;
8331
+ text-align: start;
8332
+ vertical-align: top;
7494
8333
  }
7495
- .ant-radio-wrapper {
7496
- -webkit-box-sizing: border-box;
7497
- box-sizing: border-box;
7498
- margin: 0;
7499
- padding: 0;
7500
- color: rgba(0, 0, 0, 0.85);
7501
- font-size: 14px;
7502
- font-variant: tabular-nums;
7503
- line-height: 1.5715;
7504
- list-style: none;
7505
- -webkit-font-feature-settings: 'tnum';
7506
- font-feature-settings: 'tnum';
8334
+ .ant-input-number-handler {
7507
8335
  position: relative;
7508
- display: -webkit-inline-box;
7509
- display: -ms-inline-flexbox;
7510
- display: inline-flex;
7511
- -webkit-box-align: baseline;
7512
- -ms-flex-align: baseline;
7513
- align-items: baseline;
7514
- margin-right: 8px;
7515
- cursor: pointer;
7516
- }
7517
- .ant-radio-wrapper::after {
7518
- display: inline-block;
7519
- width: 0;
8336
+ display: block;
8337
+ width: 100%;
8338
+ height: 50%;
7520
8339
  overflow: hidden;
7521
- content: '\a0';
7522
- }
7523
- .ant-radio {
7524
- -webkit-box-sizing: border-box;
7525
- box-sizing: border-box;
7526
- margin: 0;
7527
- padding: 0;
7528
- color: rgba(0, 0, 0, 0.85);
7529
- font-size: 14px;
7530
- font-variant: tabular-nums;
7531
- line-height: 1.5715;
7532
- list-style: none;
7533
- -webkit-font-feature-settings: 'tnum';
7534
- font-feature-settings: 'tnum';
7535
- position: relative;
7536
- top: 0.2em;
7537
- display: inline-block;
7538
- outline: none;
7539
- cursor: pointer;
8340
+ color: rgba(0, 0, 0, 0.45);
8341
+ font-weight: bold;
8342
+ line-height: 0;
8343
+ text-align: center;
8344
+ border-left: 1px solid #d9d9d9;
8345
+ -webkit-transition: all 0.1s linear;
8346
+ transition: all 0.1s linear;
7540
8347
  }
7541
- .ant-radio-wrapper:hover .ant-radio,
7542
- .ant-radio:hover .ant-radio-inner,
7543
- .ant-radio-input:focus + .ant-radio-inner {
7544
- border-color: #1890ff;
8348
+ .ant-input-number-handler:active {
8349
+ background: #f4f4f4;
7545
8350
  }
7546
- .ant-radio-input:focus + .ant-radio-inner {
7547
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7548
- box-shadow: 0 0 0 3px #e6f7ff;
8351
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8352
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8353
+ color: #40a9ff;
7549
8354
  }
7550
- .ant-radio-checked::after {
8355
+ .ant-input-number-handler-up-inner,
8356
+ .ant-input-number-handler-down-inner {
8357
+ display: inline-block;
8358
+ color: inherit;
8359
+ font-style: normal;
8360
+ line-height: 0;
8361
+ text-align: center;
8362
+ text-transform: none;
8363
+ vertical-align: -0.125em;
8364
+ text-rendering: optimizeLegibility;
8365
+ -webkit-font-smoothing: antialiased;
8366
+ -moz-osx-font-smoothing: grayscale;
7551
8367
  position: absolute;
7552
- top: 0;
7553
- left: 0;
7554
- width: 100%;
7555
- height: 100%;
7556
- border: 1px solid #1890ff;
7557
- border-radius: 50%;
7558
- visibility: hidden;
7559
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
7560
- animation: antRadioEffect 0.36s ease-in-out;
7561
- -webkit-animation-fill-mode: both;
7562
- animation-fill-mode: both;
7563
- content: '';
7564
- }
7565
- .ant-radio:hover::after,
7566
- .ant-radio-wrapper:hover .ant-radio::after {
7567
- visibility: visible;
7568
- }
7569
- .ant-radio-inner {
7570
- position: relative;
7571
- top: 0;
7572
- left: 0;
7573
- display: block;
7574
- width: 16px;
7575
- height: 16px;
7576
- background-color: #fff;
7577
- border-color: #d9d9d9;
7578
- border-style: solid;
7579
- border-width: 1px;
7580
- border-radius: 50%;
7581
- -webkit-transition: all 0.3s;
7582
- transition: all 0.3s;
8368
+ right: 4px;
8369
+ width: 12px;
8370
+ height: 12px;
8371
+ color: rgba(0, 0, 0, 0.45);
8372
+ line-height: 12px;
8373
+ -webkit-transition: all 0.1s linear;
8374
+ transition: all 0.1s linear;
8375
+ -webkit-user-select: none;
8376
+ -moz-user-select: none;
8377
+ -ms-user-select: none;
8378
+ user-select: none;
7583
8379
  }
7584
- .ant-radio-inner::after {
7585
- position: absolute;
7586
- top: 3px;
7587
- left: 3px;
7588
- display: block;
7589
- width: 8px;
7590
- height: 8px;
7591
- background-color: #1890ff;
7592
- border-top: 0;
7593
- border-left: 0;
7594
- border-radius: 8px;
7595
- -webkit-transform: scale(0);
7596
- transform: scale(0);
7597
- opacity: 0;
7598
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7599
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7600
- content: ' ';
8380
+ .ant-input-number-handler-up-inner > *,
8381
+ .ant-input-number-handler-down-inner > * {
8382
+ line-height: 1;
7601
8383
  }
7602
- .ant-radio-input {
7603
- position: absolute;
7604
- top: 0;
7605
- right: 0;
7606
- bottom: 0;
7607
- left: 0;
7608
- z-index: 1;
7609
- cursor: pointer;
7610
- opacity: 0;
8384
+ .ant-input-number-handler-up-inner svg,
8385
+ .ant-input-number-handler-down-inner svg {
8386
+ display: inline-block;
7611
8387
  }
7612
- .ant-radio-checked .ant-radio-inner {
7613
- border-color: #1890ff;
8388
+ .ant-input-number-handler-up-inner::before,
8389
+ .ant-input-number-handler-down-inner::before {
8390
+ display: none;
7614
8391
  }
7615
- .ant-radio-checked .ant-radio-inner::after {
7616
- -webkit-transform: scale(1);
7617
- transform: scale(1);
7618
- opacity: 1;
7619
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7620
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8392
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8393
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8394
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8395
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8396
+ display: block;
7621
8397
  }
7622
- .ant-radio-disabled {
7623
- cursor: not-allowed;
8398
+ .ant-input-number:hover {
8399
+ border-color: #40a9ff;
8400
+ border-right-width: 1px !important;
7624
8401
  }
7625
- .ant-radio-disabled .ant-radio-inner {
7626
- background-color: #f5f5f5;
7627
- border-color: #d9d9d9 !important;
7628
- cursor: not-allowed;
8402
+ .ant-input-number:hover + .ant-form-item-children-icon {
8403
+ opacity: 0;
8404
+ -webkit-transition: opacity 0.24s linear 0.24s;
8405
+ transition: opacity 0.24s linear 0.24s;
7629
8406
  }
7630
- .ant-radio-disabled .ant-radio-inner::after {
7631
- background-color: rgba(0, 0, 0, 0.2);
8407
+ .ant-input-number-focused {
8408
+ border-color: #40a9ff;
8409
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8410
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8411
+ border-right-width: 1px !important;
8412
+ outline: 0;
7632
8413
  }
7633
- .ant-radio-disabled .ant-radio-input {
7634
- cursor: not-allowed;
8414
+ .ant-input-rtl .ant-input-number-focused {
8415
+ border-right-width: 0;
8416
+ border-left-width: 1px !important;
7635
8417
  }
7636
- .ant-radio-disabled + span {
8418
+ .ant-input-number-disabled {
7637
8419
  color: rgba(0, 0, 0, 0.25);
8420
+ background-color: #f5f5f5;
8421
+ border-color: #d9d9d9;
8422
+ -webkit-box-shadow: none;
8423
+ box-shadow: none;
7638
8424
  cursor: not-allowed;
8425
+ opacity: 1;
7639
8426
  }
7640
- span.ant-radio + * {
7641
- padding-right: 8px;
7642
- padding-left: 8px;
8427
+ .ant-input-number-disabled:hover {
8428
+ border-color: #d9d9d9;
8429
+ border-right-width: 1px !important;
7643
8430
  }
7644
- .ant-radio-button-wrapper {
7645
- position: relative;
7646
- display: inline-block;
7647
- height: 32px;
7648
- margin: 0;
7649
- padding: 0 15px;
7650
- color: rgba(0, 0, 0, 0.85);
7651
- font-size: 14px;
7652
- line-height: 30px;
7653
- background: #fff;
7654
- border: 1px solid #d9d9d9;
7655
- border-top-width: 1.02px;
7656
- border-left-width: 0;
7657
- cursor: pointer;
7658
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7659
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7660
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7661
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
8431
+ .ant-input-number-disabled .ant-input-number-input {
8432
+ cursor: not-allowed;
7662
8433
  }
7663
- .ant-radio-button-wrapper a {
7664
- color: rgba(0, 0, 0, 0.85);
8434
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
8435
+ display: none;
7665
8436
  }
7666
- .ant-radio-button-wrapper > .ant-radio-button {
7667
- position: absolute;
7668
- top: 0;
7669
- left: 0;
7670
- z-index: -1;
8437
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
8438
+ display: none;
8439
+ }
8440
+ .ant-input-number-input {
7671
8441
  width: 100%;
7672
- height: 100%;
8442
+ height: 30px;
8443
+ padding: 0 11px;
8444
+ text-align: left;
8445
+ background-color: transparent;
8446
+ border: 0;
8447
+ border-radius: 2px;
8448
+ outline: 0;
8449
+ -webkit-transition: all 0.3s linear;
8450
+ transition: all 0.3s linear;
8451
+ -webkit-appearance: textfield !important;
8452
+ -moz-appearance: textfield !important;
8453
+ appearance: textfield !important;
8454
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7673
8455
  }
7674
- .ant-radio-group-large .ant-radio-button-wrapper {
7675
- height: 40px;
7676
- font-size: 16px;
7677
- line-height: 38px;
8456
+ .ant-input-number-input::-moz-placeholder {
8457
+ opacity: 1;
7678
8458
  }
7679
- .ant-radio-group-small .ant-radio-button-wrapper {
7680
- height: 24px;
7681
- padding: 0 7px;
7682
- line-height: 22px;
8459
+ .ant-input-number-input::-webkit-input-placeholder {
8460
+ color: #bfbfbf;
8461
+ -webkit-user-select: none;
8462
+ user-select: none;
7683
8463
  }
7684
- .ant-radio-button-wrapper:not(:first-child)::before {
7685
- position: absolute;
7686
- top: -1px;
7687
- left: -1px;
7688
- display: block;
7689
- -webkit-box-sizing: content-box;
7690
- box-sizing: content-box;
7691
- width: 1px;
7692
- height: 100%;
7693
- padding: 1px 0;
7694
- background-color: #d9d9d9;
7695
- -webkit-transition: background-color 0.3s;
7696
- transition: background-color 0.3s;
7697
- content: '';
8464
+ .ant-input-number-input::-ms-input-placeholder {
8465
+ color: #bfbfbf;
8466
+ -ms-user-select: none;
8467
+ user-select: none;
7698
8468
  }
7699
- .ant-radio-button-wrapper:first-child {
7700
- border-left: 1px solid #d9d9d9;
7701
- border-radius: 2px 0 0 2px;
8469
+ .ant-input-number-input::placeholder {
8470
+ color: #bfbfbf;
8471
+ -webkit-user-select: none;
8472
+ -moz-user-select: none;
8473
+ -ms-user-select: none;
8474
+ user-select: none;
7702
8475
  }
7703
- .ant-radio-button-wrapper:last-child {
7704
- border-radius: 0 2px 2px 0;
8476
+ .ant-input-number-input:placeholder-shown {
8477
+ text-overflow: ellipsis;
7705
8478
  }
7706
- .ant-radio-button-wrapper:first-child:last-child {
7707
- border-radius: 2px;
8479
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8480
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8481
+ margin: 0;
8482
+ /* stylelint-disable-next-line property-no-vendor-prefix */
8483
+ -webkit-appearance: none;
8484
+ appearance: none;
7708
8485
  }
7709
- .ant-radio-button-wrapper:hover {
7710
- position: relative;
7711
- color: #1890ff;
8486
+ .ant-input-number-lg {
8487
+ padding: 0;
8488
+ font-size: 16px;
7712
8489
  }
7713
- .ant-radio-button-wrapper:focus-within {
7714
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7715
- box-shadow: 0 0 0 3px #e6f7ff;
8490
+ .ant-input-number-lg input {
8491
+ height: 38px;
7716
8492
  }
7717
- .ant-radio-button-wrapper .ant-radio-inner,
7718
- .ant-radio-button-wrapper input[type='checkbox'],
7719
- .ant-radio-button-wrapper input[type='radio'] {
7720
- width: 0;
7721
- height: 0;
7722
- opacity: 0;
7723
- pointer-events: none;
8493
+ .ant-input-number-sm {
8494
+ padding: 0;
7724
8495
  }
7725
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7726
- z-index: 1;
7727
- color: #1890ff;
7728
- background: #fff;
7729
- border-color: #1890ff;
8496
+ .ant-input-number-sm input {
8497
+ height: 22px;
8498
+ padding: 0 7px;
7730
8499
  }
7731
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7732
- background-color: #1890ff;
8500
+ .ant-input-number-handler-wrap {
8501
+ position: absolute;
8502
+ top: 0;
8503
+ right: 0;
8504
+ width: 22px;
8505
+ height: 100%;
8506
+ background: #fff;
8507
+ border-radius: 0 2px 2px 0;
8508
+ opacity: 0;
8509
+ -webkit-transition: opacity 0.24s linear 0.1s;
8510
+ transition: opacity 0.24s linear 0.1s;
7733
8511
  }
7734
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7735
- border-color: #1890ff;
8512
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8513
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8514
+ display: -webkit-box;
8515
+ display: -ms-flexbox;
8516
+ display: flex;
8517
+ -webkit-box-align: center;
8518
+ -ms-flex-align: center;
8519
+ align-items: center;
8520
+ -webkit-box-pack: center;
8521
+ -ms-flex-pack: center;
8522
+ justify-content: center;
8523
+ min-width: auto;
8524
+ margin-right: 0;
8525
+ font-size: 7px;
7736
8526
  }
7737
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7738
- color: #40a9ff;
7739
- border-color: #40a9ff;
8527
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
8528
+ border-left-width: 0;
7740
8529
  }
7741
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7742
- background-color: #40a9ff;
8530
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8531
+ height: 40%;
7743
8532
  }
7744
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7745
- color: #096dd9;
7746
- border-color: #096dd9;
8533
+ .ant-input-number:hover .ant-input-number-handler-wrap,
8534
+ .ant-input-number-focused .ant-input-number-handler-wrap {
8535
+ opacity: 1;
7747
8536
  }
7748
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7749
- background-color: #096dd9;
8537
+ .ant-input-number-handler-up {
8538
+ border-top-right-radius: 2px;
8539
+ cursor: pointer;
7750
8540
  }
7751
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7752
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7753
- box-shadow: 0 0 0 3px #e6f7ff;
8541
+ .ant-input-number-handler-up-inner {
8542
+ top: 50%;
8543
+ margin-top: -5px;
8544
+ text-align: center;
7754
8545
  }
7755
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7756
- color: #fff;
7757
- background: #1890ff;
7758
- border-color: #1890ff;
8546
+ .ant-input-number-handler-up:hover {
8547
+ height: 60% !important;
7759
8548
  }
7760
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7761
- color: #fff;
7762
- background: #40a9ff;
7763
- border-color: #40a9ff;
8549
+ .ant-input-number-handler-down {
8550
+ top: 0;
8551
+ border-top: 1px solid #d9d9d9;
8552
+ border-bottom-right-radius: 2px;
8553
+ cursor: pointer;
7764
8554
  }
7765
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7766
- color: #fff;
7767
- background: #096dd9;
7768
- border-color: #096dd9;
8555
+ .ant-input-number-handler-down-inner {
8556
+ top: 50%;
8557
+ text-align: center;
8558
+ -webkit-transform: translateY(-50%);
8559
+ transform: translateY(-50%);
7769
8560
  }
7770
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7771
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7772
- box-shadow: 0 0 0 3px #e6f7ff;
8561
+ .ant-input-number-handler-down:hover {
8562
+ height: 60% !important;
7773
8563
  }
7774
- .ant-radio-button-wrapper-disabled {
7775
- color: rgba(0, 0, 0, 0.25);
7776
- background-color: #f5f5f5;
7777
- border-color: #d9d9d9;
8564
+ .ant-input-number-borderless .ant-input-number-handler-down {
8565
+ border-top-width: 0;
8566
+ }
8567
+ .ant-input-number-handler-up-disabled,
8568
+ .ant-input-number-handler-down-disabled {
7778
8569
  cursor: not-allowed;
7779
8570
  }
7780
- .ant-radio-button-wrapper-disabled:first-child,
7781
- .ant-radio-button-wrapper-disabled:hover {
8571
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8572
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
7782
8573
  color: rgba(0, 0, 0, 0.25);
7783
- background-color: #f5f5f5;
7784
- border-color: #d9d9d9;
7785
8574
  }
7786
- .ant-radio-button-wrapper-disabled:first-child {
7787
- border-left-color: #d9d9d9;
7788
- }
7789
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7790
- color: rgba(0, 0, 0, 0.25);
7791
- background-color: #e6e6e6;
7792
- border-color: #d9d9d9;
8575
+ .ant-input-number-borderless {
7793
8576
  -webkit-box-shadow: none;
7794
8577
  box-shadow: none;
7795
8578
  }
7796
- @-webkit-keyframes antRadioEffect {
7797
- 0% {
7798
- -webkit-transform: scale(1);
7799
- transform: scale(1);
7800
- opacity: 0.5;
7801
- }
7802
- 100% {
7803
- -webkit-transform: scale(1.6);
7804
- transform: scale(1.6);
7805
- opacity: 0;
7806
- }
7807
- }
7808
- @keyframes antRadioEffect {
7809
- 0% {
7810
- -webkit-transform: scale(1);
7811
- transform: scale(1);
7812
- opacity: 0.5;
7813
- }
7814
- 100% {
7815
- -webkit-transform: scale(1.6);
7816
- transform: scale(1.6);
7817
- opacity: 0;
7818
- }
7819
- }
7820
- .ant-radio-group.ant-radio-group-rtl {
7821
- direction: rtl;
8579
+ .ant-input-number-out-of-range input {
8580
+ color: #ff4d4f;
7822
8581
  }
7823
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7824
- margin-right: 0;
7825
- margin-left: 8px;
8582
+ .ant-input-number-rtl {
7826
8583
  direction: rtl;
7827
8584
  }
7828
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7829
- border-right-width: 0;
7830
- border-left-width: 1px;
8585
+ .ant-input-number-rtl .ant-input-number-handler {
8586
+ border-right: 1px solid #d9d9d9;
8587
+ border-left: 0;
7831
8588
  }
7832
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7833
- right: -1px;
8589
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
8590
+ right: auto;
7834
8591
  left: 0;
7835
8592
  }
7836
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7837
- border-right: 1px solid #d9d9d9;
7838
- border-radius: 0 2px 2px 0;
8593
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8594
+ border-right-width: 0;
7839
8595
  }
7840
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7841
- border-right-color: #40a9ff;
8596
+ .ant-input-number-rtl .ant-input-number-handler-up {
8597
+ border-top-right-radius: 0;
7842
8598
  }
7843
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7844
- border-radius: 2px 0 0 2px;
8599
+ .ant-input-number-rtl .ant-input-number-handler-down {
8600
+ border-bottom-right-radius: 0;
7845
8601
  }
7846
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7847
- border-right-color: #d9d9d9;
8602
+ .ant-input-number-rtl .ant-input-number-input {
8603
+ direction: ltr;
8604
+ text-align: right;
7848
8605
  }
7849
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7850
- padding: 0 12px;
8606
+ .pandora-sdk-range-input {
8607
+ position: relative;
7851
8608
  }
7852
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7853
- border-color: #d9d9d9;
8609
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8610
+ display: inline-block;
8611
+ width: 40px;
8612
+ line-height: 40px;
8613
+ text-align: center;
7854
8614
  }
7855
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7856
- border-color: #d9d9d9;
8615
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
8616
+ width: calc(50% - 20px);
8617
+ text-align: center;
8618
+ display: inline-block;
7857
8619
  }
7858
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7859
- -webkit-box-sizing: border-box;
7860
- box-sizing: border-box;
8620
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
8621
+ color: #ff4d4f;
8622
+ line-height: 24px;
8623
+ font-size: 12px;
7861
8624
  }
7862
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7863
- border-color: #2c6dd2;
8625
+ .pandora-sdk-range-input .ant-input-number {
8626
+ width: 100%;
7864
8627
  }
7865
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7866
- background-color: #2c6dd2;
8628
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
8629
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
8630
+ -webkit-appearance: none;
8631
+ }
8632
+ .pandora-sdk-range-input input[type='number'] {
8633
+ -moz-appearance: textfield;
7867
8634
  }
7868
8635
  .ant-select-single .ant-select-selector {
7869
8636
  display: -webkit-box;
@@ -11455,6 +12222,53 @@ textarea.ant-pagination-options-quick-jumper input {
11455
12222
  .ant-empty .ant-empty-description {
11456
12223
  color: #bfbfbf;
11457
12224
  }
12225
+ .pandora-sdk-timeline-container {
12226
+ list-style: none;
12227
+ margin: 0;
12228
+ line-height: 1.5;
12229
+ font-size: 14px;
12230
+ color: rgba(0, 0, 0, 0.65);
12231
+ -webkit-box-sizing: border-box;
12232
+ box-sizing: border-box;
12233
+ padding: 0;
12234
+ }
12235
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
12236
+ margin: 0 8px;
12237
+ color: inherit;
12238
+ vertical-align: middle;
12239
+ font-size: 14px;
12240
+ -webkit-transition: 0.3s;
12241
+ transition: 0.3s;
12242
+ }
12243
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12244
+ color: #7a869a;
12245
+ }
12246
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12247
+ position: relative;
12248
+ }
12249
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12250
+ opacity: 1;
12251
+ pointer-events: auto;
12252
+ }
12253
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12254
+ margin-right: 0;
12255
+ }
12256
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12257
+ margin-left: 8px;
12258
+ font-size: 12px;
12259
+ color: #d9d9d9;
12260
+ -webkit-transition: color 0.5s, opacity 0.2s;
12261
+ transition: color 0.5s, opacity 0.2s;
12262
+ pointer-events: none;
12263
+ opacity: 0;
12264
+ position: absolute;
12265
+ top: 50%;
12266
+ -webkit-transform: translateY(-50%);
12267
+ transform: translateY(-50%);
12268
+ }
12269
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12270
+ color: #2c6dd2;
12271
+ }
11458
12272
  .ant-tag {
11459
12273
  -webkit-box-sizing: border-box;
11460
12274
  box-sizing: border-box;
@@ -11722,32 +12536,6 @@ textarea.ant-pagination-options-quick-jumper input {
11722
12536
  .pandora-sdk-popover > div {
11723
12537
  margin: 4px;
11724
12538
  }
11725
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
11726
- position: relative;
11727
- }
11728
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
11729
- opacity: 1;
11730
- pointer-events: auto;
11731
- }
11732
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
11733
- margin-right: 0;
11734
- }
11735
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
11736
- margin-left: 8px;
11737
- font-size: 12px;
11738
- color: #d9d9d9;
11739
- -webkit-transition: color 0.5s, opacity 0.2s;
11740
- transition: color 0.5s, opacity 0.2s;
11741
- pointer-events: none;
11742
- opacity: 0;
11743
- position: absolute;
11744
- top: 50%;
11745
- -webkit-transform: translateY(-50%);
11746
- transform: translateY(-50%);
11747
- }
11748
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
11749
- color: #2c6dd2;
11750
- }
11751
12539
  .pandora-sdk-transfer-container {
11752
12540
  display: -webkit-box;
11753
12541
  display: -ms-flexbox;
@@ -11766,27 +12554,6 @@ textarea.ant-pagination-options-quick-jumper input {
11766
12554
  -ms-flex-preferred-size: 200px;
11767
12555
  flex-basis: 200px;
11768
12556
  }
11769
- .pandora-sdk-timeline-container {
11770
- list-style: none;
11771
- margin: 0;
11772
- line-height: 1.5;
11773
- font-size: 14px;
11774
- color: rgba(0, 0, 0, 0.65);
11775
- -webkit-box-sizing: border-box;
11776
- box-sizing: border-box;
11777
- padding: 0;
11778
- }
11779
- .pandora-sdk-timeline-container .pandora-sdk-icon {
11780
- margin: 0 8px;
11781
- color: inherit;
11782
- vertical-align: middle;
11783
- font-size: 14px;
11784
- -webkit-transition: 0.3s;
11785
- transition: 0.3s;
11786
- }
11787
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
11788
- color: #7a869a;
11789
- }
11790
12557
  @-webkit-keyframes ant-tree-node-fx-do-not-use {
11791
12558
  0% {
11792
12559
  opacity: 0;
@@ -18271,40 +19038,17 @@ textarea.ant-pagination-options-quick-jumper input {
18271
19038
  margin-left: 0;
18272
19039
  }
18273
19040
  }
18274
- .ant-row-rtl {
18275
- direction: rtl;
18276
- }
18277
- .pandora-sdk-card-row-extra button {
18278
- min-width: 80px;
18279
- }
18280
- .pandora-sdk-card-search-input {
18281
- min-width: 200px;
18282
- }
18283
- .pandora-sdk-card-search-input i {
18284
- color: #bfbfbf;
18285
- }
18286
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
18287
- width: 32px;
18288
- margin: 0 auto;
18289
- margin-top: 10px;
18290
- margin-bottom: 5px;
18291
- }
18292
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
18293
- border-radius: 2px;
18294
- border: 2px solid #939393;
19041
+ .ant-row-rtl {
19042
+ direction: rtl;
18295
19043
  }
18296
- .pandora-sdk-datetime-mobile-picker {
18297
- border-radius: 12px;
19044
+ .pandora-sdk-card-row-extra button {
19045
+ min-width: 80px;
18298
19046
  }
18299
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
18300
- visibility: hidden;
19047
+ .pandora-sdk-card-search-input {
19048
+ min-width: 200px;
18301
19049
  }
18302
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
18303
- border-bottom: none;
18304
- background-image: none;
18305
- background-position: unset;
18306
- background-size: unset;
18307
- position: initial;
19050
+ .pandora-sdk-card-search-input i {
19051
+ color: #bfbfbf;
18308
19052
  }
18309
19053
  .ant-picker {
18310
19054
  -webkit-box-sizing: border-box;
@@ -19589,10 +20333,45 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19589
20333
  .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
19590
20334
  margin-left: 18px;
19591
20335
  }
20336
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
20337
+ width: 32px;
20338
+ margin: 0 auto;
20339
+ margin-top: 10px;
20340
+ margin-bottom: 5px;
20341
+ }
20342
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
20343
+ border-radius: 2px;
20344
+ border: 2px solid #939393;
20345
+ }
20346
+ .pandora-sdk-datetime-mobile-picker {
20347
+ border-radius: 12px;
20348
+ }
20349
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
20350
+ visibility: hidden;
20351
+ }
20352
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
20353
+ border-bottom: none;
20354
+ background-image: none;
20355
+ background-position: unset;
20356
+ background-size: unset;
20357
+ position: initial;
20358
+ }
19592
20359
  .pandora-sdk-datetime-pick-input .ant-input-suffix {
19593
20360
  pointer-events: none;
19594
20361
  color: #7a869a;
19595
20362
  }
20363
+ .pandora-sdk-popover-inline-list {
20364
+ display: inline-block;
20365
+ vertical-align: middle;
20366
+ }
20367
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20368
+ display: inline-block;
20369
+ height: 100%;
20370
+ margin-right: 12px;
20371
+ }
20372
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20373
+ color: #2c6dd2;
20374
+ }
19596
20375
  .pandora-sdk-item {
19597
20376
  color: #2c6dd2;
19598
20377
  cursor: pointer;
@@ -19615,18 +20394,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19615
20394
  color: inherit;
19616
20395
  cursor: inherit;
19617
20396
  }
19618
- .pandora-sdk-popover-inline-list {
19619
- display: inline-block;
19620
- vertical-align: middle;
19621
- }
19622
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
19623
- display: inline-block;
19624
- height: 100%;
19625
- margin-right: 12px;
19626
- }
19627
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
19628
- color: #2c6dd2;
19629
- }
19630
20397
  .pandora-sdk-popover-item {
19631
20398
  display: inline-block;
19632
20399
  line-height: 18px;
@@ -19695,31 +20462,64 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19695
20462
  flex-wrap: wrap;
19696
20463
  width: 400px;
19697
20464
  }
19698
- .pandora-sdk-switch {
20465
+ .pandora-sdk-timeline-item {
20466
+ font-size: 14px;
20467
+ list-style: none;
20468
+ margin: 0;
20469
+ position: relative;
20470
+ padding: 0 0 20px;
20471
+ min-height: 50px;
20472
+ }
20473
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
20474
+ position: absolute;
20475
+ top: 0.75em;
20476
+ height: 100%;
20477
+ border-left: 2px solid #d9d9d9;
20478
+ }
20479
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
20480
+ position: absolute;
20481
+ -webkit-transform: translateX(-4px);
20482
+ transform: translateX(-4px);
20483
+ }
20484
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
19699
20485
  display: inline-block;
19700
- margin: 4px;
19701
- padding: 8px;
20486
+ -webkit-box-sizing: border-box;
20487
+ box-sizing: border-box;
20488
+ width: 10px;
20489
+ height: 10px;
20490
+ background-color: #2c6dd2;
19702
20491
  border-radius: 100px;
19703
- line-height: 1;
19704
- font-size: 16px;
19705
- color: #7a869a;
19706
- background: #ebecf0;
19707
- cursor: pointer;
20492
+ border: 2px solid transparent;
19708
20493
  }
19709
- .pandora-sdk-switch.pandora-sdk-active {
19710
- color: #d9d9d9;
20494
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
20495
+ text-align: left;
20496
+ color: #333;
20497
+ text-overflow: ellipsis;
20498
+ display: -webkit-box;
20499
+ -webkit-line-clamp: 3;
20500
+ -webkit-box-orient: vertical;
19711
20501
  }
19712
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
19713
- background: #2c6dd2;
20502
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
20503
+ margin-right: 18px;
20504
+ position: absolute;
20505
+ text-align: right;
20506
+ font-size: 14px;
20507
+ color: #333;
19714
20508
  }
19715
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
19716
- background: #52c41a;
20509
+ .pandora-sdk-transfer-list {
20510
+ overflow: hidden;
19717
20511
  }
19718
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
19719
- background: #faad14;
20512
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20513
+ margin-bottom: 10px;
19720
20514
  }
19721
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
19722
- background: #03a9f4;
20515
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20516
+ margin-bottom: 10px;
20517
+ }
20518
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20519
+ margin-bottom: 10px;
20520
+ }
20521
+ .pandora-sdk-search-icon {
20522
+ color: inherit;
19723
20523
  }
19724
20524
  .pandora-sdk-root {
19725
20525
  display: inline-block;
@@ -19803,64 +20603,59 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19803
20603
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19804
20604
  margin-bottom: 10px;
19805
20605
  }
19806
- .pandora-sdk-transfer-list {
19807
- overflow: hidden;
20606
+ .pandora-sdk-switch {
20607
+ display: inline-block;
20608
+ margin: 4px;
20609
+ padding: 8px;
20610
+ border-radius: 100px;
20611
+ line-height: 1;
20612
+ font-size: 16px;
20613
+ color: #7a869a;
20614
+ background: #ebecf0;
20615
+ cursor: pointer;
19808
20616
  }
19809
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19810
- margin-bottom: 10px;
20617
+ .pandora-sdk-switch.pandora-sdk-active {
20618
+ color: #d9d9d9;
19811
20619
  }
19812
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19813
- margin-bottom: 10px;
20620
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20621
+ background: #2c6dd2;
19814
20622
  }
19815
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19816
- margin-bottom: 10px;
20623
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20624
+ background: #52c41a;
19817
20625
  }
19818
- .pandora-sdk-search-icon {
19819
- color: inherit;
20626
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20627
+ background: #faad14;
19820
20628
  }
19821
- .pandora-sdk-timeline-item {
19822
- font-size: 14px;
19823
- list-style: none;
19824
- margin: 0;
19825
- position: relative;
19826
- padding: 0 0 20px;
19827
- min-height: 50px;
20629
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20630
+ background: #03a9f4;
19828
20631
  }
19829
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
19830
- position: absolute;
19831
- top: 0.75em;
19832
- height: 100%;
19833
- border-left: 2px solid #d9d9d9;
20632
+ .pandora-sdk-panel-title {
20633
+ display: -webkit-box;
20634
+ display: -ms-flexbox;
20635
+ display: flex;
20636
+ -webkit-box-pack: justify;
20637
+ -ms-flex-pack: justify;
20638
+ justify-content: space-between;
20639
+ font-size: 12px;
20640
+ color: #42526e;
20641
+ cursor: pointer;
20642
+ padding-bottom: 16px;
20643
+ border-bottom: 1px solid #d9d9d9;
19834
20644
  }
19835
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
19836
- position: absolute;
19837
- -webkit-transform: translateX(-4px);
19838
- transform: translateX(-4px);
20645
+ .pandora-sdk-panel-title .icon {
20646
+ font-size: 14px;
19839
20647
  }
19840
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
19841
- display: inline-block;
19842
- -webkit-box-sizing: border-box;
19843
- box-sizing: border-box;
19844
- width: 10px;
19845
- height: 10px;
19846
- background-color: #2c6dd2;
19847
- border-radius: 100px;
19848
- border: 2px solid transparent;
20648
+ .pandora-sdk-panel-content {
20649
+ padding: 20px 0 0 0;
19849
20650
  }
19850
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
19851
- text-align: left;
19852
- color: #333;
19853
- text-overflow: ellipsis;
19854
- display: -webkit-box;
19855
- -webkit-line-clamp: 3;
19856
- -webkit-box-orient: vertical;
20651
+ .pandora-sdk-panel-hidden {
20652
+ display: none;
19857
20653
  }
19858
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
19859
- margin-right: 18px;
19860
- position: absolute;
19861
- text-align: right;
19862
- font-size: 14px;
19863
- color: #333;
20654
+ .pandora-sdk-panel {
20655
+ margin-bottom: 20px;
20656
+ }
20657
+ .pandora-sdk-panel-disable {
20658
+ cursor: default;
19864
20659
  }
19865
20660
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19866
20661
  display: -webkit-box;
@@ -19898,31 +20693,3 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19898
20693
  border-radius: 2px;
19899
20694
  border: 2px solid #939393;
19900
20695
  }
19901
- .pandora-sdk-panel-title {
19902
- display: -webkit-box;
19903
- display: -ms-flexbox;
19904
- display: flex;
19905
- -webkit-box-pack: justify;
19906
- -ms-flex-pack: justify;
19907
- justify-content: space-between;
19908
- font-size: 12px;
19909
- color: #42526e;
19910
- cursor: pointer;
19911
- padding-bottom: 16px;
19912
- border-bottom: 1px solid #d9d9d9;
19913
- }
19914
- .pandora-sdk-panel-title .icon {
19915
- font-size: 14px;
19916
- }
19917
- .pandora-sdk-panel-content {
19918
- padding: 20px 0 0 0;
19919
- }
19920
- .pandora-sdk-panel-hidden {
19921
- display: none;
19922
- }
19923
- .pandora-sdk-panel {
19924
- margin-bottom: 20px;
19925
- }
19926
- .pandora-sdk-panel-disable {
19927
- cursor: default;
19928
- }