@easyv/config 1.0.37 → 1.0.38
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/animation.js +15 -35
- package/lib/axes.js +7 -4
- package/lib/index.js +21 -1
- package/lib/label.js +5 -5
- package/lib/legend.js +23 -38
- package/lib/mutiColor.js +52 -0
- package/lib/pie.js +212 -102
- package/lib/show.js +13 -2
- package/package.json +1 -1
- package/src/animation.js +18 -28
- package/src/axes.js +3 -3
- package/src/index.js +6 -2
- package/src/label.js +3 -4
- package/src/legend.js +19 -16
- package/src/mutiColor.js +31 -0
- package/src/pie.js +112 -10
- package/src/show.js +6 -0
package/lib/animation.js
CHANGED
|
@@ -148,28 +148,12 @@ var defaultAnimationOfCarousel = {
|
|
|
148
148
|
show: true,
|
|
149
149
|
current: {
|
|
150
150
|
width: 0.1,
|
|
151
|
-
color:
|
|
152
|
-
|
|
153
|
-
pure: '#fff',
|
|
154
|
-
linear: {
|
|
155
|
-
stops: [{
|
|
156
|
-
offset: 0,
|
|
157
|
-
color: '#fff'
|
|
158
|
-
}, {
|
|
159
|
-
offset: 50,
|
|
160
|
-
color: '#ff0'
|
|
161
|
-
}, {
|
|
162
|
-
offset: 100,
|
|
163
|
-
color: '#f0f'
|
|
164
|
-
}],
|
|
165
|
-
angle: 30,
|
|
166
|
-
opacity: 1
|
|
167
|
-
}
|
|
168
|
-
}
|
|
151
|
+
color: (0, _.mutiColor)(),
|
|
152
|
+
gap: 15
|
|
169
153
|
},
|
|
170
154
|
interval: 3,
|
|
171
155
|
rotate: 30,
|
|
172
|
-
interactive:
|
|
156
|
+
interactive: true
|
|
173
157
|
};
|
|
174
158
|
|
|
175
159
|
var animationOfCarousel = function animationOfCarousel() {
|
|
@@ -183,6 +167,8 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
183
167
|
width = _ref3$current$width === void 0 ? defaultAnimationOfCarousel.current.width : _ref3$current$width,
|
|
184
168
|
_ref3$current$color = _ref3$current.color,
|
|
185
169
|
color = _ref3$current$color === void 0 ? defaultAnimationOfCarousel.current.color : _ref3$current$color,
|
|
170
|
+
_ref3$current$gap = _ref3$current.gap,
|
|
171
|
+
gap = _ref3$current$gap === void 0 ? defaultAnimationOfCarousel.current.gap : _ref3$current$gap,
|
|
186
172
|
_ref3$interval = _ref3.interval,
|
|
187
173
|
interval = _ref3$interval === void 0 ? defaultAnimationOfCarousel.interval : _ref3$interval,
|
|
188
174
|
_ref3$rotate = _ref3.rotate,
|
|
@@ -211,6 +197,14 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
211
197
|
displayName: '颜色',
|
|
212
198
|
value: color,
|
|
213
199
|
type: 'multicolor'
|
|
200
|
+
}, {
|
|
201
|
+
name: 'gap',
|
|
202
|
+
displayName: '类目文本间距',
|
|
203
|
+
value: gap,
|
|
204
|
+
type: 'number',
|
|
205
|
+
config: {
|
|
206
|
+
suffix: "px"
|
|
207
|
+
}
|
|
214
208
|
}],
|
|
215
209
|
config: {
|
|
216
210
|
defaultOpen: true
|
|
@@ -236,24 +230,10 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
236
230
|
suffix: '°'
|
|
237
231
|
}
|
|
238
232
|
}, {
|
|
239
|
-
tip: '选择点击或悬浮,鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息',
|
|
240
|
-
rule: [['on', '$eq', true]],
|
|
241
233
|
name: 'interactive',
|
|
242
|
-
displayName: '
|
|
234
|
+
displayName: '点击交互',
|
|
243
235
|
value: interactive,
|
|
244
|
-
type:
|
|
245
|
-
config: {
|
|
246
|
-
options: [{
|
|
247
|
-
name: '无',
|
|
248
|
-
value: ''
|
|
249
|
-
}, {
|
|
250
|
-
name: '点击',
|
|
251
|
-
value: 'click'
|
|
252
|
-
}, {
|
|
253
|
-
name: '悬停',
|
|
254
|
-
value: 'hover'
|
|
255
|
-
}]
|
|
256
|
-
}
|
|
236
|
+
type: "boolean"
|
|
257
237
|
}]
|
|
258
238
|
};
|
|
259
239
|
};
|
package/lib/axes.js
CHANGED
|
@@ -59,9 +59,10 @@ var defaultCategoryAxis = {
|
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
var categoryAxis = function categoryAxis(
|
|
63
|
-
var _ref
|
|
64
|
-
|
|
62
|
+
var categoryAxis = function categoryAxis() {
|
|
63
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultCategoryAxis,
|
|
64
|
+
_ref$on = _ref.on,
|
|
65
|
+
on = _ref$on === void 0 ? defaultCategoryAxis.on : _ref$on,
|
|
65
66
|
_ref$label = _ref.label,
|
|
66
67
|
label = _ref$label === void 0 ? defaultCategoryAxis.label : _ref$label,
|
|
67
68
|
_ref$axisLine = _ref.axisLine,
|
|
@@ -70,6 +71,7 @@ var categoryAxis = function categoryAxis(_ref) {
|
|
|
70
71
|
tickLine_ = _ref$tickLine === void 0 ? defaultCategoryAxis.tickLine : _ref$tickLine,
|
|
71
72
|
_ref$gridLine = _ref.gridLine,
|
|
72
73
|
gridLine_ = _ref$gridLine === void 0 ? defaultCategoryAxis.gridLine : _ref$gridLine;
|
|
74
|
+
|
|
73
75
|
return [{
|
|
74
76
|
name: 'on',
|
|
75
77
|
displayName: '启用',
|
|
@@ -137,7 +139,8 @@ var defaultValueAxis = {
|
|
|
137
139
|
|
|
138
140
|
var valueAxis = function valueAxis() {
|
|
139
141
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultValueAxis,
|
|
140
|
-
on = _ref2.on,
|
|
142
|
+
_ref2$on = _ref2.on,
|
|
143
|
+
on = _ref2$on === void 0 ? defaultValueAxis.on : _ref2$on,
|
|
141
144
|
_ref2$label = _ref2.label,
|
|
142
145
|
label = _ref2$label === void 0 ? defaultValueAxis.label : _ref2$label,
|
|
143
146
|
_ref2$unit = _ref2.unit,
|
package/lib/index.js
CHANGED
|
@@ -13,6 +13,12 @@ Object.defineProperty(exports, "show", {
|
|
|
13
13
|
return _show["default"];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
+
Object.defineProperty(exports, "showRule", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _show.showRule;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
16
22
|
Object.defineProperty(exports, "font", {
|
|
17
23
|
enumerable: true,
|
|
18
24
|
get: function get() {
|
|
@@ -61,6 +67,12 @@ Object.defineProperty(exports, "margin", {
|
|
|
61
67
|
return _margin["default"];
|
|
62
68
|
}
|
|
63
69
|
});
|
|
70
|
+
Object.defineProperty(exports, "mutiColor", {
|
|
71
|
+
enumerable: true,
|
|
72
|
+
get: function get() {
|
|
73
|
+
return _mutiColor["default"];
|
|
74
|
+
}
|
|
75
|
+
});
|
|
64
76
|
Object.defineProperty(exports, "animation", {
|
|
65
77
|
enumerable: true,
|
|
66
78
|
get: function get() {
|
|
@@ -187,6 +199,12 @@ Object.defineProperty(exports, "rosePie", {
|
|
|
187
199
|
return _pie.rosePie;
|
|
188
200
|
}
|
|
189
201
|
});
|
|
202
|
+
Object.defineProperty(exports, "rosePieDecorate", {
|
|
203
|
+
enumerable: true,
|
|
204
|
+
get: function get() {
|
|
205
|
+
return _pie.rosePieDecorate;
|
|
206
|
+
}
|
|
207
|
+
});
|
|
190
208
|
Object.defineProperty(exports, "donut", {
|
|
191
209
|
enumerable: true,
|
|
192
210
|
get: function get() {
|
|
@@ -218,7 +236,7 @@ Object.defineProperty(exports, "interaction", {
|
|
|
218
236
|
}
|
|
219
237
|
});
|
|
220
238
|
|
|
221
|
-
var _show =
|
|
239
|
+
var _show = _interopRequireWildcard(require("./show"));
|
|
222
240
|
|
|
223
241
|
var _font = _interopRequireDefault(require("./font"));
|
|
224
242
|
|
|
@@ -236,6 +254,8 @@ var _unit = _interopRequireDefault(require("./unit"));
|
|
|
236
254
|
|
|
237
255
|
var _margin = _interopRequireDefault(require("./margin"));
|
|
238
256
|
|
|
257
|
+
var _mutiColor = _interopRequireDefault(require("./mutiColor"));
|
|
258
|
+
|
|
239
259
|
var _animation = _interopRequireWildcard(require("./animation"));
|
|
240
260
|
|
|
241
261
|
var _dimension = _interopRequireDefault(require("./dimension"));
|
package/lib/label.js
CHANGED
|
@@ -150,8 +150,7 @@ var labelOfPie = function labelOfPie() {
|
|
|
150
150
|
distance = _ref2$distance === void 0 ? defaultLabelOfPie.distance : _ref2$distance,
|
|
151
151
|
_ref2$lineLength = _ref2.lineLength,
|
|
152
152
|
lineLength = _ref2$lineLength === void 0 ? defaultLabelOfPie.lineLength : _ref2$lineLength,
|
|
153
|
-
|
|
154
|
-
lineColor = _ref2$lineColor === void 0 ? "" : _ref2$lineColor,
|
|
153
|
+
lineColor = _ref2.lineColor,
|
|
155
154
|
_ref2$mode = _ref2.mode,
|
|
156
155
|
mode = _ref2$mode === void 0 ? defaultLabelOfPie.mode : _ref2$mode,
|
|
157
156
|
_ref2$translate = _ref2.translate;
|
|
@@ -221,8 +220,7 @@ var labelOfPie = function labelOfPie() {
|
|
|
221
220
|
min: 0,
|
|
222
221
|
step: 1
|
|
223
222
|
}
|
|
224
|
-
}, {
|
|
225
|
-
rule: [['show', '$eq', lineColor ? true : "123456789"]],
|
|
223
|
+
}, lineColor !== undefined && {
|
|
226
224
|
name: "lineColor",
|
|
227
225
|
displayName: "线颜色",
|
|
228
226
|
value: lineColor,
|
|
@@ -327,7 +325,9 @@ var labelOfPie = function labelOfPie() {
|
|
|
327
325
|
value: valueFont,
|
|
328
326
|
type: 'textStyle'
|
|
329
327
|
}]
|
|
330
|
-
}]
|
|
328
|
+
}].filter(function (item) {
|
|
329
|
+
return !!item;
|
|
330
|
+
})
|
|
331
331
|
};
|
|
332
332
|
};
|
|
333
333
|
|
package/lib/legend.js
CHANGED
|
@@ -16,7 +16,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
16
16
|
var _require = require('.'),
|
|
17
17
|
translateConfig = _require.translate,
|
|
18
18
|
font = _require.font,
|
|
19
|
-
showConfig = _require.show
|
|
19
|
+
showConfig = _require.show,
|
|
20
|
+
showRule = _require.showRule;
|
|
20
21
|
|
|
21
22
|
var defaultFont = font({
|
|
22
23
|
fontFamily: 'Mircosoft Yahei',
|
|
@@ -327,7 +328,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
327
328
|
return {
|
|
328
329
|
name: 'legend',
|
|
329
330
|
displayName: '图例',
|
|
330
|
-
value: [showConfig(show), {
|
|
331
|
+
value: [showConfig(show), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
331
332
|
name: 'order',
|
|
332
333
|
displayName: '顺序',
|
|
333
334
|
value: order,
|
|
@@ -344,7 +345,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
344
345
|
value: 'asc'
|
|
345
346
|
}]
|
|
346
347
|
}
|
|
347
|
-
}, {
|
|
348
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
348
349
|
name: 'iconSize',
|
|
349
350
|
displayName: '图标尺寸',
|
|
350
351
|
value: [{
|
|
@@ -363,15 +364,14 @@ var legendOfPie = function legendOfPie() {
|
|
|
363
364
|
}
|
|
364
365
|
}],
|
|
365
366
|
type: 'group'
|
|
366
|
-
}, {
|
|
367
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
367
368
|
name: 'iconGap',
|
|
368
369
|
displayName: '间距',
|
|
369
370
|
value: iconGap,
|
|
370
371
|
config: {
|
|
371
372
|
suffix: 'px'
|
|
372
373
|
}
|
|
373
|
-
}, {
|
|
374
|
-
rule: [['show', '$eq', true]],
|
|
374
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
375
375
|
name: 'name',
|
|
376
376
|
displayName: '类目',
|
|
377
377
|
value: [showConfig(showName), {
|
|
@@ -381,12 +381,10 @@ var legendOfPie = function legendOfPie() {
|
|
|
381
381
|
value: nameFont,
|
|
382
382
|
type: 'textStyle'
|
|
383
383
|
}]
|
|
384
|
-
}, {
|
|
385
|
-
rule: [['show', '$eq', true]],
|
|
384
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
386
385
|
name: 'percent',
|
|
387
386
|
displayName: '占比值',
|
|
388
|
-
value: [showConfig(showPercent), {
|
|
389
|
-
rule: [['show', '$eq', true]],
|
|
387
|
+
value: [showConfig(showPercent), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
390
388
|
name: 'precision',
|
|
391
389
|
displayName: '小数位数',
|
|
392
390
|
value: precision,
|
|
@@ -394,8 +392,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
394
392
|
config: {
|
|
395
393
|
min: 0
|
|
396
394
|
}
|
|
397
|
-
}, {
|
|
398
|
-
rule: [['show', '$eq', true]],
|
|
395
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
399
396
|
name: 'gap',
|
|
400
397
|
displayName: '间距',
|
|
401
398
|
value: percentGap,
|
|
@@ -403,25 +400,21 @@ var legendOfPie = function legendOfPie() {
|
|
|
403
400
|
config: {
|
|
404
401
|
suffix: 'px'
|
|
405
402
|
}
|
|
406
|
-
}, {
|
|
407
|
-
rule: [['show', '$eq', true]],
|
|
403
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
408
404
|
name: 'sameColor',
|
|
409
405
|
displayName: '颜色跟随',
|
|
410
406
|
value: percentSameColor,
|
|
411
407
|
type: 'boolean'
|
|
412
|
-
}, {
|
|
413
|
-
rule: [['show', '$eq', true]],
|
|
408
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
414
409
|
name: 'font',
|
|
415
410
|
displayName: '文本样式',
|
|
416
411
|
value: percentFont,
|
|
417
412
|
type: 'textStyle'
|
|
418
|
-
}]
|
|
419
|
-
}, {
|
|
420
|
-
rule: [['show', '$eq', true]],
|
|
413
|
+
})]
|
|
414
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
421
415
|
name: 'value',
|
|
422
416
|
displayName: '真实值',
|
|
423
|
-
value: [showConfig(showValue), {
|
|
424
|
-
rule: [['show', '$eq', true]],
|
|
417
|
+
value: [showConfig(showValue), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
425
418
|
name: 'suffix',
|
|
426
419
|
displayName: '后缀',
|
|
427
420
|
value: [{
|
|
@@ -429,14 +422,12 @@ var legendOfPie = function legendOfPie() {
|
|
|
429
422
|
displayName: '显示',
|
|
430
423
|
value: showSuffix,
|
|
431
424
|
type: 'boolean'
|
|
432
|
-
}, {
|
|
433
|
-
rule: [['show', '$eq', true]],
|
|
425
|
+
}, _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
434
426
|
name: 'text',
|
|
435
427
|
displayName: '内容',
|
|
436
428
|
value: text,
|
|
437
429
|
type: 'input'
|
|
438
|
-
}, {
|
|
439
|
-
rule: [['show', '$eq', true]],
|
|
430
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
440
431
|
name: 'fontSize',
|
|
441
432
|
displayName: '字号',
|
|
442
433
|
value: fontSize,
|
|
@@ -444,14 +435,11 @@ var legendOfPie = function legendOfPie() {
|
|
|
444
435
|
config: {
|
|
445
436
|
suffix: 'px'
|
|
446
437
|
}
|
|
447
|
-
}, _objectSpread({
|
|
448
|
-
rule: [['show', '$eq', true]]
|
|
449
|
-
}, translateConfig(suffixTranslateX, suffixTranslateY))],
|
|
438
|
+
}), _objectSpread(_objectSpread({}, showRule()), translateConfig(suffixTranslateX, suffixTranslateY))],
|
|
450
439
|
config: {
|
|
451
440
|
defaultOpen: true
|
|
452
441
|
}
|
|
453
|
-
}, {
|
|
454
|
-
rule: [['show', '$eq', true]],
|
|
442
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
455
443
|
name: 'gap',
|
|
456
444
|
displayName: '间距',
|
|
457
445
|
value: valueGap,
|
|
@@ -459,21 +447,18 @@ var legendOfPie = function legendOfPie() {
|
|
|
459
447
|
config: {
|
|
460
448
|
suffix: 'px'
|
|
461
449
|
}
|
|
462
|
-
}, {
|
|
463
|
-
rule: [['show', '$eq', true]],
|
|
450
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
464
451
|
name: 'sameColor',
|
|
465
452
|
displayName: '颜色跟随',
|
|
466
453
|
value: valueSameColor,
|
|
467
454
|
type: 'boolean'
|
|
468
|
-
}, {
|
|
469
|
-
rule: [['show', '$eq', true]],
|
|
455
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
470
456
|
name: 'font',
|
|
471
457
|
displayName: '文本样式',
|
|
472
458
|
value: valueFont,
|
|
473
459
|
type: 'textStyle'
|
|
474
|
-
}]
|
|
475
|
-
}, {
|
|
476
|
-
rule: [['show', '$eq', true]],
|
|
460
|
+
})]
|
|
461
|
+
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
477
462
|
name: 'layout',
|
|
478
463
|
displayName: '布局',
|
|
479
464
|
value: [{
|
|
@@ -513,7 +498,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
513
498
|
options: ['left top', 'center top', 'right top', 'center left', '', 'center right', 'left bottom', 'center bottom', 'right bottom']
|
|
514
499
|
}
|
|
515
500
|
}, translateConfig(x, y)]
|
|
516
|
-
}],
|
|
501
|
+
})],
|
|
517
502
|
config: {
|
|
518
503
|
defaultOpen: true
|
|
519
504
|
}
|
package/lib/mutiColor.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var defaultMutiColor = {
|
|
8
|
+
type: 'linear',
|
|
9
|
+
pure: '#fff',
|
|
10
|
+
linear: {
|
|
11
|
+
stops: [{
|
|
12
|
+
offset: 0,
|
|
13
|
+
color: '#fff'
|
|
14
|
+
}, {
|
|
15
|
+
offset: 50,
|
|
16
|
+
color: '#ff0'
|
|
17
|
+
}, {
|
|
18
|
+
offset: 100,
|
|
19
|
+
color: '#f0f'
|
|
20
|
+
}],
|
|
21
|
+
angle: 30,
|
|
22
|
+
opacity: 1
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var _default = function _default() {
|
|
27
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultMutiColor,
|
|
28
|
+
_ref$type = _ref.type,
|
|
29
|
+
type = _ref$type === void 0 ? defaultMutiColor.type : _ref$type,
|
|
30
|
+
_ref$pure = _ref.pure,
|
|
31
|
+
pure = _ref$pure === void 0 ? defaultMutiColor.pure : _ref$pure,
|
|
32
|
+
_ref$linear = _ref.linear;
|
|
33
|
+
|
|
34
|
+
_ref$linear = _ref$linear === void 0 ? defaultMutiColor.linear : _ref$linear;
|
|
35
|
+
var _ref$linear$stops = _ref$linear.stops,
|
|
36
|
+
stops = _ref$linear$stops === void 0 ? defaultMutiColor.linear.stops : _ref$linear$stops,
|
|
37
|
+
_ref$linear$angle = _ref$linear.angle,
|
|
38
|
+
angle = _ref$linear$angle === void 0 ? defaultMutiColor.linear.angle : _ref$linear$angle,
|
|
39
|
+
_ref$linear$opacity = _ref$linear.opacity,
|
|
40
|
+
opacity = _ref$linear$opacity === void 0 ? defaultMutiColor.linear.opacity : _ref$linear$opacity;
|
|
41
|
+
return {
|
|
42
|
+
type: type,
|
|
43
|
+
pure: pure,
|
|
44
|
+
linear: {
|
|
45
|
+
stops: stops,
|
|
46
|
+
angle: angle,
|
|
47
|
+
opacity: opacity
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
exports["default"] = _default;
|