@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/lib/index.js CHANGED
@@ -53,7 +53,7 @@ const ThemePanel_vue_vue_type_script_setup_true_lang = require("./components-ext
53
53
  const utils$1 = require("./components-extra/theme-panel/utils.js");
54
54
  const SpreadSheetContext = require("./context/SpreadSheetContext.js");
55
55
  const useExpose = require("./hooks/useExpose.js");
56
- const version = "@antv/s2-vue-v2.2.0-alpha.2";
56
+ const version = "@antv/s2-vue-v2.2.0-beta.1";
57
57
  exports.BASIC_SHEET_THEME_TYPE_COLOR_RELATIONS = theme.BASIC_SHEET_THEME_TYPE_COLOR_RELATIONS;
58
58
  exports.DEFAULT_THEME_COLOR_LIST = theme.DEFAULT_THEME_COLOR_LIST;
59
59
  exports.HISTORY_COLOR_LIST_MAX_COUNT = theme.HISTORY_COLOR_LIST_MAX_COUNT;
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0-alpha.2';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0-beta.1';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/style.css CHANGED
@@ -135,6 +135,137 @@
135
135
  white-space: nowrap;
136
136
  max-width: 64px;
137
137
  }
138
+ .antv-s2-advanced-sort {
139
+ display: inline-block;
140
+ }
141
+ .antv-s2-advanced-sort-btn.ant-btn {
142
+ display: flex;
143
+ align-items: center;
144
+ }
145
+ .antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
146
+ padding-top: 2px;
147
+ }
148
+ .antv-s2-advanced-sort-modal {
149
+ min-width: 640px;
150
+ }
151
+ .antv-s2-advanced-sort-modal .ant-modal-content,
152
+ .antv-s2-advanced-sort-modal .ant-modal-header {
153
+ background-color: var(--antv-s2-container-background, #fff);
154
+ }
155
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
156
+ border-right: 1px solid var(--antv-s2-border, #f0f0f0);
157
+ background: var(--antv-s2-container-background, #fff);
158
+ }
159
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
160
+ font-size: 12px;
161
+ padding: 8px 16px 8px 0;
162
+ border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
163
+ }
164
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
165
+ height: 32px;
166
+ padding: 8px 6px 8px 0;
167
+ cursor: pointer;
168
+ align-items: center;
169
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
170
+ font-size: 12px;
171
+ overflow: hidden;
172
+ text-overflow: ellipsis;
173
+ white-space: nowrap;
174
+ }
175
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
176
+ background: var(--antv-s2-container-background, #fff);
177
+ }
178
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
179
+ font-size: 12px;
180
+ padding: 8px 16px;
181
+ border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
182
+ }
183
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
184
+ padding: 8px 0 0 16px;
185
+ }
186
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
187
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
188
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
189
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
190
+ font-size: 12px;
191
+ }
192
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
193
+ margin-left: 16px;
194
+ font-size: 12px;
195
+ }
196
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
197
+ margin-bottom: 4px;
198
+ }
199
+ .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,
200
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
201
+ width: 120px;
202
+ }
203
+ .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 {
204
+ display: flex;
205
+ align-items: center;
206
+ }
207
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
208
+ margin-left: 16px;
209
+ font-size: 12px;
210
+ }
211
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
212
+ font-size: 12px;
213
+ margin: 0;
214
+ }
215
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
216
+ cursor: pointer;
217
+ right: 0;
218
+ position: absolute;
219
+ }
220
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
221
+ position: relative;
222
+ padding: 0 6px;
223
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
224
+ font-weight: 400;
225
+ font-size: 12px;
226
+ text-align: center;
227
+ background-color: var(--antv-s2-block-background, #fafafa);
228
+ border: 1px solid var(--antv-s2-border, #f0f0f0);
229
+ border-radius: 4px 0 0 4px;
230
+ height: 24px;
231
+ display: inline-block;
232
+ line-height: 21px;
233
+ margin-left: 8px;
234
+ }
235
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
236
+ border-radius: 0 4px 4px 0;
237
+ }
238
+ .antv-s2-advanced-sort-modal .ant-cascader-menus {
239
+ height: 100px;
240
+ }
241
+ .antv-s2-advanced-sort-modal .ant-cascader-menus ul {
242
+ height: 104px;
243
+ }
244
+ .antv-s2-advanced-sort-modal .ant-cascader-menu-item,
245
+ .antv-s2-advanced-sort-modal .ant-cascader-picker-label {
246
+ font-size: 12px;
247
+ }
248
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
249
+ padding: 0;
250
+ font-size: 12px;
251
+ }
252
+ .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
253
+ height: 32px;
254
+ color: var(--antv-s2-font-65, #333);
255
+ line-height: 32px;
256
+ padding: 0 10px 0 7px;
257
+ }
258
+ .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 {
259
+ float: right;
260
+ cursor: pointer;
261
+ width: 30px;
262
+ }
263
+ .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 {
264
+ fill: var(--antv-s2-font-65);
265
+ }
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) {
267
+ background: var(--antv-s2-block-background, #f7f9fb);
268
+ }
138
269
  .antv-s2-strategy-sheet-tooltip {
139
270
  line-height: 20px;
140
271
  font-size: 12px;
@@ -381,136 +512,8 @@
381
512
  .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
513
  margin-left: 4px;
383
514
  }
384
- .antv-s2-advanced-sort {
385
- display: inline-block;
386
- }
387
- .antv-s2-advanced-sort-btn.ant-btn {
388
- display: flex;
389
- align-items: center;
390
- }
391
- .antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
392
- padding-top: 2px;
393
- }
394
- .antv-s2-advanced-sort-modal {
395
- min-width: 640px;
396
- }
397
- .antv-s2-advanced-sort-modal .ant-modal-content,
398
- .antv-s2-advanced-sort-modal .ant-modal-header {
399
- background-color: var(--antv-s2-container-background, #fff);
400
- }
401
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
402
- border-right: 1px solid var(--antv-s2-border, #f0f0f0);
403
- background: var(--antv-s2-container-background, #fff);
404
- }
405
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
406
- font-size: 12px;
407
- padding: 8px 16px 8px 0;
408
- border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
409
- }
410
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
411
- height: 32px;
412
- padding: 8px 6px 8px 0;
413
- cursor: pointer;
414
- align-items: center;
415
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
416
- font-size: 12px;
417
- overflow: hidden;
418
- text-overflow: ellipsis;
419
- white-space: nowrap;
420
- }
421
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
422
- background: var(--antv-s2-container-background, #fff);
423
- }
424
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
425
- font-size: 12px;
426
- padding: 8px 16px;
427
- border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
428
- }
429
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
430
- padding: 8px 0 0 16px;
431
- }
432
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
433
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
434
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
435
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
436
- font-size: 12px;
437
- }
438
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
439
- margin-left: 16px;
440
- font-size: 12px;
441
- }
442
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
443
- margin-bottom: 4px;
444
- }
445
- .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,
446
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
447
- width: 120px;
448
- }
449
- .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 {
450
- display: flex;
451
- align-items: center;
452
- }
453
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
454
- margin-left: 16px;
455
- font-size: 12px;
456
- }
457
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
458
- font-size: 12px;
459
- margin: 0;
460
- }
461
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
462
- cursor: pointer;
463
- right: 0;
464
- position: absolute;
465
- }
466
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
467
- position: relative;
468
- padding: 0 6px;
469
- color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
470
- font-weight: 400;
471
- font-size: 12px;
472
- text-align: center;
473
- background-color: var(--antv-s2-block-background, #fafafa);
474
- border: 1px solid var(--antv-s2-border, #f0f0f0);
475
- border-radius: 4px 0 0 4px;
476
- height: 24px;
477
- display: inline-block;
478
- line-height: 21px;
479
- margin-left: 8px;
480
- }
481
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
482
- border-radius: 0 4px 4px 0;
483
- }
484
- .antv-s2-advanced-sort-modal .ant-cascader-menus {
485
- height: 100px;
486
- }
487
- .antv-s2-advanced-sort-modal .ant-cascader-menus ul {
488
- height: 104px;
489
- }
490
- .antv-s2-advanced-sort-modal .ant-cascader-menu-item,
491
- .antv-s2-advanced-sort-modal .ant-cascader-picker-label {
492
- font-size: 12px;
493
- }
494
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
495
- padding: 0;
496
- font-size: 12px;
497
- }
498
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
499
- height: 32px;
500
- color: var(--antv-s2-font-65, #333);
501
- line-height: 32px;
502
- padding: 0 10px 0 7px;
503
- }
504
- .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 {
505
- float: right;
506
- cursor: pointer;
507
- width: 30px;
508
- }
509
- .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 {
510
- fill: var(--antv-s2-font-65);
511
- }
512
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
513
- background: var(--antv-s2-block-background, #f7f9fb);
515
+ .antv-s2-text-align-panel {
516
+ width: 340px;
514
517
  }
515
518
  .antv-s2-drill-down {
516
519
  width: 260px;
@@ -576,9 +579,56 @@
576
579
  padding: 12px;
577
580
  font-size: 12px;
578
581
  }
579
- .antv-s2-text-align-panel {
582
+ .antv-s2-frozen-panel {
583
+ width: 400px;
584
+ }
585
+ .antv-s2-frozen-panel-container {
586
+ display: flex;
587
+ align-items: center;
588
+ justify-content: space-between;
589
+ }
590
+ .antv-s2-frozen-panel-container:not(:last-of-type) {
591
+ margin-bottom: 6px;
592
+ }
593
+ .antv-s2-frozen-panel-container-group {
594
+ color: rgba(0, 0, 0, 0.43);
595
+ }
596
+ .antv-s2-frozen-panel-container-group:not(:last-of-type) {
597
+ margin-right: 12px;
598
+ }
599
+ .antv-s2-frozen-panel-container .ant-checkbox-wrapper {
600
+ margin-right: 50px;
601
+ color: #535455;
602
+ }
603
+ .antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
604
+ width: 50px;
605
+ margin: 0 4px;
606
+ border-radius: 4px;
607
+ }
608
+ .antv-s2-color-box {
609
+ display: inline-flex;
610
+ box-sizing: border-box;
611
+ width: 20px;
612
+ height: 20px;
613
+ border: 1px solid rgba(0, 0, 0, 0.06);
614
+ border-radius: 2px;
615
+ cursor: pointer;
616
+ transition: all 0.3s;
617
+ }
618
+ .antv-s2-color-box:hover {
619
+ transform: scale(1.1);
620
+ }
621
+ .antv-s2-theme-panel {
580
622
  width: 340px;
581
623
  }
624
+ .antv-s2-theme-panel-custom-color {
625
+ margin-top: 8px;
626
+ }
627
+ .antv-s2-theme-panel-custom-color-title {
628
+ margin-right: 8px;
629
+ color: rgba(0, 0, 0, 0.45);
630
+ font-size: 14px;
631
+ }
582
632
  .antv-s2-switcher-dimension {
583
633
  background-color: transparent;
584
634
  display: flex;
@@ -955,55 +1005,69 @@
955
1005
  .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
956
1006
  padding: 16px;
957
1007
  }
958
- .antv-s2-color-box {
959
- display: inline-flex;
960
- box-sizing: border-box;
961
- width: 20px;
962
- height: 20px;
963
- border: 1px solid rgba(0, 0, 0, 0.06);
964
- border-radius: 2px;
965
- cursor: pointer;
966
- transition: all 0.3s;
1008
+ .antv-s2-drill-down[data-v-51804a8c] {
1009
+ width: 260px;
1010
+ min-height: 20px;
1011
+ position: relative;
1012
+ color: var(--antv-s2-font-70, rgba(0, 0, 0, 0.9));
967
1013
  }
968
- .antv-s2-color-box:hover {
969
- transform: scale(1.1);
1014
+ .antv-s2-drill-down-header[data-v-51804a8c] {
1015
+ display: flex;
1016
+ height: 32px;
1017
+ font-size: 14px;
1018
+ padding: 0 16px;
1019
+ margin-top: 16px;
1020
+ align-items: center;
1021
+ justify-content: space-between;
970
1022
  }
971
- .antv-s2-theme-panel {
972
- width: 340px;
1023
+ .antv-s2-drill-down-header button[data-v-51804a8c] {
1024
+ position: absolute;
1025
+ right: 0;
1026
+ top: 0;
1027
+ font-size: 12px;
1028
+ color: #1890ff;
1029
+ line-height: 20px;
973
1030
  }
974
- .antv-s2-theme-panel-custom-color {
975
- margin-top: 8px;
1031
+ .antv-s2-drill-down-search[data-v-51804a8c] {
1032
+ height: 24px;
1033
+ width: 228px !important;
1034
+ margin: 0 16px;
1035
+ border: 1px solid rgba(0, 0, 0, 0.15);
1036
+ border-radius: 2px;
976
1037
  }
977
- .antv-s2-theme-panel-custom-color-title {
978
- margin-right: 8px;
979
- color: rgba(0, 0, 0, 0.45);
980
- font-size: 14px;
1038
+ .antv-s2-drill-down-search input[data-v-51804a8c],
1039
+ .antv-s2-drill-down-search span[data-v-51804a8c] {
1040
+ font-size: 12px;
981
1041
  }
982
- .antv-s2-frozen-panel {
983
- width: 400px;
1042
+ .antv-s2-drill-down-search[data-v-51804a8c],
1043
+ .antv-s2-drill-down-search .ant-input[data-v-51804a8c]::placeholder {
1044
+ background-color: var(--antv-s2-block-background, #fff);
984
1045
  }
985
- .antv-s2-frozen-panel-container {
986
- display: flex;
987
- align-items: center;
988
- justify-content: space-between;
1046
+ .antv-s2-drill-down-menu[data-v-51804a8c] {
1047
+ max-height: 314px;
1048
+ overflow: hidden auto;
989
1049
  }
990
- .antv-s2-frozen-panel-container:not(:last-of-type) {
991
- margin-bottom: 6px;
1050
+ .antv-s2-drill-down-menu.ant-menu[data-v-51804a8c] {
1051
+ background: var(--antv-s2-tooltip-background, #fff);
992
1052
  }
993
- .antv-s2-frozen-panel-container-group {
994
- color: rgba(0, 0, 0, 0.43);
1053
+ .antv-s2-drill-down-menu.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-51804a8c] {
1054
+ background-color: var(--antv-s2-block-background, #e6f7ff);
995
1055
  }
996
- .antv-s2-frozen-panel-container-group:not(:last-of-type) {
997
- margin-right: 12px;
1056
+ .antv-s2-drill-down-menu-item[data-v-51804a8c] {
1057
+ height: 32px !important;
1058
+ line-height: 32px !important;
1059
+ font-size: 12px;
1060
+ opacity: 0.65;
998
1061
  }
999
- .antv-s2-frozen-panel-container .ant-checkbox-wrapper {
1000
- margin-right: 50px;
1001
- color: #535455;
1062
+ .antv-s2-drill-down-menu-item span[data-v-51804a8c]:last-child {
1063
+ line-height: 32px;
1002
1064
  }
1003
- .antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
1004
- width: 50px;
1005
- margin: 0 4px;
1006
- border-radius: 4px;
1065
+ .antv-s2-drill-down-menu-item svg[data-v-51804a8c] {
1066
+ margin-right: 8px;
1067
+ }
1068
+ .antv-s2-drill-down-empty[data-v-51804a8c] {
1069
+ padding: 12px;
1070
+ font-size: 12px;
1007
1071
  }
1008
1072
  .antv-s2-radio-group {
1009
1073
  color: #3572f9;
@@ -1058,70 +1122,6 @@
1058
1122
  .antv-s2-reset-group {
1059
1123
  width: 340px;
1060
1124
  }
1061
- .antv-s2-drill-down[data-v-51804a8c] {
1062
- width: 260px;
1063
- min-height: 20px;
1064
- position: relative;
1065
- color: var(--antv-s2-font-70, rgba(0, 0, 0, 0.9));
1066
- }
1067
- .antv-s2-drill-down-header[data-v-51804a8c] {
1068
- display: flex;
1069
- height: 32px;
1070
- font-size: 14px;
1071
- padding: 0 16px;
1072
- margin-top: 16px;
1073
- align-items: center;
1074
- justify-content: space-between;
1075
- }
1076
- .antv-s2-drill-down-header button[data-v-51804a8c] {
1077
- position: absolute;
1078
- right: 0;
1079
- top: 0;
1080
- font-size: 12px;
1081
- color: #1890ff;
1082
- line-height: 20px;
1083
- }
1084
- .antv-s2-drill-down-search[data-v-51804a8c] {
1085
- height: 24px;
1086
- width: 228px !important;
1087
- margin: 0 16px;
1088
- border: 1px solid rgba(0, 0, 0, 0.15);
1089
- border-radius: 2px;
1090
- }
1091
- .antv-s2-drill-down-search input[data-v-51804a8c],
1092
- .antv-s2-drill-down-search span[data-v-51804a8c] {
1093
- font-size: 12px;
1094
- }
1095
- .antv-s2-drill-down-search[data-v-51804a8c],
1096
- .antv-s2-drill-down-search .ant-input[data-v-51804a8c]::placeholder {
1097
- background-color: var(--antv-s2-block-background, #fff);
1098
- }
1099
- .antv-s2-drill-down-menu[data-v-51804a8c] {
1100
- max-height: 314px;
1101
- overflow: hidden auto;
1102
- }
1103
- .antv-s2-drill-down-menu.ant-menu[data-v-51804a8c] {
1104
- background: var(--antv-s2-tooltip-background, #fff);
1105
- }
1106
- .antv-s2-drill-down-menu.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-51804a8c] {
1107
- background-color: var(--antv-s2-block-background, #e6f7ff);
1108
- }
1109
- .antv-s2-drill-down-menu-item[data-v-51804a8c] {
1110
- height: 32px !important;
1111
- line-height: 32px !important;
1112
- font-size: 12px;
1113
- opacity: 0.65;
1114
- }
1115
- .antv-s2-drill-down-menu-item span[data-v-51804a8c]:last-child {
1116
- line-height: 32px;
1117
- }
1118
- .antv-s2-drill-down-menu-item svg[data-v-51804a8c] {
1119
- margin-right: 8px;
1120
- }
1121
- .antv-s2-drill-down-empty[data-v-51804a8c] {
1122
- padding: 12px;
1123
- font-size: 12px;
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);
@@ -1244,14 +1244,6 @@
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
- }
1255
1247
  .antv-s2-drag-copy-point {
1256
1248
  position: absolute;
1257
1249
  z-index: 9;
@@ -1261,3 +1253,11 @@
1261
1253
  cursor: crosshair;
1262
1254
  user-select: none;
1263
1255
  }
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.2",
3
+ "version": "2.2.0-beta.1",
4
4
  "private": false,
5
5
  "description": "use S2 with vue",
6
6
  "keywords": [