@easyv/config 1.1.33 → 1.1.35
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 +16 -16
- package/lib/baseLine.js +44 -44
- package/lib/brush.js +12 -12
- package/lib/imageGroup.js +12 -12
- package/lib/label.js +115 -108
- package/lib/legend.js +192 -192
- package/lib/multiColor.js +8 -8
- package/lib/pie.js +170 -170
- package/lib/pieTooltip.js +78 -79
- package/lib/series.js +109 -109
- package/lib/tooltip.js +84 -84
- package/lib/unit.js +20 -20
- package/package.json +1 -1
- package/pnpm-lock.yaml +5974 -0
- package/src/control.js +67 -67
- package/src/extent.js +36 -36
- package/src/index.js +105 -105
- package/src/label.js +7 -0
- package/src/pieTooltip.js +331 -333
package/src/control.js
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
export const control = () => {
|
|
2
|
-
return {
|
|
3
|
-
name: "control",
|
|
4
|
-
displayName: "控制条",
|
|
5
|
-
value: [
|
|
6
|
-
{
|
|
7
|
-
name: "height",
|
|
8
|
-
displayName: "高度",
|
|
9
|
-
value: 20,
|
|
10
|
-
type: "number",
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
name: "color",
|
|
14
|
-
displayName: "背景颜色",
|
|
15
|
-
value: "rgba(20, 95, 255, 0.1)",
|
|
16
|
-
type: "color",
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
type: "group",
|
|
20
|
-
name: "margin",
|
|
21
|
-
displayName: "边距",
|
|
22
|
-
value: [
|
|
23
|
-
{
|
|
24
|
-
name: "left",
|
|
25
|
-
displayName: "左边距",
|
|
26
|
-
value: 40,
|
|
27
|
-
type: "number",
|
|
28
|
-
config: {
|
|
29
|
-
span: 12,
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
name: "right",
|
|
34
|
-
displayName: "右边距",
|
|
35
|
-
value: 40,
|
|
36
|
-
type: "number",
|
|
37
|
-
config: {
|
|
38
|
-
span: 12,
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
],
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
name: "drag",
|
|
45
|
-
displayName: "详情区域",
|
|
46
|
-
value: [
|
|
47
|
-
{
|
|
48
|
-
name: "width",
|
|
49
|
-
displayName: "宽度",
|
|
50
|
-
value: 30,
|
|
51
|
-
type: "number",
|
|
52
|
-
config: {
|
|
53
|
-
suffix: "%",
|
|
54
|
-
min: 1,
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
name: "color",
|
|
59
|
-
displayName: "颜色",
|
|
60
|
-
value: "RGBA(255, 255, 255, .3)",
|
|
61
|
-
type: "color",
|
|
62
|
-
},
|
|
63
|
-
],
|
|
64
|
-
},
|
|
65
|
-
],
|
|
66
|
-
};
|
|
67
|
-
};
|
|
1
|
+
export const control = () => {
|
|
2
|
+
return {
|
|
3
|
+
name: "control",
|
|
4
|
+
displayName: "控制条",
|
|
5
|
+
value: [
|
|
6
|
+
{
|
|
7
|
+
name: "height",
|
|
8
|
+
displayName: "高度",
|
|
9
|
+
value: 20,
|
|
10
|
+
type: "number",
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
name: "color",
|
|
14
|
+
displayName: "背景颜色",
|
|
15
|
+
value: "rgba(20, 95, 255, 0.1)",
|
|
16
|
+
type: "color",
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
type: "group",
|
|
20
|
+
name: "margin",
|
|
21
|
+
displayName: "边距",
|
|
22
|
+
value: [
|
|
23
|
+
{
|
|
24
|
+
name: "left",
|
|
25
|
+
displayName: "左边距",
|
|
26
|
+
value: 40,
|
|
27
|
+
type: "number",
|
|
28
|
+
config: {
|
|
29
|
+
span: 12,
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
name: "right",
|
|
34
|
+
displayName: "右边距",
|
|
35
|
+
value: 40,
|
|
36
|
+
type: "number",
|
|
37
|
+
config: {
|
|
38
|
+
span: 12,
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
name: "drag",
|
|
45
|
+
displayName: "详情区域",
|
|
46
|
+
value: [
|
|
47
|
+
{
|
|
48
|
+
name: "width",
|
|
49
|
+
displayName: "宽度",
|
|
50
|
+
value: 30,
|
|
51
|
+
type: "number",
|
|
52
|
+
config: {
|
|
53
|
+
suffix: "%",
|
|
54
|
+
min: 1,
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
name: "color",
|
|
59
|
+
displayName: "颜色",
|
|
60
|
+
value: "RGBA(255, 255, 255, .3)",
|
|
61
|
+
type: "color",
|
|
62
|
+
},
|
|
63
|
+
],
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
};
|
|
67
|
+
};
|
package/src/extent.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
const extent = {
|
|
2
|
-
min: "0",
|
|
3
|
-
max: "",
|
|
4
|
-
customDisplayName: "数值范围",
|
|
5
|
-
customName: "extent",
|
|
6
|
-
};
|
|
7
|
-
export default ({
|
|
8
|
-
min = extent.min,
|
|
9
|
-
max = extent.max,
|
|
10
|
-
customDisplayName = extent.customDisplayName,
|
|
11
|
-
customName = extent.customName,
|
|
12
|
-
} = extent) => ({
|
|
13
|
-
name: customName,
|
|
14
|
-
displayName: customDisplayName,
|
|
15
|
-
value: [
|
|
16
|
-
{
|
|
17
|
-
name: "min",
|
|
18
|
-
displayName: "最小值",
|
|
19
|
-
value: min,
|
|
20
|
-
type: "input",
|
|
21
|
-
config: {
|
|
22
|
-
span: 12,
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
name: "max",
|
|
27
|
-
displayName: "最大值",
|
|
28
|
-
value: max,
|
|
29
|
-
type: "input",
|
|
30
|
-
config: {
|
|
31
|
-
span: 12,
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
],
|
|
35
|
-
type: "group",
|
|
36
|
-
});
|
|
1
|
+
const extent = {
|
|
2
|
+
min: "0",
|
|
3
|
+
max: "",
|
|
4
|
+
customDisplayName: "数值范围",
|
|
5
|
+
customName: "extent",
|
|
6
|
+
};
|
|
7
|
+
export default ({
|
|
8
|
+
min = extent.min,
|
|
9
|
+
max = extent.max,
|
|
10
|
+
customDisplayName = extent.customDisplayName,
|
|
11
|
+
customName = extent.customName,
|
|
12
|
+
} = extent) => ({
|
|
13
|
+
name: customName,
|
|
14
|
+
displayName: customDisplayName,
|
|
15
|
+
value: [
|
|
16
|
+
{
|
|
17
|
+
name: "min",
|
|
18
|
+
displayName: "最小值",
|
|
19
|
+
value: min,
|
|
20
|
+
type: "input",
|
|
21
|
+
config: {
|
|
22
|
+
span: 12,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
name: "max",
|
|
27
|
+
displayName: "最大值",
|
|
28
|
+
value: max,
|
|
29
|
+
type: "input",
|
|
30
|
+
config: {
|
|
31
|
+
span: 12,
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
],
|
|
35
|
+
type: "group",
|
|
36
|
+
});
|
package/src/index.js
CHANGED
|
@@ -1,105 +1,105 @@
|
|
|
1
|
-
import show, { showRule } from './show';
|
|
2
|
-
import font from './font';
|
|
3
|
-
import translate from './translate';
|
|
4
|
-
import gridLine from './gridLine';
|
|
5
|
-
import tickLine from './tickLine';
|
|
6
|
-
import axisLine from './axisLine';
|
|
7
|
-
import extent from './extent';
|
|
8
|
-
import unit from './unit';
|
|
9
|
-
import margin from './margin';
|
|
10
|
-
import multiColor from './multiColor';
|
|
11
|
-
import animation, {
|
|
12
|
-
dataAnimation,
|
|
13
|
-
animationOfPie,
|
|
14
|
-
animationOfCarousel,
|
|
15
|
-
} from './animation';
|
|
16
|
-
import dimension from './dimension';
|
|
17
|
-
import label, {
|
|
18
|
-
labelOfPie,
|
|
19
|
-
labelOfRose,
|
|
20
|
-
axisLabel,
|
|
21
|
-
valueAsixLabel,
|
|
22
|
-
} from './label';
|
|
23
|
-
import legend, { legendOfPie, legendOfRose, legendOfDoublePie } from './legend';
|
|
24
|
-
import tooltip from './tooltip';
|
|
25
|
-
import axes, { valueAxis, categoryAxis } from './axes';
|
|
26
|
-
import mapping from './mapping';
|
|
27
|
-
import { imageGroup } from './imageGroup';
|
|
28
|
-
import {
|
|
29
|
-
bandSeries,
|
|
30
|
-
lineSeries,
|
|
31
|
-
areaSeries,
|
|
32
|
-
pieSeries,
|
|
33
|
-
purePieSeries,
|
|
34
|
-
} from './series';
|
|
35
|
-
import pie, {
|
|
36
|
-
rosePie,
|
|
37
|
-
rosePieDecorate,
|
|
38
|
-
donut,
|
|
39
|
-
carouselDonut,
|
|
40
|
-
nestRosePie,
|
|
41
|
-
carouselDonut2,
|
|
42
|
-
current as pieCurrent,
|
|
43
|
-
} from './pie';
|
|
44
|
-
import brush from './brush';
|
|
45
|
-
import interaction from './interaction';
|
|
46
|
-
import sc from './sc';
|
|
47
|
-
import shadow from './shadow';
|
|
48
|
-
import textOverflow from './textOverflow';
|
|
49
|
-
import baseLine from './baseLine';
|
|
50
|
-
import { control } from './control';
|
|
51
|
-
import pieTooltip from './pieTooltip';
|
|
52
|
-
export {
|
|
53
|
-
pieTooltip,
|
|
54
|
-
control,
|
|
55
|
-
show,
|
|
56
|
-
showRule,
|
|
57
|
-
font,
|
|
58
|
-
tooltip,
|
|
59
|
-
translate,
|
|
60
|
-
textOverflow,
|
|
61
|
-
extent,
|
|
62
|
-
unit,
|
|
63
|
-
margin,
|
|
64
|
-
multiColor,
|
|
65
|
-
animation,
|
|
66
|
-
dataAnimation,
|
|
67
|
-
animationOfPie,
|
|
68
|
-
animationOfCarousel,
|
|
69
|
-
dimension,
|
|
70
|
-
gridLine,
|
|
71
|
-
tickLine,
|
|
72
|
-
axisLine,
|
|
73
|
-
valueAxis,
|
|
74
|
-
categoryAxis,
|
|
75
|
-
axes,
|
|
76
|
-
imageGroup,
|
|
77
|
-
mapping,
|
|
78
|
-
bandSeries,
|
|
79
|
-
lineSeries,
|
|
80
|
-
areaSeries,
|
|
81
|
-
pieSeries,
|
|
82
|
-
purePieSeries,
|
|
83
|
-
brush,
|
|
84
|
-
interaction,
|
|
85
|
-
legend,
|
|
86
|
-
legendOfPie,
|
|
87
|
-
legendOfRose,
|
|
88
|
-
legendOfDoublePie,
|
|
89
|
-
label,
|
|
90
|
-
labelOfPie,
|
|
91
|
-
labelOfRose,
|
|
92
|
-
axisLabel,
|
|
93
|
-
valueAsixLabel,
|
|
94
|
-
pie,
|
|
95
|
-
rosePie,
|
|
96
|
-
nestRosePie,
|
|
97
|
-
rosePieDecorate,
|
|
98
|
-
donut,
|
|
99
|
-
carouselDonut,
|
|
100
|
-
carouselDonut2,
|
|
101
|
-
pieCurrent,
|
|
102
|
-
sc,
|
|
103
|
-
shadow,
|
|
104
|
-
baseLine
|
|
105
|
-
};
|
|
1
|
+
import show, { showRule } from './show';
|
|
2
|
+
import font from './font';
|
|
3
|
+
import translate from './translate';
|
|
4
|
+
import gridLine from './gridLine';
|
|
5
|
+
import tickLine from './tickLine';
|
|
6
|
+
import axisLine from './axisLine';
|
|
7
|
+
import extent from './extent';
|
|
8
|
+
import unit from './unit';
|
|
9
|
+
import margin from './margin';
|
|
10
|
+
import multiColor from './multiColor';
|
|
11
|
+
import animation, {
|
|
12
|
+
dataAnimation,
|
|
13
|
+
animationOfPie,
|
|
14
|
+
animationOfCarousel,
|
|
15
|
+
} from './animation';
|
|
16
|
+
import dimension from './dimension';
|
|
17
|
+
import label, {
|
|
18
|
+
labelOfPie,
|
|
19
|
+
labelOfRose,
|
|
20
|
+
axisLabel,
|
|
21
|
+
valueAsixLabel,
|
|
22
|
+
} from './label';
|
|
23
|
+
import legend, { legendOfPie, legendOfRose, legendOfDoublePie } from './legend';
|
|
24
|
+
import tooltip from './tooltip';
|
|
25
|
+
import axes, { valueAxis, categoryAxis } from './axes';
|
|
26
|
+
import mapping from './mapping';
|
|
27
|
+
import { imageGroup } from './imageGroup';
|
|
28
|
+
import {
|
|
29
|
+
bandSeries,
|
|
30
|
+
lineSeries,
|
|
31
|
+
areaSeries,
|
|
32
|
+
pieSeries,
|
|
33
|
+
purePieSeries,
|
|
34
|
+
} from './series';
|
|
35
|
+
import pie, {
|
|
36
|
+
rosePie,
|
|
37
|
+
rosePieDecorate,
|
|
38
|
+
donut,
|
|
39
|
+
carouselDonut,
|
|
40
|
+
nestRosePie,
|
|
41
|
+
carouselDonut2,
|
|
42
|
+
current as pieCurrent,
|
|
43
|
+
} from './pie';
|
|
44
|
+
import brush from './brush';
|
|
45
|
+
import interaction from './interaction';
|
|
46
|
+
import sc from './sc';
|
|
47
|
+
import shadow from './shadow';
|
|
48
|
+
import textOverflow from './textOverflow';
|
|
49
|
+
import baseLine from './baseLine';
|
|
50
|
+
import { control } from './control';
|
|
51
|
+
import pieTooltip from './pieTooltip';
|
|
52
|
+
export {
|
|
53
|
+
pieTooltip,
|
|
54
|
+
control,
|
|
55
|
+
show,
|
|
56
|
+
showRule,
|
|
57
|
+
font,
|
|
58
|
+
tooltip,
|
|
59
|
+
translate,
|
|
60
|
+
textOverflow,
|
|
61
|
+
extent,
|
|
62
|
+
unit,
|
|
63
|
+
margin,
|
|
64
|
+
multiColor,
|
|
65
|
+
animation,
|
|
66
|
+
dataAnimation,
|
|
67
|
+
animationOfPie,
|
|
68
|
+
animationOfCarousel,
|
|
69
|
+
dimension,
|
|
70
|
+
gridLine,
|
|
71
|
+
tickLine,
|
|
72
|
+
axisLine,
|
|
73
|
+
valueAxis,
|
|
74
|
+
categoryAxis,
|
|
75
|
+
axes,
|
|
76
|
+
imageGroup,
|
|
77
|
+
mapping,
|
|
78
|
+
bandSeries,
|
|
79
|
+
lineSeries,
|
|
80
|
+
areaSeries,
|
|
81
|
+
pieSeries,
|
|
82
|
+
purePieSeries,
|
|
83
|
+
brush,
|
|
84
|
+
interaction,
|
|
85
|
+
legend,
|
|
86
|
+
legendOfPie,
|
|
87
|
+
legendOfRose,
|
|
88
|
+
legendOfDoublePie,
|
|
89
|
+
label,
|
|
90
|
+
labelOfPie,
|
|
91
|
+
labelOfRose,
|
|
92
|
+
axisLabel,
|
|
93
|
+
valueAsixLabel,
|
|
94
|
+
pie,
|
|
95
|
+
rosePie,
|
|
96
|
+
nestRosePie,
|
|
97
|
+
rosePieDecorate,
|
|
98
|
+
donut,
|
|
99
|
+
carouselDonut,
|
|
100
|
+
carouselDonut2,
|
|
101
|
+
pieCurrent,
|
|
102
|
+
sc,
|
|
103
|
+
shadow,
|
|
104
|
+
baseLine
|
|
105
|
+
};
|
package/src/label.js
CHANGED
|
@@ -361,6 +361,7 @@ const defaultAxisLabel = {
|
|
|
361
361
|
speed: 5,
|
|
362
362
|
},
|
|
363
363
|
showLast: false,
|
|
364
|
+
autoSort: false,
|
|
364
365
|
translate: { x: 0, y: 0 },
|
|
365
366
|
font: font({ color: "rgba(230, 247, 255, 1)" }),
|
|
366
367
|
};
|
|
@@ -378,6 +379,7 @@ export const axisLabel = ({
|
|
|
378
379
|
speed = defaultAxisLabel.appearance.speed,
|
|
379
380
|
} = defaultAxisLabel.appearance,
|
|
380
381
|
showLast = defaultAxisLabel.showLast,
|
|
382
|
+
autoSort = defaultAxisLabel.autoSort,
|
|
381
383
|
translate: {
|
|
382
384
|
x: labelTranslateX = defaultAxisLabel.translate.x,
|
|
383
385
|
y: labelTranslateY = defaultAxisLabel.translate.y,
|
|
@@ -642,6 +644,11 @@ export const axisLabel = ({
|
|
|
642
644
|
type: "boolean",
|
|
643
645
|
tip: "显示返回最新数据的轴标签",
|
|
644
646
|
},
|
|
647
|
+
sc("autoSort","自动排序","boolean",autoSort,{
|
|
648
|
+
other:{
|
|
649
|
+
tip:"数据按时间自动排序展示"
|
|
650
|
+
}
|
|
651
|
+
},showRule()),
|
|
645
652
|
{
|
|
646
653
|
rule: [["show", "$eq", true]],
|
|
647
654
|
...translate(labelTranslateX, labelTranslateY),
|