@antv/s2-vue 1.4.0-alpha.1 → 2.0.0-alpha.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.
package/esm/style.css CHANGED
@@ -37,10 +37,15 @@
37
37
  font-size: 12px;
38
38
  line-height: 32px;
39
39
  padding: 0 12px;
40
- color: rgba(0, 0, 0, 0.65);
41
40
  border: 0;
42
41
  margin: 0;
43
42
  }
43
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),
44
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),
45
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item:not(.ant-menu-item-active),
46
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item:not(.ant-menu-item-active) {
47
+ color: rgba(0, 0, 0, 0.65);
48
+ }
44
49
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
45
50
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
46
51
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title,
@@ -52,9 +57,18 @@
52
57
  padding: 0 12px;
53
58
  font-size: 12px;
54
59
  line-height: 32px;
55
- color: rgba(0, 0, 0, 0.65);
56
60
  margin: 0;
57
61
  }
62
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
63
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
64
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
65
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
66
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
67
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
68
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
69
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active) {
70
+ color: rgba(0, 0, 0, 0.65);
71
+ }
58
72
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
59
73
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
60
74
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title .ant-dropdown-menu-title-content,
@@ -78,6 +92,9 @@
78
92
  font-size: 12px;
79
93
  line-height: 32px;
80
94
  padding: 0 12px;
95
+ }
96
+ .antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item:not(.ant-menu-item-active),
97
+ .antv-s2-tooltip-operator-submenu-popup .ant-menu-item:not(.ant-menu-item-active) {
81
98
  color: rgba(0, 0, 0, 0.65);
82
99
  }
83
100
  .antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item {
@@ -96,6 +113,52 @@
96
113
  width: 12px;
97
114
  height: 12px;
98
115
  }
116
+ @media only screen and (max-device-width: 480px) {
117
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu {
118
+ font-size: 12px;
119
+ }
120
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item {
121
+ height: 36px;
122
+ }
123
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item,
124
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item,
125
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item,
126
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item {
127
+ line-height: 36px;
128
+ }
129
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
130
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
131
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title,
132
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title,
133
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title,
134
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title,
135
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title,
136
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title {
137
+ font-size: 12px;
138
+ }
139
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
140
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
141
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
142
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
143
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
144
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
145
+ .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
146
+ .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active) {
147
+ color: rgba(0, 0, 0, 0.65);
148
+ }
149
+ .antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item,
150
+ .antv-s2-tooltip-operator-submenu-popup .ant-menu-item {
151
+ font-size: 12px;
152
+ }
153
+ .antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item:not(.ant-menu-item-active),
154
+ .antv-s2-tooltip-operator-submenu-popup .ant-menu-item:not(.ant-menu-item-active) {
155
+ color: rgba(0, 0, 0, 0.65);
156
+ }
157
+ .antv-s2-tooltip-operator-icon svg {
158
+ width: 12px;
159
+ height: 12px;
160
+ }
161
+ }
99
162
  .antv-s2-tooltip-container {
100
163
  position: fixed;
101
164
  user-select: text;
@@ -109,7 +172,7 @@
109
172
  border-radius: 2px;
110
173
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
111
174
  font-size: 12px;
112
- font-family: 'Roboto', 'PingFang SC', 'Chinese Quote', 'BlinkMacSystemFont', 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
175
+ font-family: Roboto, 'PingFang SC', 'Chinese Quote', BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
113
176
  }
114
177
  .antv-s2-tooltip-container-hide {
115
178
  opacity: 0;
@@ -135,7 +198,7 @@
135
198
  padding: 0 12px 12px;
136
199
  line-height: 16px;
137
200
  overflow-wrap: break-word;
138
- color: rgba(0, 0, 0, 0.65);
201
+ color: rgba(0, 0, 0, 0.45);
139
202
  }
140
203
  .antv-s2-tooltip-tips {
141
204
  padding: 4px 12px;
@@ -195,7 +258,8 @@
195
258
  .antv-s2-tooltip-head-info-list {
196
259
  color: #a2a2a2;
197
260
  padding: 12px 12px 4px;
198
- line-height: 20px;
261
+ line-height: 24px;
262
+ word-break: break-word;
199
263
  }
200
264
  .antv-s2-tooltip-bold,
201
265
  .antv-s2-tooltip-selected {
@@ -260,19 +324,19 @@
260
324
  white-space: nowrap;
261
325
  max-width: 64px;
262
326
  }
263
- .s2-drill-down[data-v-3a294982] {
327
+ .antv-s2-drill-down[data-v-1a60f775] {
264
328
  width: 260px;
265
329
  min-height: 20px;
266
330
  position: relative;
267
331
  }
268
- .s2-drill-down-header[data-v-3a294982] {
332
+ .antv-s2-drill-down-header[data-v-1a60f775] {
269
333
  display: flex;
270
334
  height: 32px;
271
335
  font-size: 14px;
272
336
  padding: 0 16px;
273
337
  margin-top: 16px;
274
338
  }
275
- .s2-drill-down-header button[data-v-3a294982] {
339
+ .antv-s2-drill-down-header button[data-v-1a60f775] {
276
340
  position: absolute;
277
341
  right: 0;
278
342
  top: -4px;
@@ -281,7 +345,7 @@
281
345
  letter-spacing: -0.2px;
282
346
  line-height: 20px;
283
347
  }
284
- .s2-drill-down-search[data-v-3a294982] {
348
+ .antv-s2-drill-down-search[data-v-1a60f775] {
285
349
  height: 24px;
286
350
  width: 228px !important;
287
351
  margin: 0 16px;
@@ -289,28 +353,28 @@
289
353
  border-radius: 2px;
290
354
  background-color: #fff;
291
355
  }
292
- .s2-drill-down-search input[data-v-3a294982],
293
- .s2-drill-down-search span[data-v-3a294982] {
356
+ .antv-s2-drill-down-search input[data-v-1a60f775],
357
+ .antv-s2-drill-down-search span[data-v-1a60f775] {
294
358
  font-size: 12px;
295
359
  }
296
- .s2-drill-down-menu[data-v-3a294982] {
360
+ .antv-s2-drill-down-menu[data-v-1a60f775] {
297
361
  max-height: 314px;
298
362
  overflow-y: auto;
299
363
  overflow-x: hidden;
300
364
  }
301
- .s2-drill-down-menu-item[data-v-3a294982] {
365
+ .antv-s2-drill-down-menu-item[data-v-1a60f775] {
302
366
  height: 32px !important;
303
367
  line-height: 32px !important;
304
368
  font-size: 12px;
305
369
  opacity: 0.65;
306
370
  }
307
- .s2-drill-down-menu-item span[data-v-3a294982]:last-child {
371
+ .antv-s2-drill-down-menu-item span[data-v-1a60f775]:last-child {
308
372
  line-height: 32px;
309
373
  }
310
- .s2-drill-down-menu-item svg[data-v-3a294982] {
374
+ .antv-s2-drill-down-menu-item svg[data-v-1a60f775] {
311
375
  margin-right: 8px;
312
376
  }
313
- .s2-drill-down-empty[data-v-3a294982] {
377
+ .antv-s2-drill-down-empty[data-v-1a60f775] {
314
378
  padding: 18px 18px 0;
315
379
  font-size: 12px;
316
380
  }