@easyv/config 1.2.14 → 1.2.16
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/label.js +8 -0
- package/lib/legend.js +35 -5
- package/package.json +1 -1
- package/src/label.js +9 -0
- package/src/legend.js +21 -4
package/lib/label.js
CHANGED
|
@@ -45,6 +45,7 @@ var _default = function _default() {
|
|
|
45
45
|
_ref$font$letterSpaci = _ref$font.letterSpacing,
|
|
46
46
|
letterSpacing = _ref$font$letterSpaci === void 0 ? defaultLabel.font.letterSpacing : _ref$font$letterSpaci,
|
|
47
47
|
position = _ref.position,
|
|
48
|
+
reverse = _ref.reverse,
|
|
48
49
|
_ref$translate = _ref.translate;
|
|
49
50
|
_ref$translate = _ref$translate === void 0 ? defaultLabel.translate : _ref$translate;
|
|
50
51
|
var x = _ref$translate.x,
|
|
@@ -94,6 +95,13 @@ var _default = function _default() {
|
|
|
94
95
|
value: "chartStart"
|
|
95
96
|
}]
|
|
96
97
|
}
|
|
98
|
+
}, reverse !== undefined && {
|
|
99
|
+
rule: [["position", "$neq", "middle"], ["position", "$neq", "chartStart"]],
|
|
100
|
+
name: "reverse",
|
|
101
|
+
displayName: "负值反向",
|
|
102
|
+
type: "boolean",
|
|
103
|
+
value: reverse,
|
|
104
|
+
tip: "开启后负值的标签会与正值对称显示"
|
|
97
105
|
}, _objectSpread({
|
|
98
106
|
_rule: [["show", "$eq", true]]
|
|
99
107
|
}, (0, _.translate)(x, y)), (0, _.sc)("suffix", "后缀", "", [(0, _.sc)("content", "内容", "input", ""), (0, _.sc)("font", "字体样式", "textStyle", (0, _.font)()), (0, _.translate)()], {
|
package/lib/legend.js
CHANGED
|
@@ -358,7 +358,11 @@ var defaultLegendOfPie = {
|
|
|
358
358
|
name: {
|
|
359
359
|
show: true,
|
|
360
360
|
font: defaultFont,
|
|
361
|
-
maxWidth: 40
|
|
361
|
+
maxWidth: 40,
|
|
362
|
+
translate: {
|
|
363
|
+
x: 0,
|
|
364
|
+
y: 0
|
|
365
|
+
}
|
|
362
366
|
},
|
|
363
367
|
percent: {
|
|
364
368
|
show: true,
|
|
@@ -366,7 +370,11 @@ var defaultLegendOfPie = {
|
|
|
366
370
|
sameColor: false,
|
|
367
371
|
align: "left",
|
|
368
372
|
gap: 0,
|
|
369
|
-
font: defaultFont
|
|
373
|
+
font: defaultFont,
|
|
374
|
+
translate: {
|
|
375
|
+
x: 0,
|
|
376
|
+
y: 0
|
|
377
|
+
}
|
|
370
378
|
},
|
|
371
379
|
value: {
|
|
372
380
|
show: true,
|
|
@@ -374,6 +382,10 @@ var defaultLegendOfPie = {
|
|
|
374
382
|
align: "left",
|
|
375
383
|
gap: 0,
|
|
376
384
|
font: defaultFont,
|
|
385
|
+
translate: {
|
|
386
|
+
x: 0,
|
|
387
|
+
y: 0
|
|
388
|
+
},
|
|
377
389
|
suffix: {
|
|
378
390
|
show: true,
|
|
379
391
|
text: '',
|
|
@@ -420,6 +432,12 @@ var legendOfPie = function legendOfPie() {
|
|
|
420
432
|
_ref3$name$maxWidth = _ref3$name.maxWidth,
|
|
421
433
|
maxWidth = _ref3$name$maxWidth === void 0 ? defaultLegendOfPie.name.maxWidth : _ref3$name$maxWidth,
|
|
422
434
|
overflow = _ref3$name.overflow,
|
|
435
|
+
_ref3$name$translate = _ref3$name.translate;
|
|
436
|
+
_ref3$name$translate = _ref3$name$translate === void 0 ? defaultLegendOfPie.name.translate : _ref3$name$translate;
|
|
437
|
+
var _ref3$name$translate$ = _ref3$name$translate.x,
|
|
438
|
+
nameX = _ref3$name$translate$ === void 0 ? defaultLegendOfPie.name.translate.x : _ref3$name$translate$,
|
|
439
|
+
_ref3$name$translate$2 = _ref3$name$translate.y,
|
|
440
|
+
nameY = _ref3$name$translate$2 === void 0 ? defaultLegendOfPie.name.translate.y : _ref3$name$translate$2,
|
|
423
441
|
_ref3$percent = _ref3.percent;
|
|
424
442
|
_ref3$percent = _ref3$percent === void 0 ? defaultLegendOfPie.percent : _ref3$percent;
|
|
425
443
|
var _ref3$percent$show = _ref3$percent.show,
|
|
@@ -434,6 +452,12 @@ var legendOfPie = function legendOfPie() {
|
|
|
434
452
|
percentGap = _ref3$percent$gap === void 0 ? defaultLegendOfPie.percent.gap : _ref3$percent$gap,
|
|
435
453
|
_ref3$percent$font = _ref3$percent.font,
|
|
436
454
|
percentFont = _ref3$percent$font === void 0 ? defaultLegendOfPie.percent.font : _ref3$percent$font,
|
|
455
|
+
_ref3$percent$transla = _ref3$percent.translate;
|
|
456
|
+
_ref3$percent$transla = _ref3$percent$transla === void 0 ? defaultLegendOfPie.percent.translate : _ref3$percent$transla;
|
|
457
|
+
var _ref3$percent$transla2 = _ref3$percent$transla.x,
|
|
458
|
+
percentX = _ref3$percent$transla2 === void 0 ? defaultLegendOfPie.percent.translate.x : _ref3$percent$transla2,
|
|
459
|
+
_ref3$percent$transla3 = _ref3$percent$transla.y,
|
|
460
|
+
percentY = _ref3$percent$transla3 === void 0 ? defaultLegendOfPie.percent.translate.y : _ref3$percent$transla3,
|
|
437
461
|
_ref3$value = _ref3.value;
|
|
438
462
|
_ref3$value = _ref3$value === void 0 ? defaultLegendOfPie.value : _ref3$value;
|
|
439
463
|
var _ref3$value$show = _ref3$value.show,
|
|
@@ -446,6 +470,12 @@ var legendOfPie = function legendOfPie() {
|
|
|
446
470
|
valueGap = _ref3$value$gap === void 0 ? defaultLegendOfPie.value.gap : _ref3$value$gap,
|
|
447
471
|
_ref3$value$font = _ref3$value.font,
|
|
448
472
|
valueFont = _ref3$value$font === void 0 ? defaultLegendOfPie.value.font : _ref3$value$font,
|
|
473
|
+
_ref3$value$translate = _ref3$value.translate;
|
|
474
|
+
_ref3$value$translate = _ref3$value$translate === void 0 ? defaultLegendOfPie.value.translate : _ref3$value$translate;
|
|
475
|
+
var _ref3$value$translate2 = _ref3$value$translate.x,
|
|
476
|
+
valueX = _ref3$value$translate2 === void 0 ? defaultLegendOfPie.value.translate.x : _ref3$value$translate2,
|
|
477
|
+
_ref3$value$translate3 = _ref3$value$translate.y,
|
|
478
|
+
valueY = _ref3$value$translate3 === void 0 ? defaultLegendOfPie.value.translate.y : _ref3$value$translate3,
|
|
449
479
|
_ref3$value$suffix = _ref3$value.suffix;
|
|
450
480
|
_ref3$value$suffix = _ref3$value$suffix === void 0 ? defaultLegendOfPie.value.suffix : _ref3$value$suffix;
|
|
451
481
|
var _ref3$value$suffix$sh = _ref3$value$suffix.show,
|
|
@@ -536,7 +566,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
536
566
|
markColorType: 'textColor'
|
|
537
567
|
}, (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
|
|
538
568
|
suffix: "px"
|
|
539
|
-
}, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)))
|
|
569
|
+
}, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)), [(0, _index.translate)(nameX, nameY)])
|
|
540
570
|
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
541
571
|
name: 'percent',
|
|
542
572
|
displayName: '占比值',
|
|
@@ -588,7 +618,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
588
618
|
value: percentFont,
|
|
589
619
|
type: 'textStyle',
|
|
590
620
|
markColorType: 'textColor'
|
|
591
|
-
})]
|
|
621
|
+
}), (0, _index.translate)(percentX, percentY)]
|
|
592
622
|
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
593
623
|
name: 'value',
|
|
594
624
|
displayName: '真实值',
|
|
@@ -657,7 +687,7 @@ var legendOfPie = function legendOfPie() {
|
|
|
657
687
|
value: valueFont,
|
|
658
688
|
type: 'textStyle',
|
|
659
689
|
markColorType: 'textColor'
|
|
660
|
-
})]
|
|
690
|
+
}), (0, _index.translate)(valueX, valueY)]
|
|
661
691
|
}), _objectSpread(_objectSpread({}, showRule()), {}, {
|
|
662
692
|
name: 'layout',
|
|
663
693
|
displayName: '布局',
|
package/package.json
CHANGED
package/src/label.js
CHANGED
|
@@ -28,6 +28,7 @@ export default ({
|
|
|
28
28
|
letterSpacing = defaultLabel.font.letterSpacing,
|
|
29
29
|
} = defaultLabel.font,
|
|
30
30
|
position,
|
|
31
|
+
reverse,
|
|
31
32
|
translate: { x, y } = defaultLabel.translate,
|
|
32
33
|
} = defaultLabel) => ({
|
|
33
34
|
name: "label",
|
|
@@ -69,6 +70,14 @@ export default ({
|
|
|
69
70
|
],
|
|
70
71
|
},
|
|
71
72
|
},
|
|
73
|
+
reverse !== undefined && {
|
|
74
|
+
rule:[["position","$neq","middle"],["position","$neq","chartStart"]],
|
|
75
|
+
name:"reverse",
|
|
76
|
+
displayName:"负值反向",
|
|
77
|
+
type:"boolean",
|
|
78
|
+
value:reverse,
|
|
79
|
+
tip:"开启后负值的标签会与正值对称显示"
|
|
80
|
+
},
|
|
72
81
|
{
|
|
73
82
|
_rule: [["show", "$eq", true]],
|
|
74
83
|
...translate(x, y),
|
package/src/legend.js
CHANGED
|
@@ -4,7 +4,7 @@ const {
|
|
|
4
4
|
show: showConfig,
|
|
5
5
|
showRule
|
|
6
6
|
} = require('.');
|
|
7
|
-
import { textOverflow, sc } from './index';
|
|
7
|
+
import { textOverflow, sc, translate } from './index';
|
|
8
8
|
|
|
9
9
|
const defaultFont = font({
|
|
10
10
|
fontFamily: 'Mircosoft Yahei',
|
|
@@ -374,7 +374,7 @@ const defaultLegendOfPie = {
|
|
|
374
374
|
height: 10,
|
|
375
375
|
},
|
|
376
376
|
iconGap: 5,
|
|
377
|
-
name: { show: true, font: defaultFont, maxWidth:40 },
|
|
377
|
+
name: { show: true, font: defaultFont, maxWidth:40, translate:{ x:0, y:0 } },
|
|
378
378
|
percent: {
|
|
379
379
|
show: true,
|
|
380
380
|
precision: 0,
|
|
@@ -382,6 +382,7 @@ const defaultLegendOfPie = {
|
|
|
382
382
|
align:"left",
|
|
383
383
|
gap: 0,
|
|
384
384
|
font: defaultFont,
|
|
385
|
+
translate:{ x:0, y:0 }
|
|
385
386
|
},
|
|
386
387
|
value: {
|
|
387
388
|
show: true,
|
|
@@ -389,6 +390,7 @@ const defaultLegendOfPie = {
|
|
|
389
390
|
align:"left",
|
|
390
391
|
gap: 0,
|
|
391
392
|
font: defaultFont,
|
|
393
|
+
translate:{ x:0, y:0 },
|
|
392
394
|
suffix: {
|
|
393
395
|
show: true,
|
|
394
396
|
text: '',
|
|
@@ -415,7 +417,11 @@ export const legendOfPie = ({
|
|
|
415
417
|
show: showName = defaultLegendOfPie.name.show,
|
|
416
418
|
font: nameFont = defaultLegendOfPie.name.font,
|
|
417
419
|
maxWidth = defaultLegendOfPie.name.maxWidth,
|
|
418
|
-
overflow
|
|
420
|
+
overflow,
|
|
421
|
+
translate:{
|
|
422
|
+
x:nameX = defaultLegendOfPie.name.translate.x,
|
|
423
|
+
y:nameY = defaultLegendOfPie.name.translate.y
|
|
424
|
+
} = defaultLegendOfPie.name.translate
|
|
419
425
|
} = defaultLegendOfPie.name,
|
|
420
426
|
percent: {
|
|
421
427
|
show: showPercent = defaultLegendOfPie.percent.show,
|
|
@@ -424,6 +430,10 @@ export const legendOfPie = ({
|
|
|
424
430
|
align: percentAlign = defaultLegendOfPie.percent.align,
|
|
425
431
|
gap: percentGap = defaultLegendOfPie.percent.gap,
|
|
426
432
|
font: percentFont = defaultLegendOfPie.percent.font,
|
|
433
|
+
translate:{
|
|
434
|
+
x:percentX = defaultLegendOfPie.percent.translate.x,
|
|
435
|
+
y:percentY = defaultLegendOfPie.percent.translate.y
|
|
436
|
+
} = defaultLegendOfPie.percent.translate
|
|
427
437
|
} = defaultLegendOfPie.percent,
|
|
428
438
|
value: {
|
|
429
439
|
show: showValue = defaultLegendOfPie.value.show,
|
|
@@ -431,6 +441,10 @@ export const legendOfPie = ({
|
|
|
431
441
|
align: valueAlign = defaultLegendOfPie.value.align,
|
|
432
442
|
gap: valueGap = defaultLegendOfPie.value.gap,
|
|
433
443
|
font: valueFont = defaultLegendOfPie.value.font,
|
|
444
|
+
translate:{
|
|
445
|
+
x:valueX = defaultLegendOfPie.value.translate.x,
|
|
446
|
+
y:valueY = defaultLegendOfPie.value.translate.y
|
|
447
|
+
} = defaultLegendOfPie.value.translate,
|
|
434
448
|
suffix: {
|
|
435
449
|
show: showSuffix = defaultLegendOfPie.value.suffix.show,
|
|
436
450
|
text = defaultLegendOfPie.value.suffix.text,
|
|
@@ -520,7 +534,8 @@ export const legendOfPie = ({
|
|
|
520
534
|
markColorType: 'textColor',
|
|
521
535
|
},
|
|
522
536
|
sc("maxWidth","宽度","number",maxWidth,{suffix:"px"},showRule()),
|
|
523
|
-
...textOverflow(overflow)
|
|
537
|
+
...textOverflow(overflow),
|
|
538
|
+
translate(nameX, nameY)
|
|
524
539
|
],
|
|
525
540
|
},
|
|
526
541
|
{
|
|
@@ -579,6 +594,7 @@ export const legendOfPie = ({
|
|
|
579
594
|
type: 'textStyle',
|
|
580
595
|
markColorType: 'textColor',
|
|
581
596
|
},
|
|
597
|
+
translate(percentX, percentY)
|
|
582
598
|
],
|
|
583
599
|
},
|
|
584
600
|
{
|
|
@@ -664,6 +680,7 @@ export const legendOfPie = ({
|
|
|
664
680
|
type: 'textStyle',
|
|
665
681
|
markColorType: 'textColor',
|
|
666
682
|
},
|
|
683
|
+
translate(valueX, valueY)
|
|
667
684
|
],
|
|
668
685
|
},
|
|
669
686
|
{
|