@easyv/config 1.0.43 → 1.0.47

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 (33) hide show
  1. package/.babelrc +9 -9
  2. package/index.js +3 -3
  3. package/lib/index.js +8 -2
  4. package/lib/interaction.js +2 -2
  5. package/lib/legend.js +90 -67
  6. package/lib/pie.js +10 -2
  7. package/lib/series.js +46 -2
  8. package/lib/tooltip.js +124 -11
  9. package/package.json +23 -23
  10. package/src/animation.js +224 -224
  11. package/src/axes.js +162 -162
  12. package/src/axisLine.js +38 -38
  13. package/src/brush.js +90 -90
  14. package/src/dimension.js +49 -49
  15. package/src/extent.js +29 -29
  16. package/src/font.js +23 -23
  17. package/src/gridLine.js +48 -48
  18. package/src/index.js +72 -71
  19. package/src/interaction.js +121 -121
  20. package/src/label.js +707 -707
  21. package/src/legend.js +968 -954
  22. package/src/mapping.js +26 -26
  23. package/src/margin.js +58 -58
  24. package/src/multiColor.js +30 -30
  25. package/src/pie.js +978 -968
  26. package/src/sc.js +8 -8
  27. package/src/series.js +684 -631
  28. package/src/shadow.js +17 -17
  29. package/src/show.js +11 -11
  30. package/src/tickLine.js +50 -50
  31. package/src/tooltip.js +421 -288
  32. package/src/translate.js +27 -27
  33. package/src/unit.js +66 -66
package/src/tooltip.js CHANGED
@@ -1,288 +1,421 @@
1
- import { translate, margin } from '.';
2
- const defaultTooltip = {
3
- auto: false,
4
- manual: true,
5
- interval: 10,
6
- tip: {
7
- translate: { x: 0, y: 0 },
8
- image: '',
9
- size: { width: 120, height: 110 },
10
- margin: {
11
- marginTop: 13,
12
- marginBottom: 10,
13
- marginLeft: 12,
14
- marginRight: 12,
15
- },
16
- data: {
17
- xAxis: {
18
- font: {
19
- fontFamily: 'Mircosoft Yahei',
20
- fontSize: 16,
21
- color: '#E6F6FF',
22
- bold: false,
23
- italic: false,
24
- letterSpacing: 0,
25
- },
26
- align: 'left',
27
- translate: { x: 0, y: 0 },
28
- },
29
- lineHeight: 18,
30
- data: {
31
- name: {
32
- fontFamily: 'Mircosoft Yahei',
33
- fontSize: 12,
34
- color: '#C8E7FF',
35
- bold: false,
36
- italic: false,
37
- letterSpacing: 0,
38
- },
39
- value: {
40
- fontFamily: 'Mircosoft Yahei',
41
- fontSize: 12,
42
- color: '#D4EFFC',
43
- bold: false,
44
- italic: false,
45
- letterSpacing: 0,
46
- },
47
- },
48
- },
49
- },
50
- indicator: { width: 12, color: 'RGBA(255,255,255,0.3)' },
51
- };
52
- export default ({
53
- auto = defaultTooltip.auto,
54
- manual = defaultTooltip.manual,
55
- interval = defaultTooltip.interval,
56
- tip: {
57
- translate: {
58
- x: tipTranslateX = defaultTooltip.tip.translate.x,
59
- y: tipTranslateY = defaultTooltip.tip.translate.y,
60
- } = defaultTooltip.tip.translate,
61
- image = defaultTooltip.tip.image,
62
- size: {
63
- width: tipWidth = defaultTooltip.tip.size.width,
64
- height: tipHeight = defaultTooltip.tip.size.height,
65
- } = defaultTooltip.tip.size,
66
- margin: {
67
- marginTop = defaultTooltip.tip.margin.marginTop,
68
- marginBottom = defaultTooltip.tip.margin.marginBottom,
69
- marginLeft = defaultTooltip.tip.margin.marginLeft,
70
- marginRight = defaultTooltip.tip.margin.marginRight,
71
- } = defaultTooltip.tip.margin,
72
- data: {
73
- xAxis: {
74
- font: {
75
- fontFamily: xAxisFontFamily,
76
- fontSize: xAxisFontSize,
77
- color: xAxisColor,
78
- bold: xAxisBold,
79
- italic: xAxisItalic,
80
- letterSpacing: xAxisLetterSpacing,
81
- } = defaultTooltip.tip.data.xAxis.font,
82
- align = defaultTooltip.tip.data.xAxis.align,
83
- translate: { x, y } = defaultTooltip.tip.data.xAxis.translate,
84
- } = defaultTooltip.tip.data.xAxis,
85
- lineHeight = defaultTooltip.tip.data.lineHeight,
86
- data: {
87
- name: {
88
- fontFamily: nameFontFamily,
89
- fontSize: nameFontSize,
90
- color: nameColor,
91
- bold: nameBold,
92
- italic: nameItalic,
93
- letterSpacing: nameLetterSpacing,
94
- } = defaultTooltip.tip.data.data.name,
95
- value: {
96
- fontFamily: valueFontFamily,
97
- fontSize: valueFontSize,
98
- color: valueFontColor,
99
- bold: valueFontBold,
100
- italic: valueFontItalic,
101
- letterSpacing: valueFontLetterSpacing,
102
- } = defaultTooltip.tip.data.data.value,
103
- } = defaultTooltip.tip.data.data,
104
- } = defaultTooltip.tip.data,
105
- } = defaultTooltip.tip,
106
- indicator: {
107
- width = defaultTooltip.indicator.width,
108
- color = defaultTooltip.indicator.color,
109
- } = defaultTooltip.indicator,
110
- } = defaultTooltip) => ({
111
- name: 'tooltip',
112
- displayName: '提示框',
113
- value: [
114
- {
115
- name: 'auto',
116
- displayName: '自动轮播',
117
- value: auto,
118
- type: 'boolean',
119
- },
120
- {
121
- name: 'manual',
122
- displayName: '悬停触发',
123
- value: manual,
124
- type: 'boolean',
125
- },
126
- {
127
- rule: [['auto', '$eq', true]],
128
- name: 'interval',
129
- displayName: '停留时间',
130
- value: interval,
131
- type: 'number',
132
- config: {
133
- suffix: 's',
134
- },
135
- },
136
- {
137
- name: 'tip',
138
- displayName: '提示框',
139
- value: [
140
- translate(tipTranslateX, tipTranslateY),
141
- {
142
- type: 'uploadImage',
143
- name: 'image',
144
- displayName: '背景',
145
- value: image,
146
- },
147
- {
148
- name: 'size',
149
- displayName: '尺寸',
150
- value: [
151
- {
152
- name: 'width',
153
- displayName: '宽度',
154
- value: tipWidth,
155
- config: {
156
- span: 12,
157
- suffix: 'W',
158
- },
159
- },
160
- {
161
- name: 'height',
162
- displayName: '高度',
163
- value: tipHeight,
164
- config: {
165
- span: 12,
166
- suffix: 'H',
167
- },
168
- },
169
- ],
170
- type: 'group',
171
- },
172
- margin({
173
- marginTop,
174
- marginRight,
175
- marginBottom,
176
- marginLeft,
177
- }),
178
- {
179
- name: 'data',
180
- displayName: '框内数据',
181
- value: [
182
- {
183
- name: 'xAxis',
184
- displayName: 'X轴标签',
185
- value: [
186
- {
187
- name: 'font',
188
- displayName: '文本样式',
189
- value: {
190
- fontFamily: xAxisFontFamily,
191
- fontSize: xAxisFontSize,
192
- color: xAxisColor,
193
- bold: xAxisBold,
194
- italic: xAxisItalic,
195
- letterSpacing: xAxisLetterSpacing,
196
- },
197
- type: 'textStyle',
198
- },
199
- {
200
- name: 'align',
201
- displayName: '对齐方式',
202
- value: align,
203
- type: 'radio',
204
- config: {
205
- options: [
206
- { name: '左对齐', value: 'left', icon: 'align-left' },
207
- {
208
- name: '居中对齐',
209
- value: 'center',
210
- icon: 'align-center',
211
- },
212
- {
213
- name: '右对齐',
214
- value: 'right',
215
- icon: 'align-right',
216
- },
217
- ],
218
- mode: 'icon',
219
- },
220
- },
221
- translate(x, y),
222
- ],
223
- },
224
- {
225
- displayName: '行高',
226
- type: 'number',
227
- value: lineHeight,
228
- name: 'lineHeight',
229
- },
230
- {
231
- displayName: '数据样式',
232
- name: 'data',
233
- value: [
234
- {
235
- name: 'name',
236
- displayName: '系列名称',
237
- value: {
238
- fontFamily: nameFontFamily,
239
- fontSize: nameFontSize,
240
- color: nameColor,
241
- bold: nameBold,
242
- italic: nameItalic,
243
- letterSpacing: nameLetterSpacing,
244
- },
245
- type: 'textStyle',
246
- },
247
- {
248
- name: 'value',
249
- displayName: '系列值',
250
- value: {
251
- fontFamily: valueFontFamily,
252
- fontSize: valueFontSize,
253
- color: valueFontColor,
254
- bold: valueFontBold,
255
- italic: valueFontItalic,
256
- letterSpacing: valueFontLetterSpacing,
257
- },
258
- type: 'textStyle',
259
- },
260
- ],
261
- },
262
- ],
263
- },
264
- ],
265
- },
266
- {
267
- name: 'indicator',
268
- displayName: '指示器',
269
- value: [
270
- {
271
- name: 'width',
272
- displayName: '粗细',
273
- value: width,
274
- type: 'number',
275
- config: {
276
- suffix: '%',
277
- },
278
- },
279
- {
280
- name: 'color',
281
- displayName: '颜色',
282
- value: color,
283
- type: 'color',
284
- },
285
- ],
286
- },
287
- ],
288
- });
1
+ import { translate, margin } from '.';
2
+ const defaultTooltip = {
3
+ auto: false,
4
+ manual: true,
5
+ interval: 10,
6
+ tip: {
7
+ translate: { x: 0, y: 0 },
8
+ image: '',
9
+ size: { width: 120, height: 110 },
10
+ margin: {
11
+ marginTop: 13,
12
+ marginBottom: 10,
13
+ marginLeft: 12,
14
+ marginRight: 12,
15
+ },
16
+ data: {
17
+ xAxis: {
18
+ font: {
19
+ fontFamily: 'Mircosoft Yahei',
20
+ fontSize: 16,
21
+ color: '#E6F6FF',
22
+ bold: false,
23
+ italic: false,
24
+ letterSpacing: 0,
25
+ },
26
+ align: 'left',
27
+ translate: { x: 0, y: 0 },
28
+ },
29
+
30
+ data: {
31
+ lineHeight: 18,
32
+ iconSize: 10,
33
+ name: {
34
+ fontFamily: 'Mircosoft Yahei',
35
+ fontSize: 12,
36
+ color: '#C8E7FF',
37
+ bold: false,
38
+ italic: false,
39
+ letterSpacing: 0,
40
+ },
41
+ value: {
42
+ fontFamily: 'Mircosoft Yahei',
43
+ fontSize: 12,
44
+ color: '#D4EFFC',
45
+ bold: false,
46
+ italic: false,
47
+ letterSpacing: 0,
48
+ },
49
+ suffix: {
50
+ font: {
51
+ fontFamily: 'Mircosoft Yahei',
52
+ fontSize: 12,
53
+ color: '#D4EFFC',
54
+ bold: false,
55
+ italic: false,
56
+ letterSpacing: 0
57
+ },
58
+ translate: { x: 0, y: 0 },
59
+ }
60
+ },
61
+ },
62
+ },
63
+ indicator: { width: 12, color: 'RGBA(255,255,255,0.3)' },
64
+ };
65
+ export default ({
66
+ auto = defaultTooltip.auto,
67
+ manual = defaultTooltip.manual,
68
+ interval = defaultTooltip.interval,
69
+ tip: {
70
+ translate: {
71
+ x: tipTranslateX = defaultTooltip.tip.translate.x,
72
+ y: tipTranslateY = defaultTooltip.tip.translate.y,
73
+ } = defaultTooltip.tip.translate,
74
+ image = defaultTooltip.tip.image,
75
+ size: {
76
+ width: tipWidth = defaultTooltip.tip.size.width,
77
+ height: tipHeight = defaultTooltip.tip.size.height,
78
+ } = defaultTooltip.tip.size,
79
+ margin: {
80
+ marginTop = defaultTooltip.tip.margin.marginTop,
81
+ marginBottom = defaultTooltip.tip.margin.marginBottom,
82
+ marginLeft = defaultTooltip.tip.margin.marginLeft,
83
+ marginRight = defaultTooltip.tip.margin.marginRight,
84
+ } = defaultTooltip.tip.margin,
85
+ data: {
86
+ xAxis: {
87
+ font: {
88
+ fontFamily: xAxisFontFamily,
89
+ fontSize: xAxisFontSize,
90
+ color: xAxisColor,
91
+ bold: xAxisBold,
92
+ italic: xAxisItalic,
93
+ letterSpacing: xAxisLetterSpacing,
94
+ } = defaultTooltip.tip.data.xAxis.font,
95
+ align = defaultTooltip.tip.data.xAxis.align,
96
+ translate: { x, y } = defaultTooltip.tip.data.xAxis.translate,
97
+ } = defaultTooltip.tip.data.xAxis,
98
+ // lineHeight = defaultTooltip.tip.data.lineHeight,
99
+ // iconSize = defaultTooltip.tip.data.iconSize,
100
+ data: {
101
+ lineHeight = defaultTooltip.tip.data.lineHeight,
102
+ iconSize = defaultTooltip.tip.data.iconSize,
103
+ name: {
104
+ fontFamily: nameFontFamily,
105
+ fontSize: nameFontSize,
106
+ color: nameColor,
107
+ bold: nameBold,
108
+ italic: nameItalic,
109
+ letterSpacing: nameLetterSpacing,
110
+ } = defaultTooltip.tip.data.data.name,
111
+ value: {
112
+ fontFamily: valueFontFamily,
113
+ fontSize: valueFontSize,
114
+ color: valueFontColor,
115
+ bold: valueFontBold,
116
+ italic: valueFontItalic,
117
+ letterSpacing: valueFontLetterSpacing,
118
+ } = defaultTooltip.tip.data.data.value,
119
+ suffix: {
120
+ font: {
121
+ fontFamily: suffixFontFamily,
122
+ fontSize: suffixFontSize,
123
+ color: suffixColor,
124
+ bold: suffixBold,
125
+ italic: suffixItalic,
126
+ letterSpacing: suffixLetterSpacing,
127
+ } = defaultTooltip.tip.data.data.suffix.font,
128
+ } = defaultTooltip.tip.data.data.suffix,
129
+ } = defaultTooltip.tip.data.data,
130
+ } = defaultTooltip.tip.data,
131
+ } = defaultTooltip.tip,
132
+ indicator: {
133
+ width = defaultTooltip.indicator.width,
134
+ color = defaultTooltip.indicator.color,
135
+ } = defaultTooltip.indicator,
136
+ } = defaultTooltip) => ({
137
+ name: 'tooltip',
138
+ displayName: '提示框',
139
+ value: [
140
+ {
141
+ name: 'auto',
142
+ displayName: '自动轮播',
143
+ value: auto,
144
+ type: 'boolean',
145
+ },
146
+ {
147
+ name: 'manual',
148
+ displayName: '悬停触发',
149
+ value: manual,
150
+ type: 'boolean',
151
+ },
152
+ {
153
+ rule: [['auto', '$eq', true]],
154
+ name: 'interval',
155
+ displayName: '停留时间',
156
+ value: interval,
157
+ type: 'number',
158
+ config: {
159
+ suffix: 's',
160
+ },
161
+ },
162
+ {
163
+ name: 'tip',
164
+ displayName: '提示框',
165
+ value: [
166
+ translate(tipTranslateX, tipTranslateY),
167
+ {
168
+ type: 'uploadImage',
169
+ name: 'image',
170
+ displayName: '背景',
171
+ value: image,
172
+ },
173
+ {
174
+ name: 'size',
175
+ displayName: '尺寸',
176
+ value: [
177
+ {
178
+ name: 'width',
179
+ displayName: '宽度',
180
+ value: tipWidth,
181
+ config: {
182
+ span: 12,
183
+ suffix: 'W',
184
+ },
185
+ },
186
+ {
187
+ name: 'height',
188
+ displayName: '高度',
189
+ value: tipHeight,
190
+ config: {
191
+ span: 12,
192
+ suffix: 'H',
193
+ },
194
+ },
195
+ ],
196
+ type: 'group',
197
+ },
198
+ margin({
199
+ marginTop,
200
+ marginRight,
201
+ marginBottom,
202
+ marginLeft,
203
+ }),
204
+ {
205
+ name: 'data',
206
+ displayName: '框内数据',
207
+ value: [
208
+ {
209
+ name: 'xAxis',
210
+ displayName: '类目标签',
211
+ value: [
212
+ {
213
+ name: 'font',
214
+ displayName: '文本样式',
215
+ value: {
216
+ fontFamily: xAxisFontFamily,
217
+ fontSize: xAxisFontSize,
218
+ color: xAxisColor,
219
+ bold: xAxisBold,
220
+ italic: xAxisItalic,
221
+ letterSpacing: xAxisLetterSpacing,
222
+ },
223
+ type: 'textStyle',
224
+ },
225
+ {
226
+ name: 'align',
227
+ displayName: '对齐方式',
228
+ value: align,
229
+ type: 'radio',
230
+ config: {
231
+ options: [
232
+ { name: '左对齐', value: 'left', icon: 'align-left' },
233
+ {
234
+ name: '居中对齐',
235
+ value: 'center',
236
+ icon: 'align-center',
237
+ },
238
+ {
239
+ name: '右对齐',
240
+ value: 'right',
241
+ icon: 'align-right',
242
+ },
243
+ ],
244
+ mode: 'icon',
245
+ },
246
+ },
247
+ translate(x, y),
248
+ ],
249
+ },
250
+ {
251
+ displayName: '数据',
252
+ name: 'data',
253
+ value: [
254
+ {
255
+ displayName: '行间距',
256
+ type: 'number',
257
+ value: lineHeight,
258
+ name: 'lineHeight',
259
+ },
260
+ {
261
+ displayName: '图标尺寸',
262
+ type: 'number',
263
+ value: iconSize,
264
+ name: 'iconSize',
265
+ },
266
+ {
267
+ name: 'name',
268
+ displayName: '系列名称',
269
+ value: {
270
+ fontFamily: nameFontFamily,
271
+ fontSize: nameFontSize,
272
+ color: nameColor,
273
+ bold: nameBold,
274
+ italic: nameItalic,
275
+ letterSpacing: nameLetterSpacing,
276
+ },
277
+ type: 'textStyle',
278
+ },
279
+ {
280
+ name: 'value',
281
+ displayName: '系列值',
282
+ value: {
283
+ fontFamily: valueFontFamily,
284
+ fontSize: valueFontSize,
285
+ color: valueFontColor,
286
+ bold: valueFontBold,
287
+ italic: valueFontItalic,
288
+ letterSpacing: valueFontLetterSpacing,
289
+ },
290
+ type: 'textStyle',
291
+ },
292
+ {
293
+ name: 'suffix',
294
+ displayName: '后缀',
295
+ value: [
296
+ {
297
+ name: 'show',
298
+ displayName: '显示',
299
+ value: false,
300
+ type: 'boolean'
301
+ },
302
+ {
303
+ name: 'content',
304
+ displayName: '内容',
305
+ value: [
306
+ {
307
+ name: "suffixText1",
308
+ displayName: "后缀",
309
+ type: "object",
310
+ value: [
311
+ {
312
+ name: "suffix",
313
+ displayName: "后缀",
314
+ type: "group",
315
+ value: [
316
+ {
317
+ name: "name",
318
+ displayName: "系列名",
319
+ value: "系列一",
320
+ type: "input",
321
+ config: {
322
+ span: 12
323
+ }
324
+ },
325
+ {
326
+ name: "suffix",
327
+ displayName: "后缀",
328
+ value: "%",
329
+ type: "input",
330
+ config: {
331
+ span: 12
332
+ }
333
+ }
334
+ ]
335
+ }
336
+ ]
337
+ },
338
+ ],
339
+ config: {
340
+ template: [
341
+ {
342
+ name: "suffixText",
343
+ displayName: "后缀",
344
+ type: "object",
345
+ value: [
346
+ {
347
+ name: "suffix",
348
+ displayName: "后缀",
349
+ type: "group",
350
+ value: [
351
+ {
352
+ name: "name",
353
+ displayName: "系列名",
354
+ value: "",
355
+ type: "input",
356
+ config: {
357
+ span: 12
358
+ }
359
+ },
360
+ {
361
+ name: "suffix",
362
+ displayName: "后缀",
363
+ value: "",
364
+ type: "input",
365
+ config: {
366
+ span: 12
367
+ }
368
+ }
369
+ ]
370
+ }
371
+ ]
372
+ },
373
+ ]
374
+ },
375
+ type: 'array'
376
+ },
377
+ {
378
+ name: 'font',
379
+ displayName: '文本样式',
380
+ value: {
381
+ fontFamily: suffixFontFamily,
382
+ fontSize: suffixFontSize,
383
+ color: suffixColor,
384
+ bold: suffixBold,
385
+ italic: suffixItalic,
386
+ letterSpacing: suffixLetterSpacing,
387
+ },
388
+ type: 'textStyle',
389
+ },
390
+ translate(x, y),
391
+ ],
392
+ }
393
+ ],
394
+ }
395
+ ],
396
+ },
397
+ ],
398
+ },
399
+ {
400
+ name: 'indicator',
401
+ displayName: '指示器',
402
+ value: [
403
+ {
404
+ name: 'width',
405
+ displayName: '粗细',
406
+ value: width,
407
+ type: 'number',
408
+ config: {
409
+ suffix: '%',
410
+ },
411
+ },
412
+ {
413
+ name: 'color',
414
+ displayName: '颜色',
415
+ value: color,
416
+ type: 'color',
417
+ },
418
+ ],
419
+ },
420
+ ],
421
+ });