@qn-pandora/pandora-component 3.0.1 → 3.0.2

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 (53) hide show
  1. package/CHANGELOG.json +0 -20
  2. package/CHANGELOG.md +1 -9
  3. package/es/components/AutoComplete/style.css +4 -1
  4. package/es/components/Button/index.js +1 -1
  5. package/es/components/Card/style.css +10 -2
  6. package/es/components/CheckTransformList/index.js +1 -1
  7. package/es/components/CheckTransformList/style.css +17 -7
  8. package/es/components/Collapse/Panel/index.js +2 -1
  9. package/es/components/DateTimePicker/Base/style.css +7 -12
  10. package/es/components/DateTimePicker/DisplayInput/style.css +17 -7
  11. package/es/components/DateTimePicker/constants.js +1 -1
  12. package/es/components/DateTimePicker/style.css +155 -57
  13. package/es/components/Input/style.css +17 -7
  14. package/es/components/InputNumber/style.css +1 -1
  15. package/es/components/Menu/Option.d.ts +1 -1
  16. package/es/components/Menu/style.css +4 -0
  17. package/es/components/NameLimiter/index.js +1 -0
  18. package/es/components/OptionList/PopoverOptionList/style.css +155 -57
  19. package/es/components/OptionList/style.css +155 -57
  20. package/es/components/RangeInput/style.css +18 -8
  21. package/es/components/Selector/style.css +4 -1
  22. package/es/components/SolidRadioGroup/style.css +0 -1
  23. package/es/components/Table/style.css +10 -6
  24. package/es/components/Tabs/style.css +10 -2
  25. package/es/index.css +233 -112
  26. package/es/index.less +3 -3
  27. package/es/style/theme.less +2 -2
  28. package/lib/components/AutoComplete/style.css +4 -1
  29. package/lib/components/Button/index.js +1 -1
  30. package/lib/components/Card/style.css +10 -2
  31. package/lib/components/CheckTransformList/index.js +1 -1
  32. package/lib/components/CheckTransformList/style.css +17 -7
  33. package/lib/components/Collapse/Panel/index.js +2 -1
  34. package/lib/components/DateTimePicker/Base/style.css +7 -12
  35. package/lib/components/DateTimePicker/DisplayInput/style.css +17 -7
  36. package/lib/components/DateTimePicker/constants.js +1 -1
  37. package/lib/components/DateTimePicker/style.css +155 -57
  38. package/lib/components/Input/style.css +17 -7
  39. package/lib/components/InputNumber/style.css +1 -1
  40. package/lib/components/Menu/Option.d.ts +1 -1
  41. package/lib/components/Menu/style.css +4 -0
  42. package/lib/components/NameLimiter/index.js +1 -0
  43. package/lib/components/OptionList/PopoverOptionList/style.css +155 -57
  44. package/lib/components/OptionList/style.css +155 -57
  45. package/lib/components/RangeInput/style.css +18 -8
  46. package/lib/components/Selector/style.css +4 -1
  47. package/lib/components/SolidRadioGroup/style.css +0 -1
  48. package/lib/components/Table/style.css +10 -6
  49. package/lib/components/Tabs/style.css +10 -2
  50. package/lib/index.css +272 -151
  51. package/lib/index.less +2 -2
  52. package/lib/style/theme.less +2 -2
  53. package/package.json +4 -4
package/lib/components/OptionList/PopoverOptionList/style.css CHANGED
@@ -113,100 +113,198 @@
113
113
  display: block;
114
114
  width: 8.48528137px;
115
115
  height: 8.48528137px;
116
+ overflow: hidden;
116
117
  background: transparent;
117
- border-style: solid;
118
- border-width: 4.24264069px;
119
- -webkit-transform: rotate(45deg);
120
- transform: rotate(45deg);
121
- }
122
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
123
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
124
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
125
- bottom: 6.2px;
126
- border-top-color: transparent;
127
- border-right-color: #ffffff;
128
- border-bottom-color: #ffffff;
129
- border-left-color: transparent;
118
+ pointer-events: none;
119
+ }
120
+ .ant-popover-arrow-content {
121
+ position: absolute;
122
+ top: 0;
123
+ right: 0;
124
+ bottom: 0;
125
+ left: 0;
126
+ display: block;
127
+ width: 6px;
128
+ height: 6px;
129
+ margin: auto;
130
+ background-color: #ffffff;
131
+ content: '';
132
+ pointer-events: auto;
133
+ }
134
+ .ant-popover-placement-top .ant-popover-arrow,
135
+ .ant-popover-placement-topLeft .ant-popover-arrow,
136
+ .ant-popover-placement-topRight .ant-popover-arrow {
137
+ bottom: 1.51471863px;
138
+ }
139
+ .ant-popover-placement-top .ant-popover-arrow-content,
140
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
141
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
130
142
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
131
143
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
144
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
145
+ transform: translateY(-4.24264069px) rotate(45deg);
132
146
  }
133
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
147
+ .ant-popover-placement-top .ant-popover-arrow {
134
148
  left: 50%;
135
- -webkit-transform: translateX(-50%) rotate(45deg);
136
- transform: translateX(-50%) rotate(45deg);
149
+ -webkit-transform: translateX(-50%);
150
+ transform: translateX(-50%);
137
151
  }
138
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
152
+ .ant-popover-placement-topLeft .ant-popover-arrow {
139
153
  left: 16px;
140
154
  }
141
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
155
+ .ant-popover-placement-topRight .ant-popover-arrow {
142
156
  right: 16px;
143
157
  }
144
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
145
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
146
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
147
- left: 6px;
148
- border-top-color: transparent;
149
- border-right-color: transparent;
150
- border-bottom-color: #ffffff;
151
- border-left-color: #ffffff;
158
+ .ant-popover-placement-right .ant-popover-arrow,
159
+ .ant-popover-placement-rightTop .ant-popover-arrow,
160
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
161
+ left: 1.51471863px;
162
+ }
163
+ .ant-popover-placement-right .ant-popover-arrow-content,
164
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
165
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
152
166
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
153
167
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
168
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
169
+ transform: translateX(4.24264069px) rotate(45deg);
154
170
  }
155
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
171
+ .ant-popover-placement-right .ant-popover-arrow {
156
172
  top: 50%;
157
- -webkit-transform: translateY(-50%) rotate(45deg);
158
- transform: translateY(-50%) rotate(45deg);
173
+ -webkit-transform: translateY(-50%);
174
+ transform: translateY(-50%);
159
175
  }
160
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
176
+ .ant-popover-placement-rightTop .ant-popover-arrow {
161
177
  top: 12px;
162
178
  }
163
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
179
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
164
180
  bottom: 12px;
165
181
  }
166
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
167
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
168
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
169
- top: 6px;
170
- border-top-color: #ffffff;
171
- border-right-color: transparent;
172
- border-bottom-color: transparent;
173
- border-left-color: #ffffff;
182
+ .ant-popover-placement-bottom .ant-popover-arrow,
183
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
184
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
185
+ top: 1.51471863px;
186
+ }
187
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
188
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
189
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
174
190
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
175
191
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
192
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
193
+ transform: translateY(4.24264069px) rotate(45deg);
176
194
  }
177
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
195
+ .ant-popover-placement-bottom .ant-popover-arrow {
178
196
  left: 50%;
179
- -webkit-transform: translateX(-50%) rotate(45deg);
180
- transform: translateX(-50%) rotate(45deg);
197
+ -webkit-transform: translateX(-50%);
198
+ transform: translateX(-50%);
181
199
  }
182
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
200
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
183
201
  left: 16px;
184
202
  }
185
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
203
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
186
204
  right: 16px;
187
205
  }
188
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
189
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
190
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
191
- right: 6px;
192
- border-top-color: #ffffff;
193
- border-right-color: #ffffff;
194
- border-bottom-color: transparent;
195
- border-left-color: transparent;
206
+ .ant-popover-placement-left .ant-popover-arrow,
207
+ .ant-popover-placement-leftTop .ant-popover-arrow,
208
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
209
+ right: 1.51471863px;
210
+ }
211
+ .ant-popover-placement-left .ant-popover-arrow-content,
212
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
213
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
196
214
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
197
215
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
216
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
217
+ transform: translateX(-4.24264069px) rotate(45deg);
198
218
  }
199
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
219
+ .ant-popover-placement-left .ant-popover-arrow {
200
220
  top: 50%;
201
- -webkit-transform: translateY(-50%) rotate(45deg);
202
- transform: translateY(-50%) rotate(45deg);
221
+ -webkit-transform: translateY(-50%);
222
+ transform: translateY(-50%);
203
223
  }
204
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
224
+ .ant-popover-placement-leftTop .ant-popover-arrow {
205
225
  top: 12px;
206
226
  }
207
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
227
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
208
228
  bottom: 12px;
209
229
  }
230
+ .ant-popover-pink .ant-popover-inner {
231
+ background-color: #eb2f96;
232
+ }
233
+ .ant-popover-pink .ant-popover-arrow-content {
234
+ background-color: #eb2f96;
235
+ }
236
+ .ant-popover-magenta .ant-popover-inner {
237
+ background-color: #eb2f96;
238
+ }
239
+ .ant-popover-magenta .ant-popover-arrow-content {
240
+ background-color: #eb2f96;
241
+ }
242
+ .ant-popover-red .ant-popover-inner {
243
+ background-color: #f5222d;
244
+ }
245
+ .ant-popover-red .ant-popover-arrow-content {
246
+ background-color: #f5222d;
247
+ }
248
+ .ant-popover-volcano .ant-popover-inner {
249
+ background-color: #fa541c;
250
+ }
251
+ .ant-popover-volcano .ant-popover-arrow-content {
252
+ background-color: #fa541c;
253
+ }
254
+ .ant-popover-orange .ant-popover-inner {
255
+ background-color: #fa8c16;
256
+ }
257
+ .ant-popover-orange .ant-popover-arrow-content {
258
+ background-color: #fa8c16;
259
+ }
260
+ .ant-popover-yellow .ant-popover-inner {
261
+ background-color: #fadb14;
262
+ }
263
+ .ant-popover-yellow .ant-popover-arrow-content {
264
+ background-color: #fadb14;
265
+ }
266
+ .ant-popover-gold .ant-popover-inner {
267
+ background-color: #faad14;
268
+ }
269
+ .ant-popover-gold .ant-popover-arrow-content {
270
+ background-color: #faad14;
271
+ }
272
+ .ant-popover-cyan .ant-popover-inner {
273
+ background-color: #13c2c2;
274
+ }
275
+ .ant-popover-cyan .ant-popover-arrow-content {
276
+ background-color: #13c2c2;
277
+ }
278
+ .ant-popover-lime .ant-popover-inner {
279
+ background-color: #a0d911;
280
+ }
281
+ .ant-popover-lime .ant-popover-arrow-content {
282
+ background-color: #a0d911;
283
+ }
284
+ .ant-popover-green .ant-popover-inner {
285
+ background-color: #52c41a;
286
+ }
287
+ .ant-popover-green .ant-popover-arrow-content {
288
+ background-color: #52c41a;
289
+ }
290
+ .ant-popover-blue .ant-popover-inner {
291
+ background-color: #1890ff;
292
+ }
293
+ .ant-popover-blue .ant-popover-arrow-content {
294
+ background-color: #1890ff;
295
+ }
296
+ .ant-popover-geekblue .ant-popover-inner {
297
+ background-color: #2f54eb;
298
+ }
299
+ .ant-popover-geekblue .ant-popover-arrow-content {
300
+ background-color: #2f54eb;
301
+ }
302
+ .ant-popover-purple .ant-popover-inner {
303
+ background-color: #722ed1;
304
+ }
305
+ .ant-popover-purple .ant-popover-arrow-content {
306
+ background-color: #722ed1;
307
+ }
210
308
  .ant-popover-rtl {
211
309
  direction: rtl;
212
310
  text-align: right;
package/lib/components/OptionList/style.css CHANGED
@@ -527,100 +527,198 @@
527
527
  display: block;
528
528
  width: 8.48528137px;
529
529
  height: 8.48528137px;
530
+ overflow: hidden;
530
531
  background: transparent;
531
- border-style: solid;
532
- border-width: 4.24264069px;
533
- -webkit-transform: rotate(45deg);
534
- transform: rotate(45deg);
535
- }
536
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
537
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
538
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
539
- bottom: 6.2px;
540
- border-top-color: transparent;
541
- border-right-color: #ffffff;
542
- border-bottom-color: #ffffff;
543
- border-left-color: transparent;
532
+ pointer-events: none;
533
+ }
534
+ .ant-popover-arrow-content {
535
+ position: absolute;
536
+ top: 0;
537
+ right: 0;
538
+ bottom: 0;
539
+ left: 0;
540
+ display: block;
541
+ width: 6px;
542
+ height: 6px;
543
+ margin: auto;
544
+ background-color: #ffffff;
545
+ content: '';
546
+ pointer-events: auto;
547
+ }
548
+ .ant-popover-placement-top .ant-popover-arrow,
549
+ .ant-popover-placement-topLeft .ant-popover-arrow,
550
+ .ant-popover-placement-topRight .ant-popover-arrow {
551
+ bottom: 1.51471863px;
552
+ }
553
+ .ant-popover-placement-top .ant-popover-arrow-content,
554
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
555
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
544
556
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
545
557
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
558
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
559
+ transform: translateY(-4.24264069px) rotate(45deg);
546
560
  }
547
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
561
+ .ant-popover-placement-top .ant-popover-arrow {
548
562
  left: 50%;
549
- -webkit-transform: translateX(-50%) rotate(45deg);
550
- transform: translateX(-50%) rotate(45deg);
563
+ -webkit-transform: translateX(-50%);
564
+ transform: translateX(-50%);
551
565
  }
552
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
566
+ .ant-popover-placement-topLeft .ant-popover-arrow {
553
567
  left: 16px;
554
568
  }
555
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
569
+ .ant-popover-placement-topRight .ant-popover-arrow {
556
570
  right: 16px;
557
571
  }
558
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
559
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
560
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
561
- left: 6px;
562
- border-top-color: transparent;
563
- border-right-color: transparent;
564
- border-bottom-color: #ffffff;
565
- border-left-color: #ffffff;
572
+ .ant-popover-placement-right .ant-popover-arrow,
573
+ .ant-popover-placement-rightTop .ant-popover-arrow,
574
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
575
+ left: 1.51471863px;
576
+ }
577
+ .ant-popover-placement-right .ant-popover-arrow-content,
578
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
579
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
566
580
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
567
581
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
582
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
583
+ transform: translateX(4.24264069px) rotate(45deg);
568
584
  }
569
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
585
+ .ant-popover-placement-right .ant-popover-arrow {
570
586
  top: 50%;
571
- -webkit-transform: translateY(-50%) rotate(45deg);
572
- transform: translateY(-50%) rotate(45deg);
587
+ -webkit-transform: translateY(-50%);
588
+ transform: translateY(-50%);
573
589
  }
574
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
590
+ .ant-popover-placement-rightTop .ant-popover-arrow {
575
591
  top: 12px;
576
592
  }
577
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
593
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
578
594
  bottom: 12px;
579
595
  }
580
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
581
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
582
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
583
- top: 6px;
584
- border-top-color: #ffffff;
585
- border-right-color: transparent;
586
- border-bottom-color: transparent;
587
- border-left-color: #ffffff;
596
+ .ant-popover-placement-bottom .ant-popover-arrow,
597
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
598
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
599
+ top: 1.51471863px;
600
+ }
601
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
602
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
603
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
588
604
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
589
605
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
606
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
607
+ transform: translateY(4.24264069px) rotate(45deg);
590
608
  }
591
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
609
+ .ant-popover-placement-bottom .ant-popover-arrow {
592
610
  left: 50%;
593
- -webkit-transform: translateX(-50%) rotate(45deg);
594
- transform: translateX(-50%) rotate(45deg);
611
+ -webkit-transform: translateX(-50%);
612
+ transform: translateX(-50%);
595
613
  }
596
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
614
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
597
615
  left: 16px;
598
616
  }
599
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
617
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
600
618
  right: 16px;
601
619
  }
602
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
603
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
604
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
605
- right: 6px;
606
- border-top-color: #ffffff;
607
- border-right-color: #ffffff;
608
- border-bottom-color: transparent;
609
- border-left-color: transparent;
620
+ .ant-popover-placement-left .ant-popover-arrow,
621
+ .ant-popover-placement-leftTop .ant-popover-arrow,
622
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
623
+ right: 1.51471863px;
624
+ }
625
+ .ant-popover-placement-left .ant-popover-arrow-content,
626
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
627
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
610
628
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
611
629
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
630
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
631
+ transform: translateX(-4.24264069px) rotate(45deg);
612
632
  }
613
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
633
+ .ant-popover-placement-left .ant-popover-arrow {
614
634
  top: 50%;
615
- -webkit-transform: translateY(-50%) rotate(45deg);
616
- transform: translateY(-50%) rotate(45deg);
635
+ -webkit-transform: translateY(-50%);
636
+ transform: translateY(-50%);
617
637
  }
618
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
638
+ .ant-popover-placement-leftTop .ant-popover-arrow {
619
639
  top: 12px;
620
640
  }
621
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
641
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
622
642
  bottom: 12px;
623
643
  }
644
+ .ant-popover-pink .ant-popover-inner {
645
+ background-color: #eb2f96;
646
+ }
647
+ .ant-popover-pink .ant-popover-arrow-content {
648
+ background-color: #eb2f96;
649
+ }
650
+ .ant-popover-magenta .ant-popover-inner {
651
+ background-color: #eb2f96;
652
+ }
653
+ .ant-popover-magenta .ant-popover-arrow-content {
654
+ background-color: #eb2f96;
655
+ }
656
+ .ant-popover-red .ant-popover-inner {
657
+ background-color: #f5222d;
658
+ }
659
+ .ant-popover-red .ant-popover-arrow-content {
660
+ background-color: #f5222d;
661
+ }
662
+ .ant-popover-volcano .ant-popover-inner {
663
+ background-color: #fa541c;
664
+ }
665
+ .ant-popover-volcano .ant-popover-arrow-content {
666
+ background-color: #fa541c;
667
+ }
668
+ .ant-popover-orange .ant-popover-inner {
669
+ background-color: #fa8c16;
670
+ }
671
+ .ant-popover-orange .ant-popover-arrow-content {
672
+ background-color: #fa8c16;
673
+ }
674
+ .ant-popover-yellow .ant-popover-inner {
675
+ background-color: #fadb14;
676
+ }
677
+ .ant-popover-yellow .ant-popover-arrow-content {
678
+ background-color: #fadb14;
679
+ }
680
+ .ant-popover-gold .ant-popover-inner {
681
+ background-color: #faad14;
682
+ }
683
+ .ant-popover-gold .ant-popover-arrow-content {
684
+ background-color: #faad14;
685
+ }
686
+ .ant-popover-cyan .ant-popover-inner {
687
+ background-color: #13c2c2;
688
+ }
689
+ .ant-popover-cyan .ant-popover-arrow-content {
690
+ background-color: #13c2c2;
691
+ }
692
+ .ant-popover-lime .ant-popover-inner {
693
+ background-color: #a0d911;
694
+ }
695
+ .ant-popover-lime .ant-popover-arrow-content {
696
+ background-color: #a0d911;
697
+ }
698
+ .ant-popover-green .ant-popover-inner {
699
+ background-color: #52c41a;
700
+ }
701
+ .ant-popover-green .ant-popover-arrow-content {
702
+ background-color: #52c41a;
703
+ }
704
+ .ant-popover-blue .ant-popover-inner {
705
+ background-color: #1890ff;
706
+ }
707
+ .ant-popover-blue .ant-popover-arrow-content {
708
+ background-color: #1890ff;
709
+ }
710
+ .ant-popover-geekblue .ant-popover-inner {
711
+ background-color: #2f54eb;
712
+ }
713
+ .ant-popover-geekblue .ant-popover-arrow-content {
714
+ background-color: #2f54eb;
715
+ }
716
+ .ant-popover-purple .ant-popover-inner {
717
+ background-color: #722ed1;
718
+ }
719
+ .ant-popover-purple .ant-popover-arrow-content {
720
+ background-color: #722ed1;
721
+ }
624
722
  .ant-popover-rtl {
625
723
  direction: rtl;
626
724
  text-align: right;
package/lib/components/RangeInput/style.css CHANGED
@@ -132,8 +132,8 @@ textarea.ant-input-affix-wrapper {
132
132
  outline: none;
133
133
  }
134
134
  .ant-input-affix-wrapper > input.ant-input:focus {
135
- -webkit-box-shadow: none;
136
- box-shadow: none;
135
+ -webkit-box-shadow: none !important;
136
+ box-shadow: none !important;
137
137
  }
138
138
  .ant-input-affix-wrapper::before {
139
139
  width: 0;
@@ -158,7 +158,7 @@ textarea.ant-input-affix-wrapper {
158
158
  .ant-input-suffix {
159
159
  margin-left: 4px;
160
160
  }
161
- .ant-input-clear-icon {
161
+ .anticon.ant-input-clear-icon {
162
162
  margin: 0 4px;
163
163
  color: rgba(0, 0, 0, 0.25);
164
164
  font-size: 12px;
@@ -167,16 +167,16 @@ textarea.ant-input-affix-wrapper {
167
167
  -webkit-transition: color 0.3s;
168
168
  transition: color 0.3s;
169
169
  }
170
- .ant-input-clear-icon:hover {
170
+ .anticon.ant-input-clear-icon:hover {
171
171
  color: rgba(0, 0, 0, 0.45);
172
172
  }
173
- .ant-input-clear-icon:active {
173
+ .anticon.ant-input-clear-icon:active {
174
174
  color: rgba(0, 0, 0, 0.65);
175
175
  }
176
- .ant-input-clear-icon-hidden {
176
+ .anticon.ant-input-clear-icon-hidden {
177
177
  visibility: hidden;
178
178
  }
179
- .ant-input-clear-icon:last-child {
179
+ .anticon.ant-input-clear-icon:last-child {
180
180
  margin-right: 0;
181
181
  }
182
182
  .ant-input-affix-wrapper-textarea-with-clear-btn {
@@ -391,6 +391,16 @@ textarea.ant-input {
391
391
  .ant-input-group-addon .ant-select-focused .ant-select-selector {
392
392
  color: #7a869a;
393
393
  }
394
+ .ant-input-group-addon .ant-cascader-picker {
395
+ margin: -9px -12px;
396
+ background-color: transparent;
397
+ }
398
+ .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
399
+ text-align: left;
400
+ border: 0;
401
+ -webkit-box-shadow: none;
402
+ box-shadow: none;
403
+ }
394
404
  .ant-input-group > .ant-input:first-child,
395
405
  .ant-input-group-addon:first-child {
396
406
  border-top-right-radius: 0;
@@ -870,6 +880,7 @@ textarea.ant-input-number {
870
880
  font-weight: bold;
871
881
  line-height: 0;
872
882
  text-align: center;
883
+ border-left: 1px solid #e5e5e5;
873
884
  -webkit-transition: all 0.1s linear;
874
885
  transition: all 0.1s linear;
875
886
  }
@@ -1016,7 +1027,6 @@ textarea.ant-input-number {
1016
1027
  width: 22px;
1017
1028
  height: 100%;
1018
1029
  background: #ffffff;
1019
- border-left: 1px solid #e5e5e5;
1020
1030
  border-radius: 0 2px 2px 0;
1021
1031
  opacity: 0;
1022
1032
  -webkit-transition: opacity 0.24s linear 0.1s;
package/lib/components/Selector/style.css CHANGED
@@ -457,7 +457,7 @@
457
457
  -webkit-font-smoothing: antialiased;
458
458
  -moz-osx-font-smoothing: grayscale;
459
459
  position: absolute;
460
- top: 53%;
460
+ top: 50%;
461
461
  right: 11px;
462
462
  width: 12px;
463
463
  height: 12px;
@@ -638,6 +638,9 @@
638
638
  color: rgba(0, 0, 0, 0.25);
639
639
  cursor: not-allowed;
640
640
  }
641
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
642
+ background-color: #f5f5f5;
643
+ }
641
644
  .ant-select-item-option-grouped {
642
645
  padding-left: 24px;
643
646
  }
package/lib/components/SolidRadioGroup/style.css CHANGED
@@ -16,7 +16,6 @@
16
16
  font-feature-settings: 'tnum';
17
17
  display: inline-block;
18
18
  font-size: 0;
19
- line-height: unset;
20
19
  }
21
20
  .ant-radio-group .ant-badge-count {
22
21
  z-index: 1;
package/lib/components/Table/style.css CHANGED
@@ -54,9 +54,7 @@
54
54
  border-bottom: 0;
55
55
  }
56
56
  .ant-table.ant-table-bordered > .ant-table-container {
57
- border: 1px solid #ebecf0;
58
- border-right: 0;
59
- border-bottom: 0;
57
+ border-left: 1px solid #ebecf0;
60
58
  }
61
59
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
62
60
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
@@ -119,6 +117,10 @@
119
117
  border-right: 1px solid #ebecf0;
120
118
  content: '';
121
119
  }
120
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
121
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
122
+ border-top: 1px solid #ebecf0;
123
+ }
122
124
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
123
125
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
124
126
  border-right: 0;
@@ -274,6 +276,8 @@
274
276
  background: #2a69ca;
275
277
  }
276
278
  .ant-table-summary {
279
+ position: relative;
280
+ z-index: 2;
277
281
  background: #ffffff;
278
282
  }
279
283
  div.ant-table-summary {
@@ -744,6 +748,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
744
748
  .ant-table-sticky-holder {
745
749
  position: sticky;
746
750
  z-index: 3;
751
+ background: #ffffff;
747
752
  }
748
753
  .ant-table-sticky-scroll {
749
754
  position: sticky;
@@ -1340,11 +1345,10 @@ textarea.ant-pagination-options-quick-jumper input {
1340
1345
  cursor: not-allowed;
1341
1346
  }
1342
1347
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
1343
- background: #dbdbdb;
1344
- border-color: transparent;
1348
+ background: #e6e6e6;
1345
1349
  }
1346
1350
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
1347
- color: #fff;
1351
+ color: rgba(0, 0, 0, 0.25);
1348
1352
  }
1349
1353
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
1350
1354
  color: rgba(0, 0, 0, 0.25);