@antv/s2-vue 2.0.0-next.7 → 2.0.0-next.8

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/style.css CHANGED
@@ -2,30 +2,31 @@
2
2
  color: var(--antv-s2-font, rgba(0, 0, 0, 0.65));
3
3
  background: var(--antv-s2-tooltip-operator-background, #f9f9f9);
4
4
  font-size: 12px;
5
- line-height: 32px;
6
- padding: 0 12px;
5
+ line-height: 36px;
7
6
  border: 0;
8
7
  cursor: pointer;
9
8
  }
9
+ .antv-s2-tooltip-operator .ant-menu-horizontal:not(.ant-menu-dark) {
10
+ background: transparent;
11
+ line-height: 36px;
12
+ }
10
13
  .antv-s2-tooltip-operator .ant-dropdown-trigger,
11
14
  .antv-s2-tooltip-operator-dropdown {
12
15
  padding: 0 6px 0 0;
13
16
  }
14
17
  .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu {
15
18
  font-size: 12px;
16
- line-height: 32px;
17
19
  color: var(--antv-s2-font, rgba(0, 0, 0, 0.65));
18
20
  border: 0;
19
- margin: 0 -12px;
21
+ user-select: none;
22
+ padding: 4px;
20
23
  }
21
24
  .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item {
22
- height: 30px;
23
- }
24
- .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item:not(:last-child) {
25
- margin: 0;
25
+ height: 36px;
26
26
  }
27
27
  .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu > .ant-menu-submenu-title {
28
- height: 30px;
28
+ height: 36px;
29
+ width: 100%;
29
30
  }
30
31
  .antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
31
32
  color: var(--antv-s2-font, rgba(0, 0, 0, 0.65));
@@ -35,10 +36,9 @@
35
36
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item,
36
37
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item {
37
38
  font-size: 12px;
38
- line-height: 32px;
39
+ line-height: 36px;
39
40
  padding: 0 12px;
40
41
  border: 0;
41
- margin: 0;
42
42
  }
43
43
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),
44
44
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),
@@ -54,9 +54,9 @@
54
54
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title,
55
55
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title,
56
56
  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title {
57
- padding: 0 12px;
57
+ padding: 0 0 0 12px;
58
58
  font-size: 12px;
59
- line-height: 32px;
59
+ line-height: 36px;
60
60
  margin: 0;
61
61
  }
62
62
  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
@@ -90,7 +90,7 @@
90
90
  .antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item,
91
91
  .antv-s2-tooltip-operator-submenu-popup .ant-menu-item {
92
92
  font-size: 12px;
93
- line-height: 32px;
93
+ line-height: 36px;
94
94
  padding: 0 12px;
95
95
  }
96
96
  .antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item:not(.ant-menu-item-active),
@@ -99,15 +99,15 @@
99
99
  }
100
100
  .antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item {
101
101
  margin: 0;
102
- height: 30px;
103
- line-height: 32px;
102
+ height: 36px;
103
+ line-height: 36px;
104
+ width: 100%;
104
105
  }
105
106
  .antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item:not(:last-child) {
106
107
  margin: 0;
107
108
  }
108
109
  .antv-s2-tooltip-operator-icon {
109
110
  vertical-align: middle;
110
- margin-right: 4px;
111
111
  }
112
112
  .antv-s2-tooltip-operator-icon svg {
113
113
  width: 12px;
@@ -170,7 +170,7 @@
170
170
  z-index: 1024;
171
171
  display: inline-block;
172
172
  background: var(--antv-s2-tooltip-background, rgba(255, 255, 255, 0.95));
173
- border-radius: 2px;
173
+ border-radius: 4px;
174
174
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
175
175
  font-size: 12px;
176
176
  font-family: Roboto, 'PingFang SC', 'Chinese Quote', BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -329,6 +329,7 @@
329
329
  width: 260px;
330
330
  min-height: 20px;
331
331
  position: relative;
332
+ color: var(--antv-s2-font-70, #fff);
332
333
  }
333
334
  .antv-s2-drill-down-header[data-v-8dd920ec] {
334
335
  display: flex;
@@ -352,16 +353,21 @@
352
353
  margin: 0 16px;
353
354
  border: 1px solid rgba(0, 0, 0, 0.15);
354
355
  border-radius: 2px;
355
- background-color: #fff;
356
356
  }
357
357
  .antv-s2-drill-down-search input[data-v-8dd920ec],
358
358
  .antv-s2-drill-down-search span[data-v-8dd920ec] {
359
359
  font-size: 12px;
360
360
  }
361
+ .antv-s2-drill-down-search[data-v-8dd920ec],
362
+ .antv-s2-drill-down-search .ant-input[data-v-8dd920ec]::placeholder {
363
+ background-color: var(--antv-s2-block-background, #fff);
364
+ }
365
+ .antv-s2-drill-down-extra[data-v-8dd920ec] {
366
+ margin: 4px 16px;
367
+ }
361
368
  .antv-s2-drill-down-menu[data-v-8dd920ec] {
362
369
  max-height: 314px;
363
- overflow-y: auto;
364
- overflow-x: hidden;
370
+ overflow: hidden auto;
365
371
  }
366
372
  .antv-s2-drill-down-menu.ant-menu[data-v-8dd920ec] {
367
373
  background: var(--antv-s2-tooltip-background, #fff);
@@ -382,6 +388,6 @@
382
388
  margin-right: 8px;
383
389
  }
384
390
  .antv-s2-drill-down-empty[data-v-8dd920ec] {
385
- padding: 18px 18px 0;
391
+ padding: 12px;
386
392
  font-size: 12px;
387
393
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@antv/s2-vue",
4
- "version": "2.0.0-next.7",
4
+ "version": "2.0.0-next.8",
5
5
  "main": "lib/index.js",
6
6
  "unpkg": "dist/index.min.js",
7
7
  "module": "esm/index.js",
@@ -61,19 +61,19 @@
61
61
  "vue": ">=3.x"
62
62
  },
63
63
  "dependencies": {
64
- "@vueuse/core": "^9.5.0",
64
+ "@vueuse/core": "^10.5.0",
65
65
  "lodash": "^4.17.21"
66
66
  },
67
67
  "devDependencies": {
68
68
  "@antv/s2": "workspace:*",
69
69
  "@antv/s2-shared": "workspace:*",
70
- "@testing-library/vue": "^6.6.1",
71
- "@vue/shared": "^3.2.45",
72
- "@vue/tsconfig": "^0.1.3",
73
- "ant-design-vue": "^3.2.15",
70
+ "@testing-library/vue": "^7.0.0",
71
+ "@vue/shared": "^3.3.4",
72
+ "@vue/tsconfig": "^0.4.0",
73
+ "ant-design-vue": "^3.2.20",
74
74
  "vite-svg-loader": "^3.6.0",
75
- "vue": "^3.2.45",
76
- "vue-tsc": "^1.0.13"
75
+ "vue": "^3.3.4",
76
+ "vue-tsc": "^1.8.19"
77
77
  },
78
78
  "bundlesize": [
79
79
  {