@antv/s2-vue 2.2.0-alpha.3 → 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.
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 +221 -221
  7. package/lib/index.js +1 -1
  8. package/lib/index.js.map +1 -1
  9. package/lib/style.css +237 -237
  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,165 @@
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;
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
+ }
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;
145
167
  cursor: pointer;
146
- transition: all 0.3s;
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;
147
174
  }
148
- .antv-s2-color-box:hover {
149
- transform: scale(1.1);
175
+ .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
176
+ background: var(--antv-s2-container-background, #fff);
150
177
  }
151
- .antv-s2-theme-panel {
152
- width: 340px;
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);
153
182
  }
154
- .antv-s2-theme-panel-custom-color {
155
- margin-top: 8px;
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;
156
185
  }
157
- .antv-s2-theme-panel-custom-color-title {
158
- margin-right: 8px;
159
- color: rgba(0, 0, 0, 0.45);
160
- font-size: 14px;
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);
161
268
  }
162
269
  .antv-s2-strategy-sheet-tooltip {
163
270
  line-height: 20px;
@@ -323,139 +430,90 @@
323
430
  .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
431
  margin-left: 4px;
325
432
  }
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 {
433
+ .antv-s2-strategy-sheet-tooltip {
434
+ line-height: 20px;
351
435
  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
436
  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
361
- font-size: 12px;
362
437
  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);
438
+ padding: 12px;
368
439
  }
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);
440
+ .antv-s2-strategy-sheet-tooltip ul,
441
+ .antv-s2-strategy-sheet-tooltip li {
442
+ list-style: none;
443
+ margin: 0;
444
+ padding: 0;
373
445
  }
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;
446
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-divider {
447
+ border-top: 1px solid var(--antv-s2-border, #e9e9e9);
448
+ margin: 10px -12px;
376
449
  }
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;
450
+ .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
451
+ overflow-wrap: break-word;
382
452
  }
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;
453
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
454
+ font-weight: 700;
386
455
  }
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;
456
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
457
+ margin-right: 20px;
389
458
  }
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;
459
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-value {
460
+ color: var(--antv-s2-font-85, rgba(0, 0, 0, 0.85));
393
461
  }
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 {
462
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
395
463
  display: flex;
464
+ justify-content: space-between;
396
465
  align-items: center;
397
466
  }
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;
467
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header .header-label {
468
+ font-weight: 700;
469
+ margin-right: 20px;
405
470
  }
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;
471
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-original-value {
472
+ text-align: right;
410
473
  }
411
- .antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
474
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values {
412
475
  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;
476
+ margin: 0;
477
+ padding: 0;
478
+ list-style: none;
425
479
  }
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;
480
+ .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item {
481
+ display: flex;
482
+ justify-content: space-between;
483
+ align-items: center;
428
484
  }
429
- .antv-s2-advanced-sort-modal .ant-cascader-menus {
430
- height: 100px;
485
+ .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 {
486
+ color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
487
+ margin-left: 10px;
431
488
  }
432
- .antv-s2-advanced-sort-modal .ant-cascader-menus ul {
433
- height: 104px;
489
+ .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 {
490
+ display: inline-block;
491
+ width: 0;
492
+ height: 0;
493
+ margin-right: 4px;
494
+ border-right: 4px solid transparent;
495
+ border-bottom: 9px solid var(--antv-s2-font, #000);
496
+ border-left: 4px solid transparent;
497
+ transform: rotate(0deg);
434
498
  }
435
- .antv-s2-advanced-sort-modal .ant-cascader-menu-item,
436
- .antv-s2-advanced-sort-modal .ant-cascader-picker-label {
437
- font-size: 12px;
499
+ .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 {
500
+ color: #f46649;
438
501
  }
439
- .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
440
- padding: 0;
441
- font-size: 12px;
502
+ .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 {
503
+ border-bottom-color: #f46649;
442
504
  }
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;
505
+ .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 {
506
+ color: #2aa491;
448
507
  }
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;
508
+ .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 {
509
+ transform: rotate(180deg);
510
+ border-bottom-color: #2aa491;
453
511
  }
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);
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 {
513
+ margin-left: 4px;
456
514
  }
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);
515
+ .antv-s2-text-align-panel {
516
+ width: 340px;
459
517
  }
460
518
  .antv-s2-drill-down {
461
519
  width: 260px;
@@ -547,6 +605,30 @@
547
605
  margin: 0 4px;
548
606
  border-radius: 4px;
549
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 {
622
+ width: 340px;
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
+ }
550
632
  .antv-s2-switcher-dimension {
551
633
  background-color: transparent;
552
634
  display: flex;
@@ -923,88 +1005,6 @@
923
1005
  .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
924
1006
  padding: 16px;
925
1007
  }
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;
932
- }
933
- .antv-s2-strategy-sheet-tooltip ul,
934
- .antv-s2-strategy-sheet-tooltip li {
935
- list-style: none;
936
- margin: 0;
937
- padding: 0;
938
- }
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;
942
- }
943
- .antv-s2-strategy-sheet-tooltip .antv-s2-strategy-sheet-tooltip-description {
944
- overflow-wrap: break-word;
945
- }
946
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-row .antv-s2-strategy-sheet-tooltip-value {
947
- font-weight: 700;
948
- }
949
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-col .antv-s2-strategy-sheet-tooltip-name {
950
- margin-right: 20px;
951
- }
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));
954
- }
955
- .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-header {
956
- display: flex;
957
- justify-content: space-between;
958
- align-items: center;
959
- }
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;
966
- }
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;
972
- }
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;
977
- }
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;
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 {
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);
991
- }
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;
1007
- }
1008
1008
  .antv-s2-drill-down[data-v-51804a8c] {
1009
1009
  width: 260px;
1010
1010
  min-height: 20px;
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-beta.1",
4
4
  "private": false,
5
5
  "description": "use S2 with vue",
6
6
  "keywords": [