@easyv/config 1.1.6 → 1.1.9

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/src/tooltip.js CHANGED
@@ -1,425 +1,425 @@
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
- markColorType: 'textColor',
225
- },
226
- {
227
- name: 'align',
228
- displayName: '对齐方式',
229
- value: align,
230
- type: 'radio',
231
- config: {
232
- options: [
233
- { name: '左对齐', value: 'left', icon: 'align-left' },
234
- {
235
- name: '居中对齐',
236
- value: 'center',
237
- icon: 'align-center',
238
- },
239
- {
240
- name: '右对齐',
241
- value: 'right',
242
- icon: 'align-right',
243
- },
244
- ],
245
- mode: 'icon',
246
- },
247
- },
248
- translate(x, y),
249
- ],
250
- },
251
- {
252
- displayName: '数据',
253
- name: 'data',
254
- value: [
255
- {
256
- displayName: '行间距',
257
- type: 'number',
258
- value: lineHeight,
259
- name: 'lineHeight',
260
- },
261
- {
262
- displayName: '图标尺寸',
263
- type: 'number',
264
- value: iconSize,
265
- name: 'iconSize',
266
- },
267
- {
268
- name: 'name',
269
- displayName: '系列名称',
270
- value: {
271
- fontFamily: nameFontFamily,
272
- fontSize: nameFontSize,
273
- color: nameColor,
274
- bold: nameBold,
275
- italic: nameItalic,
276
- letterSpacing: nameLetterSpacing,
277
- },
278
- type: 'textStyle',
279
- markColorType: 'textColor',
280
- },
281
- {
282
- name: 'value',
283
- displayName: '系列值',
284
- value: {
285
- fontFamily: valueFontFamily,
286
- fontSize: valueFontSize,
287
- color: valueFontColor,
288
- bold: valueFontBold,
289
- italic: valueFontItalic,
290
- letterSpacing: valueFontLetterSpacing,
291
- },
292
- type: 'textStyle',
293
- markColorType: 'textColor',
294
- },
295
- {
296
- name: 'suffix',
297
- displayName: '后缀',
298
- value: [
299
- {
300
- name: 'show',
301
- displayName: '显示',
302
- value: false,
303
- type: 'boolean'
304
- },
305
- {
306
- name: 'content',
307
- displayName: '内容',
308
- value: [
309
- {
310
- name: "suffixText1",
311
- displayName: "后缀",
312
- type: "object",
313
- value: [
314
- {
315
- name: "suffix",
316
- displayName: "后缀",
317
- type: "group",
318
- value: [
319
- {
320
- name: "name",
321
- displayName: "系列名",
322
- value: "系列一",
323
- type: "input",
324
- config: {
325
- span: 12
326
- }
327
- },
328
- {
329
- name: "suffix",
330
- displayName: "后缀",
331
- value: "%",
332
- type: "input",
333
- config: {
334
- span: 12
335
- }
336
- }
337
- ]
338
- }
339
- ]
340
- },
341
- ],
342
- config: {
343
- template: [
344
- {
345
- name: "suffixText",
346
- displayName: "后缀",
347
- type: "object",
348
- value: [
349
- {
350
- name: "suffix",
351
- displayName: "后缀",
352
- type: "group",
353
- value: [
354
- {
355
- name: "name",
356
- displayName: "系列名",
357
- value: "",
358
- type: "input",
359
- config: {
360
- span: 12
361
- }
362
- },
363
- {
364
- name: "suffix",
365
- displayName: "后缀",
366
- value: "",
367
- type: "input",
368
- config: {
369
- span: 12
370
- }
371
- }
372
- ]
373
- }
374
- ]
375
- },
376
- ]
377
- },
378
- type: 'array'
379
- },
380
- {
381
- name: 'font',
382
- displayName: '文本样式',
383
- value: {
384
- fontFamily: suffixFontFamily,
385
- fontSize: suffixFontSize,
386
- color: suffixColor,
387
- bold: suffixBold,
388
- italic: suffixItalic,
389
- letterSpacing: suffixLetterSpacing,
390
- },
391
- type: 'textStyle',
392
- markColorType: 'textColor',
393
- },
394
- translate(x, y),
395
- ],
396
- }
397
- ],
398
- }
399
- ],
400
- },
401
- ],
402
- },
403
- {
404
- name: 'indicator',
405
- displayName: '指示器',
406
- value: [
407
- {
408
- name: 'width',
409
- displayName: '粗细',
410
- value: width,
411
- type: 'number',
412
- config: {
413
- suffix: '%',
414
- },
415
- },
416
- {
417
- name: 'color',
418
- displayName: '颜色',
419
- value: color,
420
- type: 'color',
421
- },
422
- ],
423
- },
424
- ],
425
- });
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
+ markColorType: 'textColor',
225
+ },
226
+ {
227
+ name: 'align',
228
+ displayName: '对齐方式',
229
+ value: align,
230
+ type: 'radio',
231
+ config: {
232
+ options: [
233
+ { name: '左对齐', value: 'left', icon: 'align-left' },
234
+ {
235
+ name: '居中对齐',
236
+ value: 'center',
237
+ icon: 'align-center',
238
+ },
239
+ {
240
+ name: '右对齐',
241
+ value: 'right',
242
+ icon: 'align-right',
243
+ },
244
+ ],
245
+ mode: 'icon',
246
+ },
247
+ },
248
+ translate(x, y),
249
+ ],
250
+ },
251
+ {
252
+ displayName: '数据',
253
+ name: 'data',
254
+ value: [
255
+ {
256
+ displayName: '行间距',
257
+ type: 'number',
258
+ value: lineHeight,
259
+ name: 'lineHeight',
260
+ },
261
+ {
262
+ displayName: '图标尺寸',
263
+ type: 'number',
264
+ value: iconSize,
265
+ name: 'iconSize',
266
+ },
267
+ {
268
+ name: 'name',
269
+ displayName: '系列名称',
270
+ value: {
271
+ fontFamily: nameFontFamily,
272
+ fontSize: nameFontSize,
273
+ color: nameColor,
274
+ bold: nameBold,
275
+ italic: nameItalic,
276
+ letterSpacing: nameLetterSpacing,
277
+ },
278
+ type: 'textStyle',
279
+ markColorType: 'textColor',
280
+ },
281
+ {
282
+ name: 'value',
283
+ displayName: '系列值',
284
+ value: {
285
+ fontFamily: valueFontFamily,
286
+ fontSize: valueFontSize,
287
+ color: valueFontColor,
288
+ bold: valueFontBold,
289
+ italic: valueFontItalic,
290
+ letterSpacing: valueFontLetterSpacing,
291
+ },
292
+ type: 'textStyle',
293
+ markColorType: 'textColor',
294
+ },
295
+ {
296
+ name: 'suffix',
297
+ displayName: '后缀',
298
+ value: [
299
+ {
300
+ name: 'show',
301
+ displayName: '显示',
302
+ value: false,
303
+ type: 'boolean'
304
+ },
305
+ {
306
+ name: 'content',
307
+ displayName: '内容',
308
+ value: [
309
+ {
310
+ name: "suffixText1",
311
+ displayName: "后缀",
312
+ type: "object",
313
+ value: [
314
+ {
315
+ name: "suffix",
316
+ displayName: "后缀",
317
+ type: "group",
318
+ value: [
319
+ {
320
+ name: "name",
321
+ displayName: "系列名",
322
+ value: "系列一",
323
+ type: "input",
324
+ config: {
325
+ span: 12
326
+ }
327
+ },
328
+ {
329
+ name: "suffix",
330
+ displayName: "后缀",
331
+ value: "%",
332
+ type: "input",
333
+ config: {
334
+ span: 12
335
+ }
336
+ }
337
+ ]
338
+ }
339
+ ]
340
+ },
341
+ ],
342
+ config: {
343
+ template: [
344
+ {
345
+ name: "suffixText",
346
+ displayName: "后缀",
347
+ type: "object",
348
+ value: [
349
+ {
350
+ name: "suffix",
351
+ displayName: "后缀",
352
+ type: "group",
353
+ value: [
354
+ {
355
+ name: "name",
356
+ displayName: "系列名",
357
+ value: "",
358
+ type: "input",
359
+ config: {
360
+ span: 12
361
+ }
362
+ },
363
+ {
364
+ name: "suffix",
365
+ displayName: "后缀",
366
+ value: "",
367
+ type: "input",
368
+ config: {
369
+ span: 12
370
+ }
371
+ }
372
+ ]
373
+ }
374
+ ]
375
+ },
376
+ ]
377
+ },
378
+ type: 'array'
379
+ },
380
+ {
381
+ name: 'font',
382
+ displayName: '文本样式',
383
+ value: {
384
+ fontFamily: suffixFontFamily,
385
+ fontSize: suffixFontSize,
386
+ color: suffixColor,
387
+ bold: suffixBold,
388
+ italic: suffixItalic,
389
+ letterSpacing: suffixLetterSpacing,
390
+ },
391
+ type: 'textStyle',
392
+ markColorType: 'textColor',
393
+ },
394
+ translate(x, y),
395
+ ],
396
+ }
397
+ ],
398
+ }
399
+ ],
400
+ },
401
+ ],
402
+ },
403
+ {
404
+ name: 'indicator',
405
+ displayName: '指示器',
406
+ value: [
407
+ {
408
+ name: 'width',
409
+ displayName: '粗细',
410
+ value: width,
411
+ type: 'number',
412
+ config: {
413
+ suffix: '%',
414
+ },
415
+ },
416
+ {
417
+ name: 'color',
418
+ displayName: '颜色',
419
+ value: color,
420
+ type: 'color',
421
+ },
422
+ ],
423
+ },
424
+ ],
425
+ });