@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/esm/style.css CHANGED
@@ -96,16 +96,46 @@
96
96
  width: 12px;
97
97
  height: 12px;
98
98
  }
99
- .antv-s2-tooltip-container{background:hsla(0,0%,100%,.96);border-radius:2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);display:inline-block;font-family:Roboto,PingFang SC,Chinese Quote,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;max-width:640px;min-width:200px;position:fixed;z-index:1024}.antv-s2-tooltip-container-show{opacity:1;pointer-events:all;visibility:visible}.antv-s2-tooltip-container-hide{opacity:0;pointer-events:none;visibility:hidden}.antv-s2-tooltip-container-hide *{transition:none}.antv-s2-tooltip-tips,
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
- }.antv-s2-tooltip-tips {
133
+ }
134
+ .antv-s2-tooltip-tips {
106
135
  padding: 4px 12px;
107
136
  color: rgba(0, 0, 0, 0.45);
108
- }.antv-s2-tooltip-infos {
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
- }.antv-s2-tooltip-summary {
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
- }.antv-s2-tooltip-summary-item {
157
+ }
158
+ .antv-s2-tooltip-summary-item {
127
159
  display: flex;
128
- }.antv-s2-tooltip-summary-key {
160
+ }
161
+ .antv-s2-tooltip-summary-key {
129
162
  margin-right: 20px;
130
- }.antv-s2-tooltip-summary-val {
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
- }.antv-s2-tooltip-interpretation {
170
+ }
171
+ .antv-s2-tooltip-interpretation {
137
172
  color: rgba(0, 0, 0, 0.65);
138
173
  overflow: hidden;
139
174
  padding: 12px;
140
- }.antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
175
+ }
176
+ .antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
141
177
  border-top: 1px solid #e9e9e9;
142
- }.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
178
+ }
179
+ .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
143
180
  margin-bottom: 12px;
144
- }.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-icon {
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
- }.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
185
+ }
186
+ .antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
148
187
  color: #000;
149
- }.antv-s2-tooltip-head-info-list {
188
+ }
189
+ .antv-s2-tooltip-head-info-list {
150
190
  color: #a2a2a2;
151
191
  padding: 12px 12px 4px;
152
192
  line-height: 20px;
153
- }.antv-s2-tooltip-bold,
193
+ }
194
+ .antv-s2-tooltip-bold,
154
195
  .antv-s2-tooltip-selected {
155
196
  font-weight: bold;
156
- }.antv-s2-tooltip-selected {
197
+ }
198
+ .antv-s2-tooltip-selected {
157
199
  margin-right: 5px;
158
- }.antv-s2-tooltip-highlight {
200
+ }
201
+ .antv-s2-tooltip-highlight {
159
202
  color: rgba(0, 0, 0, 0.85);
160
- }.antv-s2-tooltip-detail-list {
203
+ }
204
+ .antv-s2-tooltip-detail-list {
161
205
  padding: 2px 12px 8px;
162
- }.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item {
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
- }.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
214
+ }
215
+ .antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
170
216
  margin-right: 20px;
171
- }.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-val {
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
- }.ant-dropdown-menu-item.operation-item {
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
+ }