@antv/s2-vue 2.2.0-alpha.3 → 2.2.0

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 (10) hide show
  1. package/dist/s2-vue.min.js +1 -1
  2. package/dist/s2-vue.min.js.map +1 -1
  3. package/esm/index.d.ts +1 -1
  4. package/esm/index.js +1 -1
  5. package/esm/index.js.map +1 -1
  6. package/esm/style.css +213 -213
  7. package/lib/index.js +1 -1
  8. package/lib/index.js.map +1 -1
  9. package/lib/style.css +230 -230
  10. package/package.json +1 -1
package/lib/style.css CHANGED
@@ -1,32 +1,3 @@
1
- .antv-s2-spin.ant-spin-nested-loading,
2
- .antv-s2-spin > .ant-spin-container {
3
- height: 100%;
4
- }
5
- .antv-s2-wrapper {
6
- padding: 0;
7
- margin: 0;
8
- display: flex;
9
- flex-direction: column;
10
- height: 100%;
11
- }
12
- .antv-s2-container {
13
- overflow: auto;
14
- flex: 1 1 auto;
15
- }
16
- .antv-s2-container canvas {
17
- display: block;
18
- }
19
- .antv-s2-pagination {
20
- display: flex;
21
- align-items: center;
22
- z-index: 1024;
23
- }
24
- .antv-s2-pagination-count {
25
- margin-left: 12px;
26
- text-overflow: ellipsis;
27
- white-space: nowrap;
28
- max-width: 64px;
29
- }
30
1
  .antv-s2-tooltip-tips,
31
2
  .antv-s2-tooltip-name {
32
3
  padding: 12px;
@@ -135,29 +106,34 @@
135
106
  .ant-dropdown-menu-item.operation-item {
136
107
  font-size: 12px;
137
108
  }
138
- .antv-s2-color-box {
139
- display: inline-flex;
140
- box-sizing: border-box;
141
- width: 20px;
142
- height: 20px;
143
- border: 1px solid rgba(0, 0, 0, 0.06);
144
- border-radius: 2px;
145
- cursor: pointer;
146
- transition: all 0.3s;
109
+ .antv-s2-spin.ant-spin-nested-loading,
110
+ .antv-s2-spin > .ant-spin-container {
111
+ height: 100%;
147
112
  }
148
- .antv-s2-color-box:hover {
149
- transform: scale(1.1);
113
+ .antv-s2-wrapper {
114
+ padding: 0;
115
+ margin: 0;
116
+ display: flex;
117
+ flex-direction: column;
118
+ height: 100%;
150
119
  }
151
- .antv-s2-theme-panel {
152
- width: 340px;
120
+ .antv-s2-container {
121
+ overflow: auto;
122
+ flex: 1 1 auto;
153
123
  }
154
- .antv-s2-theme-panel-custom-color {
155
- margin-top: 8px;
124
+ .antv-s2-container canvas {
125
+ display: block;
156
126
  }
157
- .antv-s2-theme-panel-custom-color-title {
158
- margin-right: 8px;
159
- color: rgba(0, 0, 0, 0.45);
160
- font-size: 14px;
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;
161
137
  }
162
138
  .antv-s2-strategy-sheet-tooltip {
163
139
  line-height: 20px;
@@ -323,139 +299,87 @@
323
299
  .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 {
324
300
  margin-left: 4px;
325
301
  }
326
- .antv-s2-text-align-panel {
327
- width: 340px;
328
- }
329
- .antv-s2-advanced-sort {
330
- display: inline-block;
331
- }
332
- .antv-s2-advanced-sort-btn.ant-btn {
333
- display: flex;
334
- align-items: center;
335
- }
336
- .antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
337
- padding-top: 2px;
338
- }
339
- .antv-s2-advanced-sort-modal {
340
- min-width: 640px;
341
- }
342
- .antv-s2-advanced-sort-modal .ant-modal-content,
343
- .antv-s2-advanced-sort-modal .ant-modal-header {
344
- background-color: var(--antv-s2-container-background, #fff);
345
- }
346
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
347
- border-right: 1px solid var(--antv-s2-border, #f0f0f0);
348
- background: var(--antv-s2-container-background, #fff);
349
- }
350
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
302
+ .antv-s2-strategy-sheet-tooltip {
303
+ line-height: 20px;
351
304
  font-size: 12px;
352
- padding: 8px 16px 8px 0;
353
- border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
354
- }
355
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
356
- height: 32px;
357
- padding: 8px 6px 8px 0;
358
- cursor: pointer;
359
- align-items: center;
360
305
  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
361
- font-size: 12px;
362
306
  overflow: hidden;
363
- text-overflow: ellipsis;
364
- white-space: nowrap;
365
- }
366
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
367
- background: var(--antv-s2-container-background, #fff);
307
+ padding: 12px;
368
308
  }
369
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
370
- font-size: 12px;
371
- padding: 8px 16px;
372
- border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
309
+ .antv-s2-strategy-sheet-tooltip ul,
310
+ .antv-s2-strategy-sheet-tooltip li {
311
+ list-style: none;
312
+ margin: 0;
313
+ padding: 0;
373
314
  }
374
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
375
- padding: 8px 0 0 16px;
315
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
316
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
317
+ margin: 10px -12px;
376
318
  }
377
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
378
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
379
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
380
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
381
- font-size: 12px;
319
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
320
+ overflow-wrap: break-word;
382
321
  }
383
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
384
- margin-left: 16px;
385
- font-size: 12px;
322
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
323
+ font-weight: 700;
386
324
  }
387
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
388
- margin-bottom: 4px;
325
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
326
+ margin-right: 20px;
389
327
  }
390
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-cascader-picker,
391
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
392
- width: 120px;
328
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
329
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
393
330
  }
394
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-control-input-content {
331
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
395
332
  display: flex;
333
+ justify-content: space-between;
396
334
  align-items: center;
397
335
  }
398
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
399
- margin-left: 16px;
400
- font-size: 12px;
401
- }
402
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
403
- font-size: 12px;
404
- margin: 0;
336
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
337
+ font-weight: 700;
338
+ margin-right: 20px;
405
339
  }
406
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
407
- cursor: pointer;
408
- right: 0;
409
- position: absolute;
340
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
341
+ text-align: right;
410
342
  }
411
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
343
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
412
344
  position: relative;
413
- padding: 0 6px;
414
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
415
- font-weight: 400;
416
- font-size: 12px;
417
- text-align: center;
418
- background-color: var(--antv-s2-block-background, #fafafa);
419
- border: 1px solid var(--antv-s2-border, #f0f0f0);
420
- border-radius: 4px 0 0 4px;
421
- height: 24px;
422
- display: inline-block;
423
- line-height: 21px;
424
- margin-left: 8px;
425
- }
426
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
427
- border-radius: 0 4px 4px 0;
345
+ margin: 0;
346
+ padding: 0;
347
+ list-style: none;
428
348
  }
429
- .antv-s2-advanced-sort-modal .ant-cascader-menus {
430
- height: 100px;
349
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
350
+ display: flex;
351
+ justify-content: space-between;
352
+ align-items: center;
431
353
  }
432
- .antv-s2-advanced-sort-modal .ant-cascader-menus ul {
433
- height: 104px;
354
+ .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 {
355
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
356
+ margin-left: 10px;
434
357
  }
435
- .antv-s2-advanced-sort-modal .ant-cascader-menu-item,
436
- .antv-s2-advanced-sort-modal .ant-cascader-picker-label {
437
- font-size: 12px;
358
+ .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 {
359
+ display: inline-block;
360
+ width: 0;
361
+ height: 0;
362
+ margin-right: 4px;
363
+ border-right: 4px solid transparent;
364
+ border-bottom: 9px solid var(--antv-s2-font, #000);
365
+ border-left: 4px solid transparent;
366
+ transform: rotate(0deg);
438
367
  }
439
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
440
- padding: 0;
441
- font-size: 12px;
368
+ .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 {
369
+ color: #f46649;
442
370
  }
443
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
444
- height: 32px;
445
- color: var(--antv-s2-font-65, #333);
446
- line-height: 32px;
447
- padding: 0 10px 0 7px;
371
+ .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 {
372
+ border-bottom-color: #f46649;
448
373
  }
449
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon {
450
- float: right;
451
- cursor: pointer;
452
- width: 30px;
374
+ .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 {
375
+ color: #2aa491;
453
376
  }
454
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon svg {
455
- fill: var(--antv-s2-font-65);
377
+ .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 {
378
+ transform: rotate(180deg);
379
+ border-bottom-color: #2aa491;
456
380
  }
457
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
458
- background: var(--antv-s2-block-background, #f7f9fb);
381
+ .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 {
382
+ margin-left: 4px;
459
383
  }
460
384
  .antv-s2-drill-down {
461
385
  width: 260px;
@@ -547,6 +471,9 @@
547
471
  margin: 0 4px;
548
472
  border-radius: 4px;
549
473
  }
474
+ .antv-s2-text-align-panel {
475
+ width: 340px;
476
+ }
550
477
  .antv-s2-switcher-dimension {
551
478
  background-color: transparent;
552
479
  display: flex;
@@ -923,87 +850,160 @@
923
850
  .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
924
851
  padding: 16px;
925
852
  }
926
- .antv-s2-strategy-sheet-tooltip {
927
- line-height: 20px;
853
+ .antv-s2-color-box {
854
+ display: inline-flex;
855
+ box-sizing: border-box;
856
+ width: 20px;
857
+ height: 20px;
858
+ border: 1px solid rgba(0, 0, 0, 0.06);
859
+ border-radius: 2px;
860
+ cursor: pointer;
861
+ transition: all 0.3s;
862
+ }
863
+ .antv-s2-color-box:hover {
864
+ transform: scale(1.1);
865
+ }
866
+ .antv-s2-theme-panel {
867
+ width: 340px;
868
+ }
869
+ .antv-s2-theme-panel-custom-color {
870
+ margin-top: 8px;
871
+ }
872
+ .antv-s2-theme-panel-custom-color-title {
873
+ margin-right: 8px;
874
+ color: rgba(0, 0, 0, 0.45);
875
+ font-size: 14px;
876
+ }
877
+ .antv-s2-advanced-sort {
878
+ display: inline-block;
879
+ }
880
+ .antv-s2-advanced-sort-btn.ant-btn {
881
+ display: flex;
882
+ align-items: center;
883
+ }
884
+ .antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
885
+ padding-top: 2px;
886
+ }
887
+ .antv-s2-advanced-sort-modal {
888
+ min-width: 640px;
889
+ }
890
+ .antv-s2-advanced-sort-modal .ant-modal-content,
891
+ .antv-s2-advanced-sort-modal .ant-modal-header {
892
+ background-color: var(--antv-s2-container-background, #fff);
893
+ }
894
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
895
+ border-right: 1px solid var(--antv-s2-border, #f0f0f0);
896
+ background: var(--antv-s2-container-background, #fff);
897
+ }
898
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
928
899
  font-size: 12px;
900
+ padding: 8px 16px 8px 0;
901
+ border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
902
+ }
903
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
904
+ height: 32px;
905
+ padding: 8px 6px 8px 0;
906
+ cursor: pointer;
907
+ align-items: center;
929
908
  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
909
+ font-size: 12px;
930
910
  overflow: hidden;
931
- padding: 12px;
911
+ text-overflow: ellipsis;
912
+ white-space: nowrap;
932
913
  }
933
- .antv-s2-strategy-sheet-tooltip ul,
934
- .antv-s2-strategy-sheet-tooltip li {
935
- list-style: none;
936
- margin: 0;
937
- padding: 0;
914
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
915
+ background: var(--antv-s2-container-background, #fff);
938
916
  }
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;
917
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
918
+ font-size: 12px;
919
+ padding: 8px 16px;
920
+ border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
942
921
  }
943
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
944
- overflow-wrap: break-word;
922
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
923
+ padding: 8px 0 0 16px;
945
924
  }
946
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
947
- font-weight: 700;
925
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
926
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
927
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
928
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
929
+ font-size: 12px;
948
930
  }
949
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
950
- margin-right: 20px;
931
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
932
+ margin-left: 16px;
933
+ font-size: 12px;
951
934
  }
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));
935
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
936
+ margin-bottom: 4px;
954
937
  }
955
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
938
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-cascader-picker,
939
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
940
+ width: 120px;
941
+ }
942
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-control-input-content {
956
943
  display: flex;
957
- justify-content: space-between;
958
944
  align-items: center;
959
945
  }
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;
963
- }
964
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
965
- text-align: right;
946
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
947
+ margin-left: 16px;
948
+ font-size: 12px;
966
949
  }
967
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
968
- position: relative;
950
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
951
+ font-size: 12px;
969
952
  margin: 0;
970
- padding: 0;
971
- list-style: none;
972
953
  }
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;
954
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
955
+ cursor: pointer;
956
+ right: 0;
957
+ position: absolute;
977
958
  }
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 {
959
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
960
+ position: relative;
961
+ padding: 0 6px;
979
962
  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
980
- margin-left: 10px;
981
- }
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 {
963
+ font-weight: 400;
964
+ font-size: 12px;
965
+ text-align: center;
966
+ background-color: var(--antv-s2-block-background, #fafafa);
967
+ border: 1px solid var(--antv-s2-border, #f0f0f0);
968
+ border-radius: 4px 0 0 4px;
969
+ height: 24px;
983
970
  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);
971
+ line-height: 21px;
972
+ margin-left: 8px;
991
973
  }
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;
974
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
975
+ border-radius: 0 4px 4px 0;
994
976
  }
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;
977
+ .antv-s2-advanced-sort-modal .ant-cascader-menus {
978
+ height: 100px;
997
979
  }
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;
980
+ .antv-s2-advanced-sort-modal .ant-cascader-menus ul {
981
+ height: 104px;
1000
982
  }
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;
983
+ .antv-s2-advanced-sort-modal .ant-cascader-menu-item,
984
+ .antv-s2-advanced-sort-modal .ant-cascader-picker-label {
985
+ font-size: 12px;
1004
986
  }
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;
987
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
988
+ padding: 0;
989
+ font-size: 12px;
990
+ }
991
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
992
+ height: 32px;
993
+ color: var(--antv-s2-font-65, #333);
994
+ line-height: 32px;
995
+ padding: 0 10px 0 7px;
996
+ }
997
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon {
998
+ float: right;
999
+ cursor: pointer;
1000
+ width: 30px;
1001
+ }
1002
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon svg {
1003
+ fill: var(--antv-s2-font-65);
1004
+ }
1005
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
1006
+ background: var(--antv-s2-block-background, #f7f9fb);
1007
1007
  }
1008
1008
  .antv-s2-drill-down[data-v-51804a8c] {
1009
1009
  width: 260px;
@@ -1069,6 +1069,14 @@
1069
1069
  padding: 12px;
1070
1070
  font-size: 12px;
1071
1071
  }
1072
+ .antv-s2-reset-btn {
1073
+ color: #3572f9;
1074
+ cursor: pointer;
1075
+ padding-left: 8px;
1076
+ }
1077
+ .antv-s2-reset-btn-text {
1078
+ margin-left: 4px;
1079
+ }
1072
1080
  .antv-s2-radio-group {
1073
1081
  color: #3572f9;
1074
1082
  cursor: pointer;
@@ -1111,14 +1119,6 @@
1111
1119
  flex-direction: column;
1112
1120
  align-items: flex-start;
1113
1121
  }
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
1122
  .antv-s2-reset-group {
1123
1123
  width: 340px;
1124
1124
  }
@@ -1244,6 +1244,14 @@
1244
1244
  height: 12px;
1245
1245
  fill: var(--antv-s2-font);
1246
1246
  }
1247
+ .antv-s2-drag-copy-mask {
1248
+ position: absolute;
1249
+ top: -4px;
1250
+ left: -4px;
1251
+ z-index: 9;
1252
+ background-color: rgba(194, 213, 254, 0.5);
1253
+ cursor: crosshair;
1254
+ }
1247
1255
  .antv-s2-drag-copy-point {
1248
1256
  position: absolute;
1249
1257
  z-index: 9;
@@ -1253,11 +1261,3 @@
1253
1261
  cursor: crosshair;
1254
1262
  user-select: none;
1255
1263
  }
1256
- .antv-s2-drag-copy-mask {
1257
- position: absolute;
1258
- top: -4px;
1259
- left: -4px;
1260
- z-index: 9;
1261
- background-color: rgba(194, 213, 254, 0.5);
1262
- cursor: crosshair;
1263
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antv/s2-vue",
3
- "version": "2.2.0-alpha.3",
3
+ "version": "2.2.0",
4
4
  "private": false,
5
5
  "description": "use S2 with vue",
6
6
  "keywords": [