@antv/s2-vue 2.2.0-alpha.2 → 2.2.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm/style.css CHANGED
@@ -1,3 +1,140 @@
1
+ .antv-s2-tooltip-tips,
2
+ .antv-s2-tooltip-name {
3
+ padding: 12px;
4
+ line-height: 16px;
5
+ overflow-wrap: break-word;
6
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
7
+ }
8
+ .antv-s2-tooltip-description {
9
+ padding: 0 12px 12px;
10
+ line-height: 16px;
11
+ overflow-wrap: break-word;
12
+ color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
13
+ }
14
+ .antv-s2-tooltip-tips {
15
+ padding: 4px 12px;
16
+ color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
17
+ }
18
+ .antv-s2-tooltip-infos {
19
+ padding: 4px 12px;
20
+ line-height: 20px;
21
+ color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
22
+ overflow: hidden;
23
+ text-overflow: ellipsis;
24
+ -webkit-line-clamp: 2;
25
+ display: -webkit-box;
26
+ -webkit-box-orient: vertical;
27
+ overflow-wrap: break-word;
28
+ background: rgba(249, 249, 249, 0.96);
29
+ border-radius: 0 0 2px 2px;
30
+ background-color: #f9f9f9;
31
+ }
32
+ .antv-s2-tooltip-summary {
33
+ line-height: 20px;
34
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
35
+ overflow: hidden;
36
+ padding: 12px;
37
+ }
38
+ .antv-s2-tooltip-summary-item {
39
+ display: flex;
40
+ }
41
+ .antv-s2-tooltip-summary-key {
42
+ margin-right: 20px;
43
+ }
44
+ .antv-s2-tooltip-summary-val {
45
+ flex: 1;
46
+ text-align: right;
47
+ text-overflow: ellipsis;
48
+ white-space: nowrap;
49
+ overflow: hidden;
50
+ }
51
+ .antv-s2-tooltip-interpretation {
52
+ color: rgba(0, 0, 0, 0.65);
53
+ overflow: hidden;
54
+ padding: 12px;
55
+ }
56
+ .antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
57
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
58
+ }
59
+ .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
60
+ margin-bottom: 12px;
61
+ }
62
+ .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-icon {
63
+ width: 14px;
64
+ height: 14px;
65
+ }
66
+ .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
67
+ color: var(--antv-s2-font, #000);
68
+ }
69
+ .antv-s2-tooltip-head-info-list {
70
+ color: var(--antv-s2-font-65, #a2a2a2);
71
+ padding: 12px 12px 4px;
72
+ line-height: 24px;
73
+ word-break: break-word;
74
+ }
75
+ .antv-s2-tooltip-bold,
76
+ .antv-s2-tooltip-selected {
77
+ font-weight: bold;
78
+ }
79
+ .antv-s2-tooltip-selected {
80
+ margin-right: 5px;
81
+ }
82
+ .antv-s2-tooltip-highlight {
83
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
84
+ }
85
+ .antv-s2-tooltip-detail-list {
86
+ padding: 2px 12px 8px;
87
+ }
88
+ .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item {
89
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
90
+ overflow: hidden;
91
+ margin: 4px 0;
92
+ display: flex;
93
+ justify-content: space-around;
94
+ align-items: center;
95
+ }
96
+ .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
97
+ margin-right: 20px;
98
+ }
99
+ .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-val {
100
+ flex: 1;
101
+ text-align: right;
102
+ text-overflow: ellipsis;
103
+ white-space: nowrap;
104
+ overflow: hidden;
105
+ }
106
+ .ant-dropdown-menu-item.operation-item {
107
+ font-size: 12px;
108
+ }
109
+ .antv-s2-spin.ant-spin-nested-loading,
110
+ .antv-s2-spin > .ant-spin-container {
111
+ height: 100%;
112
+ }
113
+ .antv-s2-wrapper {
114
+ padding: 0;
115
+ margin: 0;
116
+ display: flex;
117
+ flex-direction: column;
118
+ height: 100%;
119
+ }
120
+ .antv-s2-container {
121
+ overflow: auto;
122
+ flex: 1 1 auto;
123
+ }
124
+ .antv-s2-container canvas {
125
+ display: block;
126
+ }
127
+ .antv-s2-pagination {
128
+ display: flex;
129
+ align-items: center;
130
+ z-index: 1024;
131
+ }
132
+ .antv-s2-pagination-count {
133
+ margin-left: 12px;
134
+ text-overflow: ellipsis;
135
+ white-space: nowrap;
136
+ max-width: 64px;
137
+ }
1
138
  .antv-s2-advanced-sort {
2
139
  display: inline-block;
3
140
  }
@@ -129,6 +266,32 @@
129
266
  .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
130
267
  background: var(--antv-s2-block-background, #f7f9fb);
131
268
  }
269
+ .antv-s2-frozen-panel {
270
+ width: 400px;
271
+ }
272
+ .antv-s2-frozen-panel-container {
273
+ display: flex;
274
+ align-items: center;
275
+ justify-content: space-between;
276
+ }
277
+ .antv-s2-frozen-panel-container:not(:last-of-type) {
278
+ margin-bottom: 6px;
279
+ }
280
+ .antv-s2-frozen-panel-container-group {
281
+ color: rgba(0, 0, 0, 0.43);
282
+ }
283
+ .antv-s2-frozen-panel-container-group:not(:last-of-type) {
284
+ margin-right: 12px;
285
+ }
286
+ .antv-s2-frozen-panel-container .ant-checkbox-wrapper {
287
+ margin-right: 50px;
288
+ color: #535455;
289
+ }
290
+ .antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
291
+ width: 50px;
292
+ margin: 0 4px;
293
+ border-radius: 4px;
294
+ }
132
295
  .antv-s2-drill-down {
133
296
  width: 260px;
134
297
  min-height: 20px;
@@ -193,444 +356,59 @@
193
356
  padding: 12px;
194
357
  font-size: 12px;
195
358
  }
196
- .antv-s2-tooltip-tips,
197
- .antv-s2-tooltip-name {
198
- padding: 12px;
199
- line-height: 16px;
200
- overflow-wrap: break-word;
201
- color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
359
+ .antv-s2-color-box {
360
+ display: inline-flex;
361
+ box-sizing: border-box;
362
+ width: 20px;
363
+ height: 20px;
364
+ border: 1px solid rgba(0, 0, 0, 0.06);
365
+ border-radius: 2px;
366
+ cursor: pointer;
367
+ transition: all 0.3s;
202
368
  }
203
- .antv-s2-tooltip-description {
204
- padding: 0 12px 12px;
205
- line-height: 16px;
206
- overflow-wrap: break-word;
207
- color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
369
+ .antv-s2-color-box:hover {
370
+ transform: scale(1.1);
208
371
  }
209
- .antv-s2-tooltip-tips {
210
- padding: 4px 12px;
211
- color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
372
+ .antv-s2-theme-panel {
373
+ width: 340px;
212
374
  }
213
- .antv-s2-tooltip-infos {
214
- padding: 4px 12px;
215
- line-height: 20px;
216
- color: var(--antv-s2-font-45, rgba(0, 0, 0, 0.45));
217
- overflow: hidden;
218
- text-overflow: ellipsis;
219
- -webkit-line-clamp: 2;
220
- display: -webkit-box;
221
- -webkit-box-orient: vertical;
222
- overflow-wrap: break-word;
223
- background: rgba(249, 249, 249, 0.96);
224
- border-radius: 0 0 2px 2px;
225
- background-color: #f9f9f9;
375
+ .antv-s2-theme-panel-custom-color {
376
+ margin-top: 8px;
226
377
  }
227
- .antv-s2-tooltip-summary {
228
- line-height: 20px;
229
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
230
- overflow: hidden;
231
- padding: 12px;
378
+ .antv-s2-theme-panel-custom-color-title {
379
+ margin-right: 8px;
380
+ color: rgba(0, 0, 0, 0.45);
381
+ font-size: 14px;
232
382
  }
233
- .antv-s2-tooltip-summary-item {
383
+ .antv-s2-text-align-panel {
384
+ width: 340px;
385
+ }
386
+ .antv-s2-switcher-dimension {
387
+ background-color: transparent;
234
388
  display: flex;
389
+ flex-direction: column;
235
390
  }
236
- .antv-s2-tooltip-summary-key {
237
- margin-right: 20px;
391
+ .antv-s2-switcher-dimension.long-dimension {
392
+ grid-row: span 2;
238
393
  }
239
- .antv-s2-tooltip-summary-val {
240
- flex: 1;
241
- text-align: right;
242
- text-overflow: ellipsis;
243
- white-space: nowrap;
244
- overflow: hidden;
394
+ .antv-s2-switcher-dimension-header {
395
+ display: flex;
396
+ align-items: center;
397
+ margin-bottom: 8px;
398
+ justify-content: space-between;
245
399
  }
246
- .antv-s2-tooltip-interpretation {
247
- color: rgba(0, 0, 0, 0.65);
248
- overflow: hidden;
249
- padding: 12px;
400
+ .antv-s2-switcher-dimension-header .title {
401
+ display: inline-flex;
402
+ align-items: center;
250
403
  }
251
- .antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
252
- border-top: 1px solid var(--antv-s2-border, #e9e9e9);
404
+ .antv-s2-switcher-dimension-header .title span {
405
+ margin-left: 8px;
253
406
  }
254
- .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
255
- margin-bottom: 12px;
407
+ .antv-s2-switcher-dimension-header .expand-option {
408
+ font-size: 12px;
256
409
  }
257
- .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-icon {
258
- width: 14px;
259
- height: 14px;
260
- }
261
- .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
262
- color: var(--antv-s2-font, #000);
263
- }
264
- .antv-s2-tooltip-head-info-list {
265
- color: var(--antv-s2-font-65, #a2a2a2);
266
- padding: 12px 12px 4px;
267
- line-height: 24px;
268
- word-break: break-word;
269
- }
270
- .antv-s2-tooltip-bold,
271
- .antv-s2-tooltip-selected {
272
- font-weight: bold;
273
- }
274
- .antv-s2-tooltip-selected {
275
- margin-right: 5px;
276
- }
277
- .antv-s2-tooltip-highlight {
278
- color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
279
- }
280
- .antv-s2-tooltip-detail-list {
281
- padding: 2px 12px 8px;
282
- }
283
- .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item {
284
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
285
- overflow: hidden;
286
- margin: 4px 0;
287
- display: flex;
288
- justify-content: space-around;
289
- align-items: center;
290
- }
291
- .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
292
- margin-right: 20px;
293
- }
294
- .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-val {
295
- flex: 1;
296
- text-align: right;
297
- text-overflow: ellipsis;
298
- white-space: nowrap;
299
- overflow: hidden;
300
- }
301
- .ant-dropdown-menu-item.operation-item {
302
- font-size: 12px;
303
- }
304
- .antv-s2-frozen-panel {
305
- width: 400px;
306
- }
307
- .antv-s2-frozen-panel-container {
308
- display: flex;
309
- align-items: center;
310
- justify-content: space-between;
311
- }
312
- .antv-s2-frozen-panel-container:not(:last-of-type) {
313
- margin-bottom: 6px;
314
- }
315
- .antv-s2-frozen-panel-container-group {
316
- color: rgba(0, 0, 0, 0.43);
317
- }
318
- .antv-s2-frozen-panel-container-group:not(:last-of-type) {
319
- margin-right: 12px;
320
- }
321
- .antv-s2-frozen-panel-container .ant-checkbox-wrapper {
322
- margin-right: 50px;
323
- color: #535455;
324
- }
325
- .antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
326
- width: 50px;
327
- margin: 0 4px;
328
- border-radius: 4px;
329
- }
330
- .antv-s2-text-align-panel {
331
- width: 340px;
332
- }
333
- .antv-s2-spin.ant-spin-nested-loading,
334
- .antv-s2-spin > .ant-spin-container {
335
- height: 100%;
336
- }
337
- .antv-s2-wrapper {
338
- padding: 0;
339
- margin: 0;
340
- display: flex;
341
- flex-direction: column;
342
- height: 100%;
343
- }
344
- .antv-s2-container {
345
- overflow: auto;
346
- flex: 1 1 auto;
347
- }
348
- .antv-s2-container canvas {
349
- display: block;
350
- }
351
- .antv-s2-pagination {
352
- display: flex;
353
- align-items: center;
354
- z-index: 1024;
355
- }
356
- .antv-s2-pagination-count {
357
- margin-left: 12px;
358
- text-overflow: ellipsis;
359
- white-space: nowrap;
360
- max-width: 64px;
361
- }
362
- .antv-s2-strategy-sheet-tooltip {
363
- line-height: 20px;
364
- font-size: 12px;
365
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
366
- overflow: hidden;
367
- padding: 12px;
368
- }
369
- .antv-s2-strategy-sheet-tooltip ul,
370
- .antv-s2-strategy-sheet-tooltip li {
371
- list-style: none;
372
- margin: 0;
373
- padding: 0;
374
- }
375
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
376
- border-top: 1px solid var(--antv-s2-border, #e9e9e9);
377
- margin: 10px -12px;
378
- }
379
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
380
- overflow-wrap: break-word;
381
- }
382
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
383
- font-weight: 700;
384
- }
385
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
386
- margin-right: 20px;
387
- }
388
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
389
- color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
390
- }
391
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
392
- display: flex;
393
- justify-content: space-between;
394
- align-items: center;
395
- }
396
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
397
- font-weight: 700;
398
- margin-right: 20px;
399
- }
400
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
401
- text-align: right;
402
- }
403
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
404
- position: relative;
405
- margin: 0;
406
- padding: 0;
407
- list-style: none;
408
- }
409
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
410
- display: flex;
411
- justify-content: space-between;
412
- align-items: center;
413
- }
414
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
415
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
416
- margin-left: 10px;
417
- }
418
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
419
- display: inline-block;
420
- width: 0;
421
- height: 0;
422
- margin-right: 4px;
423
- border-right: 4px solid transparent;
424
- border-bottom: 9px solid var(--antv-s2-font, #000);
425
- border-left: 4px solid transparent;
426
- transform: rotate(0deg);
427
- }
428
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
429
- color: #f46649;
430
- }
431
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
432
- border-bottom-color: #f46649;
433
- }
434
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
435
- color: #2aa491;
436
- }
437
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
438
- transform: rotate(180deg);
439
- border-bottom-color: #2aa491;
440
- }
441
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
442
- margin-left: 4px;
443
- }
444
- .antv-s2-strategy-sheet-tooltip {
445
- line-height: 20px;
446
- font-size: 12px;
447
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
448
- overflow: hidden;
449
- padding: 12px;
450
- }
451
- .antv-s2-strategy-sheet-tooltip ul,
452
- .antv-s2-strategy-sheet-tooltip li {
453
- list-style: none;
454
- margin: 0;
455
- padding: 0;
456
- }
457
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
458
- border-top: 1px solid var(--antv-s2-border, #e9e9e9);
459
- margin: 10px -12px;
460
- }
461
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
462
- overflow-wrap: break-word;
463
- }
464
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
465
- font-weight: 700;
466
- }
467
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
468
- margin-right: 20px;
469
- }
470
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
471
- color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
472
- }
473
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
474
- display: flex;
475
- justify-content: space-between;
476
- align-items: center;
477
- }
478
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
479
- font-weight: 700;
480
- margin-right: 20px;
481
- }
482
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
483
- text-align: right;
484
- }
485
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
486
- position: relative;
487
- margin: 0;
488
- padding: 0;
489
- list-style: none;
490
- }
491
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
492
- display: flex;
493
- justify-content: space-between;
494
- align-items: center;
495
- }
496
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
497
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
498
- margin-left: 10px;
499
- }
500
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
501
- display: inline-block;
502
- width: 0;
503
- height: 0;
504
- margin-right: 4px;
505
- border-right: 4px solid transparent;
506
- border-bottom: 9px solid var(--antv-s2-font, #000);
507
- border-left: 4px solid transparent;
508
- transform: rotate(0deg);
509
- }
510
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
511
- color: #f46649;
512
- }
513
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
514
- border-bottom-color: #f46649;
515
- }
516
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
517
- color: #2aa491;
518
- }
519
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
520
- transform: rotate(180deg);
521
- border-bottom-color: #2aa491;
522
- }
523
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
524
- margin-left: 4px;
525
- }
526
- .antv-s2-strategy-sheet-tooltip {
527
- line-height: 20px;
528
- font-size: 12px;
529
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
530
- overflow: hidden;
531
- padding: 12px;
532
- }
533
- .antv-s2-strategy-sheet-tooltip ul,
534
- .antv-s2-strategy-sheet-tooltip li {
535
- list-style: none;
536
- margin: 0;
537
- padding: 0;
538
- }
539
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
540
- border-top: 1px solid var(--antv-s2-border, #e9e9e9);
541
- margin: 10px -12px;
542
- }
543
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
544
- overflow-wrap: break-word;
545
- }
546
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
547
- font-weight: 700;
548
- }
549
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
550
- margin-right: 20px;
551
- }
552
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
553
- color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
554
- }
555
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
556
- display: flex;
557
- justify-content: space-between;
558
- align-items: center;
559
- }
560
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
561
- font-weight: 700;
562
- margin-right: 20px;
563
- }
564
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
565
- text-align: right;
566
- }
567
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
568
- position: relative;
569
- margin: 0;
570
- padding: 0;
571
- list-style: none;
572
- }
573
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
574
- display: flex;
575
- justify-content: space-between;
576
- align-items: center;
577
- }
578
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
579
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
580
- margin-left: 10px;
581
- }
582
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
583
- display: inline-block;
584
- width: 0;
585
- height: 0;
586
- margin-right: 4px;
587
- border-right: 4px solid transparent;
588
- border-bottom: 9px solid var(--antv-s2-font, #000);
589
- border-left: 4px solid transparent;
590
- transform: rotate(0deg);
591
- }
592
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
593
- color: #f46649;
594
- }
595
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
596
- border-bottom-color: #f46649;
597
- }
598
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
599
- color: #2aa491;
600
- }
601
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
602
- transform: rotate(180deg);
603
- border-bottom-color: #2aa491;
604
- }
605
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
606
- margin-left: 4px;
607
- }
608
- .antv-s2-switcher-dimension {
609
- background-color: transparent;
610
- display: flex;
611
- flex-direction: column;
612
- }
613
- .antv-s2-switcher-dimension.long-dimension {
614
- grid-row: span 2;
615
- }
616
- .antv-s2-switcher-dimension-header {
617
- display: flex;
618
- align-items: center;
619
- margin-bottom: 8px;
620
- justify-content: space-between;
621
- }
622
- .antv-s2-switcher-dimension-header .title {
623
- display: inline-flex;
624
- align-items: center;
625
- }
626
- .antv-s2-switcher-dimension-header .title span {
627
- margin-left: 8px;
628
- }
629
- .antv-s2-switcher-dimension-header .expand-option {
630
- font-size: 12px;
631
- }
632
- .antv-s2-switcher-dimension-header .expand-option .description {
633
- margin-left: 4px;
410
+ .antv-s2-switcher-dimension-header .expand-option .description {
411
+ margin-left: 4px;
634
412
  }
635
413
  .antv-s2-switcher-dimension-items {
636
414
  flex: 1;
@@ -932,131 +710,300 @@
932
710
  .antv-s2-switcher-tooltip .ant-tooltip-inner {
933
711
  max-width: 180px;
934
712
  }
935
- .antv-s2-switcher-content-header,
936
- .antv-s2-switcher-content-main {
937
- margin-bottom: 16px;
713
+ .antv-s2-switcher-content-header,
714
+ .antv-s2-switcher-content-main {
715
+ margin-bottom: 16px;
716
+ }
717
+ .antv-s2-switcher-content-header {
718
+ font-size: 14px;
719
+ font-weight: bold;
720
+ }
721
+ .antv-s2-switcher-content-main {
722
+ display: grid;
723
+ grid-gap: 16px;
724
+ grid-auto-flow: column;
725
+ font-size: 12px;
726
+ }
727
+ .antv-s2-switcher-content-three-dimensions {
728
+ grid-template-rows: repeat(2, 160px);
729
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
730
+ }
731
+ .antv-s2-switcher-content-one-dimension {
732
+ grid-template-rows: 160px;
733
+ grid-template-columns: 1fr;
734
+ }
735
+ .antv-s2-switcher-content-footer {
736
+ display: flex;
737
+ align-items: center;
738
+ justify-content: space-between;
739
+ gap: 0 10px;
740
+ }
741
+ .antv-s2-switcher-content-footer-reset-button.ant-btn {
742
+ font-size: 14px;
743
+ padding: 0;
744
+ }
745
+ .antv-s2-switcher-content-footer-actions .action-button + .action-button {
746
+ margin-left: 8px;
747
+ }
748
+ .antv-s2-switcher-content .ant-checkbox-inner {
749
+ height: 14px;
750
+ width: 14px;
751
+ }
752
+ .antv-s2-switcher-content .ant-checkbox-inner::after {
753
+ width: 4.8px;
754
+ height: 8px;
755
+ }
756
+ .antv-s2-switcher-entry-button {
757
+ font-size: 13px;
758
+ }
759
+ .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
760
+ padding: 16px;
761
+ }
762
+ .antv-s2-strategy-sheet-tooltip {
763
+ line-height: 20px;
764
+ font-size: 12px;
765
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
766
+ overflow: hidden;
767
+ padding: 12px;
768
+ }
769
+ .antv-s2-strategy-sheet-tooltip ul,
770
+ .antv-s2-strategy-sheet-tooltip li {
771
+ list-style: none;
772
+ margin: 0;
773
+ padding: 0;
774
+ }
775
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
776
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
777
+ margin: 10px -12px;
778
+ }
779
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
780
+ overflow-wrap: break-word;
781
+ }
782
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
783
+ font-weight: 700;
784
+ }
785
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
786
+ margin-right: 20px;
787
+ }
788
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
789
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
790
+ }
791
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
792
+ display: flex;
793
+ justify-content: space-between;
794
+ align-items: center;
795
+ }
796
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
797
+ font-weight: 700;
798
+ margin-right: 20px;
799
+ }
800
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
801
+ text-align: right;
802
+ }
803
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
804
+ position: relative;
805
+ margin: 0;
806
+ padding: 0;
807
+ list-style: none;
808
+ }
809
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
810
+ display: flex;
811
+ justify-content: space-between;
812
+ align-items: center;
813
+ }
814
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
815
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
816
+ margin-left: 10px;
817
+ }
818
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
819
+ display: inline-block;
820
+ width: 0;
821
+ height: 0;
822
+ margin-right: 4px;
823
+ border-right: 4px solid transparent;
824
+ border-bottom: 9px solid var(--antv-s2-font, #000);
825
+ border-left: 4px solid transparent;
826
+ transform: rotate(0deg);
827
+ }
828
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
829
+ color: #f46649;
830
+ }
831
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
832
+ border-bottom-color: #f46649;
833
+ }
834
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
835
+ color: #2aa491;
836
+ }
837
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
838
+ transform: rotate(180deg);
839
+ border-bottom-color: #2aa491;
840
+ }
841
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
842
+ margin-left: 4px;
843
+ }
844
+ .antv-s2-strategy-sheet-tooltip {
845
+ line-height: 20px;
846
+ font-size: 12px;
847
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
848
+ overflow: hidden;
849
+ padding: 12px;
850
+ }
851
+ .antv-s2-strategy-sheet-tooltip ul,
852
+ .antv-s2-strategy-sheet-tooltip li {
853
+ list-style: none;
854
+ margin: 0;
855
+ padding: 0;
856
+ }
857
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
858
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
859
+ margin: 10px -12px;
860
+ }
861
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
862
+ overflow-wrap: break-word;
863
+ }
864
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
865
+ font-weight: 700;
866
+ }
867
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
868
+ margin-right: 20px;
938
869
  }
939
- .antv-s2-switcher-content-header {
940
- font-size: 14px;
941
- font-weight: bold;
870
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
871
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
942
872
  }
943
- .antv-s2-switcher-content-main {
944
- display: grid;
945
- grid-gap: 16px;
946
- grid-auto-flow: column;
947
- font-size: 12px;
873
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
874
+ display: flex;
875
+ justify-content: space-between;
876
+ align-items: center;
948
877
  }
949
- .antv-s2-switcher-content-three-dimensions {
950
- grid-template-rows: repeat(2, 160px);
951
- grid-template-columns: repeat(2, minmax(180px, 1fr));
878
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
879
+ font-weight: 700;
880
+ margin-right: 20px;
952
881
  }
953
- .antv-s2-switcher-content-one-dimension {
954
- grid-template-rows: 160px;
955
- grid-template-columns: 1fr;
882
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
883
+ text-align: right;
956
884
  }
957
- .antv-s2-switcher-content-footer {
885
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
886
+ position: relative;
887
+ margin: 0;
888
+ padding: 0;
889
+ list-style: none;
890
+ }
891
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
958
892
  display: flex;
959
- align-items: center;
960
893
  justify-content: space-between;
961
- gap: 0 10px;
894
+ align-items: center;
962
895
  }
963
- .antv-s2-switcher-content-footer-reset-button.ant-btn {
964
- font-size: 14px;
965
- padding: 0;
896
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
897
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
898
+ margin-left: 10px;
966
899
  }
967
- .antv-s2-switcher-content-footer-actions .action-button + .action-button {
968
- margin-left: 8px;
900
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
901
+ display: inline-block;
902
+ width: 0;
903
+ height: 0;
904
+ margin-right: 4px;
905
+ border-right: 4px solid transparent;
906
+ border-bottom: 9px solid var(--antv-s2-font, #000);
907
+ border-left: 4px solid transparent;
908
+ transform: rotate(0deg);
969
909
  }
970
- .antv-s2-switcher-content .ant-checkbox-inner {
971
- height: 14px;
972
- width: 14px;
910
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
911
+ color: #f46649;
973
912
  }
974
- .antv-s2-switcher-content .ant-checkbox-inner::after {
975
- width: 4.8px;
976
- height: 8px;
913
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
914
+ border-bottom-color: #f46649;
977
915
  }
978
- .antv-s2-switcher-entry-button {
979
- font-size: 13px;
916
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
917
+ color: #2aa491;
980
918
  }
981
- .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
982
- padding: 16px;
919
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
920
+ transform: rotate(180deg);
921
+ border-bottom-color: #2aa491;
983
922
  }
984
- .antv-s2-theme-panel {
985
- width: 340px;
923
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
924
+ margin-left: 4px;
986
925
  }
987
- .antv-s2-theme-panel-custom-color {
988
- margin-top: 8px;
926
+ .antv-s2-strategy-sheet-tooltip {
927
+ line-height: 20px;
928
+ font-size: 12px;
929
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
930
+ overflow: hidden;
931
+ padding: 12px;
989
932
  }
990
- .antv-s2-theme-panel-custom-color-title {
991
- margin-right: 8px;
992
- color: rgba(0, 0, 0, 0.45);
993
- font-size: 14px;
933
+ .antv-s2-strategy-sheet-tooltip ul,
934
+ .antv-s2-strategy-sheet-tooltip li {
935
+ list-style: none;
936
+ margin: 0;
937
+ padding: 0;
994
938
  }
995
- .antv-s2-color-box {
996
- display: inline-flex;
997
- box-sizing: border-box;
998
- width: 20px;
999
- height: 20px;
1000
- border: 1px solid rgba(0, 0, 0, 0.06);
1001
- border-radius: 2px;
1002
- cursor: pointer;
1003
- transition: all 0.3s;
939
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
940
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
941
+ margin: 10px -12px;
1004
942
  }
1005
- .antv-s2-color-box:hover {
1006
- transform: scale(1.1);
943
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
944
+ overflow-wrap: break-word;
1007
945
  }
1008
- .antv-s2-reset-group {
1009
- width: 340px;
946
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
947
+ font-weight: 700;
1010
948
  }
1011
- .antv-s2-reset-btn {
1012
- color: #3572f9;
1013
- cursor: pointer;
1014
- padding-left: 8px;
949
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
950
+ margin-right: 20px;
1015
951
  }
1016
- .antv-s2-reset-btn-text {
1017
- margin-left: 4px;
952
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
953
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
1018
954
  }
1019
- .antv-s2-radio-group {
1020
- color: #3572f9;
1021
- cursor: pointer;
955
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
1022
956
  display: flex;
1023
957
  justify-content: space-between;
1024
- align-items: flex-start;
958
+ align-items: center;
1025
959
  }
1026
- .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper {
1027
- border: none;
1028
- background: transparent;
1029
- box-shadow: none;
960
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
961
+ font-weight: 700;
962
+ margin-right: 20px;
1030
963
  }
1031
- .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper::before {
1032
- display: none;
964
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
965
+ text-align: right;
1033
966
  }
1034
- .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked {
1035
- background: transparent;
1036
- border: none;
1037
- box-shadow: none;
1038
- outline: none;
967
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
968
+ position: relative;
969
+ margin: 0;
970
+ padding: 0;
971
+ list-style: none;
1039
972
  }
1040
- .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-visible,
1041
- .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-within {
1042
- border: none;
1043
- outline: none;
973
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
974
+ display: flex;
975
+ justify-content: space-between;
976
+ align-items: center;
1044
977
  }
1045
- .antv-s2-radio-group + .antv-s2-radio-group {
1046
- margin-top: 6px;
978
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group {
979
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
980
+ margin-left: 10px;
1047
981
  }
1048
- .antv-s2-radio-group-label {
1049
- flex: 1 0;
1050
- flex-wrap: nowrap;
1051
- display: inline-flex;
1052
- color: rgba(0, 0, 0, 0.45);
1053
- font-size: 14px;
1054
- margin-right: 12px;
982
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-trend-icon {
983
+ display: inline-block;
984
+ width: 0;
985
+ height: 0;
986
+ margin-right: 4px;
987
+ border-right: 4px solid transparent;
988
+ border-bottom: 9px solid var(--antv-s2-font, #000);
989
+ border-left: 4px solid transparent;
990
+ transform: rotate(0deg);
1055
991
  }
1056
- .antv-s2-radio-group-content {
1057
- display: flex;
1058
- flex-direction: column;
1059
- align-items: flex-start;
992
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up {
993
+ color: #f46649;
994
+ }
995
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-up .derived-value-trend-icon {
996
+ border-bottom-color: #f46649;
997
+ }
998
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down {
999
+ color: #2aa491;
1000
+ }
1001
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group.derived-value-trend-down .derived-value-trend-icon {
1002
+ transform: rotate(180deg);
1003
+ border-bottom-color: #2aa491;
1004
+ }
1005
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
1006
+ margin-left: 4px;
1060
1007
  }
1061
1008
  .antv-s2-drill-down[data-v-51804a8c] {
1062
1009
  width: 260px;
@@ -1122,6 +1069,59 @@
1122
1069
  padding: 12px;
1123
1070
  font-size: 12px;
1124
1071
  }
1072
+ .antv-s2-radio-group {
1073
+ color: #3572f9;
1074
+ cursor: pointer;
1075
+ display: flex;
1076
+ justify-content: space-between;
1077
+ align-items: flex-start;
1078
+ }
1079
+ .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper {
1080
+ border: none;
1081
+ background: transparent;
1082
+ box-shadow: none;
1083
+ }
1084
+ .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper::before {
1085
+ display: none;
1086
+ }
1087
+ .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked {
1088
+ background: transparent;
1089
+ border: none;
1090
+ box-shadow: none;
1091
+ outline: none;
1092
+ }
1093
+ .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-visible,
1094
+ .antv-s2-radio-group.antv-s2-radio-group-icon-only .ant-radio-group .ant-radio-button-wrapper-checked:focus-within {
1095
+ border: none;
1096
+ outline: none;
1097
+ }
1098
+ .antv-s2-radio-group + .antv-s2-radio-group {
1099
+ margin-top: 6px;
1100
+ }
1101
+ .antv-s2-radio-group-label {
1102
+ flex: 1 0;
1103
+ flex-wrap: nowrap;
1104
+ display: inline-flex;
1105
+ color: rgba(0, 0, 0, 0.45);
1106
+ font-size: 14px;
1107
+ margin-right: 12px;
1108
+ }
1109
+ .antv-s2-radio-group-content {
1110
+ display: flex;
1111
+ flex-direction: column;
1112
+ align-items: flex-start;
1113
+ }
1114
+ .antv-s2-reset-btn {
1115
+ color: #3572f9;
1116
+ cursor: pointer;
1117
+ padding-left: 8px;
1118
+ }
1119
+ .antv-s2-reset-btn-text {
1120
+ margin-left: 4px;
1121
+ }
1122
+ .antv-s2-reset-group {
1123
+ width: 340px;
1124
+ }
1125
1125
  .antv-s2-tooltip-operator {
1126
1126
  color: var(--antv-s2-font, rgba(0, 0, 0, 0.65));
1127
1127
  background: var(--antv-s2-tooltip-operator-background, #f9f9f9);