@antv/s2-vue 1.0.1 → 1.1.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/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/style.min.css +1 -1
- package/esm/index.d.ts +3909 -814
- package/esm/index.js +814 -125
- package/esm/index.js.map +1 -1
- package/esm/style.css +123 -21
- package/lib/index.js +811 -122
- package/lib/index.js.map +1 -1
- package/lib/style.css +123 -21
- package/package.json +4 -5
package/lib/style.css
CHANGED
|
@@ -96,16 +96,46 @@
|
|
|
96
96
|
width: 12px;
|
|
97
97
|
height: 12px;
|
|
98
98
|
}
|
|
99
|
-
.antv-s2-tooltip-container
|
|
99
|
+
.antv-s2-tooltip-container {
|
|
100
|
+
position: fixed;
|
|
101
|
+
user-select: text;
|
|
102
|
+
min-width: 200px;
|
|
103
|
+
max-width: 640px;
|
|
104
|
+
max-height: 100vh;
|
|
105
|
+
overflow: auto;
|
|
106
|
+
z-index: 1024;
|
|
107
|
+
display: inline-block;
|
|
108
|
+
background: rgba(255, 255, 255, 0.96);
|
|
109
|
+
border-radius: 2px;
|
|
110
|
+
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
|
|
111
|
+
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;
|
|
113
|
+
}
|
|
114
|
+
.antv-s2-tooltip-container-hide {
|
|
115
|
+
opacity: 0;
|
|
116
|
+
visibility: hidden;
|
|
117
|
+
pointer-events: none;
|
|
118
|
+
}
|
|
119
|
+
.antv-s2-tooltip-container-hide * {
|
|
120
|
+
transition: none;
|
|
121
|
+
}
|
|
122
|
+
.antv-s2-tooltip-container-show {
|
|
123
|
+
opacity: 1;
|
|
124
|
+
visibility: visible;
|
|
125
|
+
pointer-events: all;
|
|
126
|
+
}
|
|
127
|
+
.antv-s2-tooltip-tips,
|
|
100
128
|
.antv-s2-tooltip-name {
|
|
101
129
|
padding: 12px;
|
|
102
130
|
line-height: 16px;
|
|
103
131
|
overflow-wrap: break-word;
|
|
104
132
|
color: rgba(0, 0, 0, 0.85);
|
|
105
|
-
}
|
|
133
|
+
}
|
|
134
|
+
.antv-s2-tooltip-tips {
|
|
106
135
|
padding: 4px 12px;
|
|
107
136
|
color: rgba(0, 0, 0, 0.45);
|
|
108
|
-
}
|
|
137
|
+
}
|
|
138
|
+
.antv-s2-tooltip-infos {
|
|
109
139
|
padding: 4px 12px;
|
|
110
140
|
line-height: 20px;
|
|
111
141
|
color: rgba(0, 0, 0, 0.45);
|
|
@@ -118,63 +148,81 @@
|
|
|
118
148
|
background: rgba(249, 249, 249, 0.96);
|
|
119
149
|
border-radius: 0 0 2px 2px;
|
|
120
150
|
background-color: #f9f9f9;
|
|
121
|
-
}
|
|
151
|
+
}
|
|
152
|
+
.antv-s2-tooltip-summary {
|
|
122
153
|
line-height: 20px;
|
|
123
154
|
color: rgba(0, 0, 0, 0.65);
|
|
124
155
|
overflow: hidden;
|
|
125
156
|
padding: 12px;
|
|
126
|
-
}
|
|
157
|
+
}
|
|
158
|
+
.antv-s2-tooltip-summary-item {
|
|
127
159
|
display: flex;
|
|
128
|
-
}
|
|
160
|
+
}
|
|
161
|
+
.antv-s2-tooltip-summary-key {
|
|
129
162
|
margin-right: 20px;
|
|
130
|
-
}
|
|
163
|
+
}
|
|
164
|
+
.antv-s2-tooltip-summary-val {
|
|
131
165
|
flex: 1;
|
|
132
166
|
text-align: right;
|
|
133
167
|
text-overflow: ellipsis;
|
|
134
168
|
white-space: nowrap;
|
|
135
169
|
overflow: hidden;
|
|
136
|
-
}
|
|
170
|
+
}
|
|
171
|
+
.antv-s2-tooltip-interpretation {
|
|
137
172
|
color: rgba(0, 0, 0, 0.65);
|
|
138
173
|
overflow: hidden;
|
|
139
174
|
padding: 12px;
|
|
140
|
-
}
|
|
175
|
+
}
|
|
176
|
+
.antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
|
|
141
177
|
border-top: 1px solid #e9e9e9;
|
|
142
|
-
}
|
|
178
|
+
}
|
|
179
|
+
.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
|
|
143
180
|
margin-bottom: 12px;
|
|
144
|
-
}
|
|
181
|
+
}
|
|
182
|
+
.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-icon {
|
|
145
183
|
width: 14px;
|
|
146
184
|
height: 14px;
|
|
147
|
-
}
|
|
185
|
+
}
|
|
186
|
+
.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
|
|
148
187
|
color: #000;
|
|
149
|
-
}
|
|
188
|
+
}
|
|
189
|
+
.antv-s2-tooltip-head-info-list {
|
|
150
190
|
color: #a2a2a2;
|
|
151
191
|
padding: 12px 12px 4px;
|
|
152
192
|
line-height: 20px;
|
|
153
|
-
}
|
|
193
|
+
}
|
|
194
|
+
.antv-s2-tooltip-bold,
|
|
154
195
|
.antv-s2-tooltip-selected {
|
|
155
196
|
font-weight: bold;
|
|
156
|
-
}
|
|
197
|
+
}
|
|
198
|
+
.antv-s2-tooltip-selected {
|
|
157
199
|
margin-right: 5px;
|
|
158
|
-
}
|
|
200
|
+
}
|
|
201
|
+
.antv-s2-tooltip-highlight {
|
|
159
202
|
color: rgba(0, 0, 0, 0.85);
|
|
160
|
-
}
|
|
203
|
+
}
|
|
204
|
+
.antv-s2-tooltip-detail-list {
|
|
161
205
|
padding: 2px 12px 8px;
|
|
162
|
-
}
|
|
206
|
+
}
|
|
207
|
+
.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item {
|
|
163
208
|
color: rgba(0, 0, 0, 0.65);
|
|
164
209
|
overflow: hidden;
|
|
165
210
|
margin: 4px 0;
|
|
166
211
|
display: flex;
|
|
167
212
|
justify-content: space-around;
|
|
168
213
|
align-items: center;
|
|
169
|
-
}
|
|
214
|
+
}
|
|
215
|
+
.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
|
|
170
216
|
margin-right: 20px;
|
|
171
|
-
}
|
|
217
|
+
}
|
|
218
|
+
.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-val {
|
|
172
219
|
flex: 1;
|
|
173
220
|
text-align: right;
|
|
174
221
|
text-overflow: ellipsis;
|
|
175
222
|
white-space: nowrap;
|
|
176
223
|
overflow: hidden;
|
|
177
|
-
}
|
|
224
|
+
}
|
|
225
|
+
.ant-dropdown-menu-item.operation-item {
|
|
178
226
|
font-size: 12px;
|
|
179
227
|
}
|
|
180
228
|
.antv-s2-spin.ant-spin-nested-loading,
|
|
@@ -206,3 +254,57 @@
|
|
|
206
254
|
white-space: nowrap;
|
|
207
255
|
max-width: 64px;
|
|
208
256
|
}
|
|
257
|
+
.s2-drill-down[data-v-6eb1ccd0] {
|
|
258
|
+
width: 260px;
|
|
259
|
+
min-height: 20px;
|
|
260
|
+
position: relative;
|
|
261
|
+
}
|
|
262
|
+
.s2-drill-down-header[data-v-6eb1ccd0] {
|
|
263
|
+
display: flex;
|
|
264
|
+
height: 32px;
|
|
265
|
+
font-size: 14px;
|
|
266
|
+
padding: 0 16px;
|
|
267
|
+
margin-top: 16px;
|
|
268
|
+
}
|
|
269
|
+
.s2-drill-down-header button[data-v-6eb1ccd0] {
|
|
270
|
+
position: absolute;
|
|
271
|
+
right: 0;
|
|
272
|
+
top: -4px;
|
|
273
|
+
font-size: 12px;
|
|
274
|
+
color: #1890ff;
|
|
275
|
+
letter-spacing: -0.2px;
|
|
276
|
+
line-height: 20px;
|
|
277
|
+
}
|
|
278
|
+
.s2-drill-down-search[data-v-6eb1ccd0] {
|
|
279
|
+
height: 24px;
|
|
280
|
+
width: 228px !important;
|
|
281
|
+
margin: 0 16px;
|
|
282
|
+
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
283
|
+
border-radius: 2px;
|
|
284
|
+
background-color: #fff;
|
|
285
|
+
}
|
|
286
|
+
.s2-drill-down-search input[data-v-6eb1ccd0],
|
|
287
|
+
.s2-drill-down-search span[data-v-6eb1ccd0] {
|
|
288
|
+
font-size: 12px;
|
|
289
|
+
}
|
|
290
|
+
.s2-drill-down-menu[data-v-6eb1ccd0] {
|
|
291
|
+
max-height: 314px;
|
|
292
|
+
overflow-y: auto;
|
|
293
|
+
overflow-x: hidden;
|
|
294
|
+
}
|
|
295
|
+
.s2-drill-down-menu-item[data-v-6eb1ccd0] {
|
|
296
|
+
height: 32px !important;
|
|
297
|
+
line-height: 32px !important;
|
|
298
|
+
font-size: 12px;
|
|
299
|
+
opacity: 0.65;
|
|
300
|
+
}
|
|
301
|
+
.s2-drill-down-menu-item span[data-v-6eb1ccd0]:last-child {
|
|
302
|
+
line-height: 32px;
|
|
303
|
+
}
|
|
304
|
+
.s2-drill-down-menu-item svg[data-v-6eb1ccd0] {
|
|
305
|
+
margin-right: 8px;
|
|
306
|
+
}
|
|
307
|
+
.s2-drill-down-empty[data-v-6eb1ccd0] {
|
|
308
|
+
padding: 18px 18px 0;
|
|
309
|
+
font-size: 12px;
|
|
310
|
+
}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@antv/s2-vue",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
|
-
"module": "esm/index.js",
|
|
7
6
|
"unpkg": "dist/index.min.js",
|
|
7
|
+
"module": "esm/index.js",
|
|
8
8
|
"types": "esm/index.d.ts",
|
|
9
9
|
"description": "use S2 with vue",
|
|
10
10
|
"license": "MIT",
|
|
@@ -39,16 +39,14 @@
|
|
|
39
39
|
"scripts": {
|
|
40
40
|
"start": "cross-env PLAYGROUND=true vite",
|
|
41
41
|
"clean": "rimraf lib esm dist temp",
|
|
42
|
-
"build": "npm-run-all clean --parallel build:umd build:cjs build:esm
|
|
42
|
+
"build": "npm-run-all clean --parallel build:umd build:cjs build:esm build:dts",
|
|
43
43
|
"build:esm": "cross-env FORMAT=es vite build",
|
|
44
44
|
"build:cjs": "cross-env FORMAT=cjs vite build",
|
|
45
45
|
"build:umd": "cross-env FORMAT=umd vite build",
|
|
46
46
|
"build:analysis": "cross-env FORMAT=es ANALYSIS=true vite build",
|
|
47
47
|
"build:dts": "run-s dts:*",
|
|
48
|
-
"dts:build-shared": "yarn workspace @antv/s2-shared build:dts",
|
|
49
48
|
"dts:build": "vue-tsc -p tsconfig.declaration.json",
|
|
50
49
|
"dts:extract": "cross-env LIB=s2-vue node ../../scripts/dts.js",
|
|
51
|
-
"dts:clean": "rimraf temp",
|
|
52
50
|
"bundle:size": "bundlesize",
|
|
53
51
|
"test": "jest --passWithNoTests",
|
|
54
52
|
"test:coverage": "yarn test --coverage",
|
|
@@ -73,6 +71,7 @@
|
|
|
73
71
|
"@testing-library/vue": "^6.5.1",
|
|
74
72
|
"@vue/tsconfig": "^0.1.3",
|
|
75
73
|
"ant-design-vue": "^3.2.0",
|
|
74
|
+
"vite-svg-loader": "^3.3.0",
|
|
76
75
|
"vue": "^3.2.31",
|
|
77
76
|
"vue-tsc": "^0.34.11"
|
|
78
77
|
},
|