@easyv/config 1.2.2 → 1.2.4
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 +11 -3
- package/lib/axes.js +2 -1
- package/lib/interaction.js +2 -2
- package/lib/label.js +19 -1
- package/package.json +1 -1
- package/src/animation.js +8 -1
- package/src/axes.js +2 -0
- package/src/interaction.js +121 -121
- package/src/label.js +10 -0
package/lib/animation.js
CHANGED
|
@@ -106,7 +106,8 @@ var animationOfPie = function animationOfPie() {
|
|
|
106
106
|
show = _ref3$show === void 0 ? defaultAnimationOfPie.show : _ref3$show,
|
|
107
107
|
_ref3$current = _ref3.current;
|
|
108
108
|
_ref3$current = _ref3$current === void 0 ? defaultAnimationOfPie.current : _ref3$current;
|
|
109
|
-
var
|
|
109
|
+
var widthen = _ref3$current.widthen,
|
|
110
|
+
_ref3$current$heighte = _ref3$current.heighten,
|
|
110
111
|
heighten = _ref3$current$heighte === void 0 ? defaultAnimationOfPie.current.heighten : _ref3$current$heighte,
|
|
111
112
|
_ref3$current$opacity = _ref3$current.opacity,
|
|
112
113
|
opacity = _ref3$current$opacity === void 0 ? defaultAnimationOfPie.current.opacity : _ref3$current$opacity,
|
|
@@ -132,7 +133,12 @@ var animationOfPie = function animationOfPie() {
|
|
|
132
133
|
displayName: '高度增长',
|
|
133
134
|
value: heighten,
|
|
134
135
|
type: 'number'
|
|
135
|
-
}, {
|
|
136
|
+
}, widthen != undefined ? {
|
|
137
|
+
name: 'widthen',
|
|
138
|
+
displayName: '半径增长',
|
|
139
|
+
value: widthen,
|
|
140
|
+
type: 'number'
|
|
141
|
+
} : undefined, {
|
|
136
142
|
name: 'opacity',
|
|
137
143
|
displayName: '透明度',
|
|
138
144
|
value: opacity,
|
|
@@ -142,7 +148,9 @@ var animationOfPie = function animationOfPie() {
|
|
|
142
148
|
max: 100,
|
|
143
149
|
suffix: '%'
|
|
144
150
|
}
|
|
145
|
-
}]
|
|
151
|
+
}].filter(function (d) {
|
|
152
|
+
return !!d;
|
|
153
|
+
}),
|
|
146
154
|
config: {
|
|
147
155
|
defaultOpen: true
|
|
148
156
|
}
|
package/lib/axes.js
CHANGED
|
@@ -130,6 +130,7 @@ var valueAxis = function valueAxis() {
|
|
|
130
130
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultValueAxis,
|
|
131
131
|
_ref2$on = _ref2.on,
|
|
132
132
|
on = _ref2$on === void 0 ? defaultValueAxis.on : _ref2$on,
|
|
133
|
+
reverse = _ref2.reverse,
|
|
133
134
|
_ref2$openClipAxis = _ref2.openClipAxis,
|
|
134
135
|
openClipAxis = _ref2$openClipAxis === void 0 ? false : _ref2$openClipAxis,
|
|
135
136
|
clipValueAxis = _ref2.clipValueAxis,
|
|
@@ -150,7 +151,7 @@ var valueAxis = function valueAxis() {
|
|
|
150
151
|
displayName: '启用',
|
|
151
152
|
value: on,
|
|
152
153
|
type: 'boolean'
|
|
153
|
-
}, openClip != undefined && (0, _.sc)("openClip", "开启断轴", "boolean", false), clipAxis != undefined && (0, _.sc)("clipAxis", "轴段区间", "array", [(0, _.sc)("range1", "区间", "object", [(0, _.sc)("value", "区间值", "number", 50), (0, _.sc)("offset", "高度占比", "range", 25)]), (0, _.sc)("range2", "区间", "object", [(0, _.sc)("value", "区间值", "number", 100), (0, _.sc)("offset", "高度占比", "range", 50)]), (0, _.sc)("range3", "区间", "object", [(0, _.sc)("value", "区间值", "number", 1000), (0, _.sc)("offset", "高度占比", "range", 75)])], {
|
|
154
|
+
}, reverse != undefined && (0, _.sc)("reverse", "反转", "boolean", reverse), openClip != undefined && (0, _.sc)("openClip", "开启断轴", "boolean", false), clipAxis != undefined && (0, _.sc)("clipAxis", "轴段区间", "array", [(0, _.sc)("range1", "区间", "object", [(0, _.sc)("value", "区间值", "number", 50), (0, _.sc)("offset", "高度占比", "range", 25)]), (0, _.sc)("range2", "区间", "object", [(0, _.sc)("value", "区间值", "number", 100), (0, _.sc)("offset", "高度占比", "range", 50)]), (0, _.sc)("range3", "区间", "object", [(0, _.sc)("value", "区间值", "number", 1000), (0, _.sc)("offset", "高度占比", "range", 75)])], {
|
|
154
155
|
template: (0, _.sc)("range", "区间", "object", [(0, _.sc)("value", "区间值", "number", 0), (0, _.sc)("offset", "高度占比", "range", 0)]),
|
|
155
156
|
other: {
|
|
156
157
|
tip: "不用设置高度占比为0或100的区间"
|
package/lib/interaction.js
CHANGED
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
/**
|
|
10
|
-
* TODO:有个触发回调的类型
|
|
9
|
+
/**
|
|
10
|
+
* TODO:有个触发回调的类型
|
|
11
11
|
*/
|
|
12
12
|
var defaultAction = 'click';
|
|
13
13
|
var defaultCallback = {
|
package/lib/label.js
CHANGED
|
@@ -387,6 +387,7 @@ var defaultAxisLabel = {
|
|
|
387
387
|
},
|
|
388
388
|
showLast: false,
|
|
389
389
|
autoSort: false,
|
|
390
|
+
textAlign: "center",
|
|
390
391
|
translate: {
|
|
391
392
|
x: 0,
|
|
392
393
|
y: 0
|
|
@@ -421,6 +422,8 @@ var axisLabel = function axisLabel() {
|
|
|
421
422
|
showLast = _ref4$showLast === void 0 ? defaultAxisLabel.showLast : _ref4$showLast,
|
|
422
423
|
_ref4$autoSort = _ref4.autoSort,
|
|
423
424
|
autoSort = _ref4$autoSort === void 0 ? defaultAxisLabel.autoSort : _ref4$autoSort,
|
|
425
|
+
_ref4$textAlign = _ref4.textAlign,
|
|
426
|
+
textAlign = _ref4$textAlign === void 0 ? defaultAxisLabel.textAlign : _ref4$textAlign,
|
|
424
427
|
_ref4$translate = _ref4.translate;
|
|
425
428
|
_ref4$translate = _ref4$translate === void 0 ? defaultAxisLabel.translate : _ref4$translate;
|
|
426
429
|
var _ref4$translate$x = _ref4$translate.x,
|
|
@@ -644,7 +647,22 @@ var axisLabel = function axisLabel() {
|
|
|
644
647
|
other: {
|
|
645
648
|
tip: "数据按时间自动排序展示"
|
|
646
649
|
}
|
|
647
|
-
}, (0, _.showRule)()),
|
|
650
|
+
}, (0, _.showRule)()), (0, _.sc)("textAlign", "对齐", "radio", textAlign, {
|
|
651
|
+
mode: "icon",
|
|
652
|
+
options: [{
|
|
653
|
+
name: "左对齐",
|
|
654
|
+
value: "left",
|
|
655
|
+
icon: "align-left"
|
|
656
|
+
}, {
|
|
657
|
+
name: "居中对齐",
|
|
658
|
+
value: "center",
|
|
659
|
+
icon: "align-center"
|
|
660
|
+
}, {
|
|
661
|
+
name: "右对齐",
|
|
662
|
+
value: "right",
|
|
663
|
+
icon: "align-right"
|
|
664
|
+
}]
|
|
665
|
+
}, (0, _.showRule)("show", "$eq", true)), _objectSpread({
|
|
648
666
|
rule: [["show", "$eq", true]]
|
|
649
667
|
}, (0, _.translate)(labelTranslateX, labelTranslateY)), {
|
|
650
668
|
rule: [["show", "$eq", true]],
|
package/package.json
CHANGED
package/src/animation.js
CHANGED
|
@@ -91,6 +91,7 @@ const defaultAnimationOfPie = {
|
|
|
91
91
|
export const animationOfPie = ({
|
|
92
92
|
show = defaultAnimationOfPie.show,
|
|
93
93
|
current: {
|
|
94
|
+
widthen,
|
|
94
95
|
heighten = defaultAnimationOfPie.current.heighten,
|
|
95
96
|
opacity = defaultAnimationOfPie.current.opacity,
|
|
96
97
|
} = defaultAnimationOfPie.current,
|
|
@@ -118,6 +119,12 @@ export const animationOfPie = ({
|
|
|
118
119
|
value: heighten,
|
|
119
120
|
type: 'number',
|
|
120
121
|
},
|
|
122
|
+
widthen!=undefined?{
|
|
123
|
+
name: 'widthen',
|
|
124
|
+
displayName: '半径增长',
|
|
125
|
+
value: widthen,
|
|
126
|
+
type: 'number',
|
|
127
|
+
}:undefined,
|
|
121
128
|
{
|
|
122
129
|
name: 'opacity',
|
|
123
130
|
displayName: '透明度',
|
|
@@ -129,7 +136,7 @@ export const animationOfPie = ({
|
|
|
129
136
|
suffix: '%',
|
|
130
137
|
},
|
|
131
138
|
},
|
|
132
|
-
],
|
|
139
|
+
].filter(d=>!!d),
|
|
133
140
|
config: {
|
|
134
141
|
defaultOpen: true,
|
|
135
142
|
},
|
package/src/axes.js
CHANGED
|
@@ -96,6 +96,7 @@ const defaultValueAxis = {
|
|
|
96
96
|
|
|
97
97
|
export const valueAxis = ({
|
|
98
98
|
on = defaultValueAxis.on,
|
|
99
|
+
reverse,
|
|
99
100
|
openClipAxis = false,//断轴柱状图开启断轴 shuihan
|
|
100
101
|
clipValueAxis,
|
|
101
102
|
openClip,
|
|
@@ -112,6 +113,7 @@ export const valueAxis = ({
|
|
|
112
113
|
value: on,
|
|
113
114
|
type: 'boolean',
|
|
114
115
|
},
|
|
116
|
+
reverse!=undefined && sc("reverse","反转","boolean",reverse),
|
|
115
117
|
openClip!=undefined && sc("openClip","开启断轴","boolean",false),
|
|
116
118
|
clipAxis!=undefined && sc("clipAxis","轴段区间","array",[
|
|
117
119
|
sc("range1","区间","object",[
|
package/src/interaction.js
CHANGED
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TODO:有个触发回调的类型
|
|
3
|
-
*/
|
|
4
|
-
const defaultAction = 'click';
|
|
5
|
-
const defaultCallback = {
|
|
6
|
-
actions: [{ name: '鼠标点击', value: defaultAction }],
|
|
7
|
-
extraInput: [],
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default ({ callback, remoteControl }) => ({
|
|
11
|
-
name: 'interaction',
|
|
12
|
-
displayName: '交互',
|
|
13
|
-
value:
|
|
14
|
-
callback || remoteControl
|
|
15
|
-
? [
|
|
16
|
-
callback &&
|
|
17
|
-
Array.isArray(callback.callback) && {
|
|
18
|
-
name: 'callback',
|
|
19
|
-
displayName: '回调参数',
|
|
20
|
-
type: 'array',
|
|
21
|
-
value: callback.callback.map(({ origin, target }, index) => ({
|
|
22
|
-
name: 'callback_' + index,
|
|
23
|
-
displayName: '回调',
|
|
24
|
-
type: 'object',
|
|
25
|
-
value: [
|
|
26
|
-
{
|
|
27
|
-
name: 'actions',
|
|
28
|
-
displayName: '匹配动作',
|
|
29
|
-
type: 'select',
|
|
30
|
-
value: callback.value || defaultAction,
|
|
31
|
-
config: {
|
|
32
|
-
options: callback.actions
|
|
33
|
-
? callback.actions
|
|
34
|
-
: defaultCallback.actions,
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
name: 'origin',
|
|
39
|
-
displayName: '字段值',
|
|
40
|
-
type: 'input',
|
|
41
|
-
value: origin,
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
name: 'target',
|
|
45
|
-
displayName: '变量名',
|
|
46
|
-
type: 'input',
|
|
47
|
-
value: target,
|
|
48
|
-
},
|
|
49
|
-
...(callback.extraInput
|
|
50
|
-
? callback.extraInput
|
|
51
|
-
: defaultCallback.extraInput),
|
|
52
|
-
],
|
|
53
|
-
})),
|
|
54
|
-
config: {
|
|
55
|
-
template: [
|
|
56
|
-
{
|
|
57
|
-
name: 'callback',
|
|
58
|
-
displayName: '回调',
|
|
59
|
-
type: 'object',
|
|
60
|
-
value: [
|
|
61
|
-
{
|
|
62
|
-
name: 'actions',
|
|
63
|
-
displayName: '匹配动作',
|
|
64
|
-
type: 'select',
|
|
65
|
-
value: callback.value || defaultAction,
|
|
66
|
-
config: {
|
|
67
|
-
options: callback.actions
|
|
68
|
-
? callback.actions
|
|
69
|
-
: defaultCallback.actions,
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
name: 'origin',
|
|
74
|
-
displayName: '字段值',
|
|
75
|
-
type: 'input',
|
|
76
|
-
value: '',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
name: 'target',
|
|
80
|
-
displayName: '变量名',
|
|
81
|
-
type: 'input',
|
|
82
|
-
value: '',
|
|
83
|
-
config:{
|
|
84
|
-
callback:true
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
...(callback.extraInput
|
|
88
|
-
? callback.extraInput
|
|
89
|
-
: defaultCallback.extraInput),
|
|
90
|
-
],
|
|
91
|
-
},
|
|
92
|
-
],
|
|
93
|
-
},
|
|
94
|
-
},
|
|
95
|
-
remoteControl &&
|
|
96
|
-
Array.isArray(remoteControl) && {
|
|
97
|
-
name: 'remoteControl',
|
|
98
|
-
displayName: '远程控制',
|
|
99
|
-
type: 'array',
|
|
100
|
-
value: [],
|
|
101
|
-
config: {
|
|
102
|
-
template: [
|
|
103
|
-
{
|
|
104
|
-
name: 'controls',
|
|
105
|
-
displayName: '控制',
|
|
106
|
-
type: 'object',
|
|
107
|
-
value: [
|
|
108
|
-
{
|
|
109
|
-
name: 'control',
|
|
110
|
-
displayName: '控制',
|
|
111
|
-
type: 'remoteOptions',
|
|
112
|
-
value: '{}',
|
|
113
|
-
},
|
|
114
|
-
],
|
|
115
|
-
},
|
|
116
|
-
],
|
|
117
|
-
},
|
|
118
|
-
},
|
|
119
|
-
].filter((item) => !!item)
|
|
120
|
-
: [],
|
|
121
|
-
});
|
|
1
|
+
/**
|
|
2
|
+
* TODO:有个触发回调的类型
|
|
3
|
+
*/
|
|
4
|
+
const defaultAction = 'click';
|
|
5
|
+
const defaultCallback = {
|
|
6
|
+
actions: [{ name: '鼠标点击', value: defaultAction }],
|
|
7
|
+
extraInput: [],
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export default ({ callback, remoteControl }) => ({
|
|
11
|
+
name: 'interaction',
|
|
12
|
+
displayName: '交互',
|
|
13
|
+
value:
|
|
14
|
+
callback || remoteControl
|
|
15
|
+
? [
|
|
16
|
+
callback &&
|
|
17
|
+
Array.isArray(callback.callback) && {
|
|
18
|
+
name: 'callback',
|
|
19
|
+
displayName: '回调参数',
|
|
20
|
+
type: 'array',
|
|
21
|
+
value: callback.callback.map(({ origin, target }, index) => ({
|
|
22
|
+
name: 'callback_' + index,
|
|
23
|
+
displayName: '回调',
|
|
24
|
+
type: 'object',
|
|
25
|
+
value: [
|
|
26
|
+
{
|
|
27
|
+
name: 'actions',
|
|
28
|
+
displayName: '匹配动作',
|
|
29
|
+
type: 'select',
|
|
30
|
+
value: callback.value || defaultAction,
|
|
31
|
+
config: {
|
|
32
|
+
options: callback.actions
|
|
33
|
+
? callback.actions
|
|
34
|
+
: defaultCallback.actions,
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: 'origin',
|
|
39
|
+
displayName: '字段值',
|
|
40
|
+
type: 'input',
|
|
41
|
+
value: origin,
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
name: 'target',
|
|
45
|
+
displayName: '变量名',
|
|
46
|
+
type: 'input',
|
|
47
|
+
value: target,
|
|
48
|
+
},
|
|
49
|
+
...(callback.extraInput
|
|
50
|
+
? callback.extraInput
|
|
51
|
+
: defaultCallback.extraInput),
|
|
52
|
+
],
|
|
53
|
+
})),
|
|
54
|
+
config: {
|
|
55
|
+
template: [
|
|
56
|
+
{
|
|
57
|
+
name: 'callback',
|
|
58
|
+
displayName: '回调',
|
|
59
|
+
type: 'object',
|
|
60
|
+
value: [
|
|
61
|
+
{
|
|
62
|
+
name: 'actions',
|
|
63
|
+
displayName: '匹配动作',
|
|
64
|
+
type: 'select',
|
|
65
|
+
value: callback.value || defaultAction,
|
|
66
|
+
config: {
|
|
67
|
+
options: callback.actions
|
|
68
|
+
? callback.actions
|
|
69
|
+
: defaultCallback.actions,
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
name: 'origin',
|
|
74
|
+
displayName: '字段值',
|
|
75
|
+
type: 'input',
|
|
76
|
+
value: '',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
name: 'target',
|
|
80
|
+
displayName: '变量名',
|
|
81
|
+
type: 'input',
|
|
82
|
+
value: '',
|
|
83
|
+
config:{
|
|
84
|
+
callback:true
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
...(callback.extraInput
|
|
88
|
+
? callback.extraInput
|
|
89
|
+
: defaultCallback.extraInput),
|
|
90
|
+
],
|
|
91
|
+
},
|
|
92
|
+
],
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
remoteControl &&
|
|
96
|
+
Array.isArray(remoteControl) && {
|
|
97
|
+
name: 'remoteControl',
|
|
98
|
+
displayName: '远程控制',
|
|
99
|
+
type: 'array',
|
|
100
|
+
value: [],
|
|
101
|
+
config: {
|
|
102
|
+
template: [
|
|
103
|
+
{
|
|
104
|
+
name: 'controls',
|
|
105
|
+
displayName: '控制',
|
|
106
|
+
type: 'object',
|
|
107
|
+
value: [
|
|
108
|
+
{
|
|
109
|
+
name: 'control',
|
|
110
|
+
displayName: '控制',
|
|
111
|
+
type: 'remoteOptions',
|
|
112
|
+
value: '{}',
|
|
113
|
+
},
|
|
114
|
+
],
|
|
115
|
+
},
|
|
116
|
+
],
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
].filter((item) => !!item)
|
|
120
|
+
: [],
|
|
121
|
+
});
|
package/src/label.js
CHANGED
|
@@ -362,6 +362,7 @@ const defaultAxisLabel = {
|
|
|
362
362
|
},
|
|
363
363
|
showLast: false,
|
|
364
364
|
autoSort: false,
|
|
365
|
+
textAlign: "center",
|
|
365
366
|
translate: { x: 0, y: 0 },
|
|
366
367
|
font: font({ color: "rgba(230, 247, 255, 1)" }),
|
|
367
368
|
};
|
|
@@ -380,6 +381,7 @@ export const axisLabel = ({
|
|
|
380
381
|
} = defaultAxisLabel.appearance,
|
|
381
382
|
showLast = defaultAxisLabel.showLast,
|
|
382
383
|
autoSort = defaultAxisLabel.autoSort,
|
|
384
|
+
textAlign = defaultAxisLabel.textAlign,
|
|
383
385
|
translate: {
|
|
384
386
|
x: labelTranslateX = defaultAxisLabel.translate.x,
|
|
385
387
|
y: labelTranslateY = defaultAxisLabel.translate.y,
|
|
@@ -649,6 +651,14 @@ export const axisLabel = ({
|
|
|
649
651
|
tip:"数据按时间自动排序展示"
|
|
650
652
|
}
|
|
651
653
|
},showRule()),
|
|
654
|
+
sc("textAlign","对齐","radio",textAlign,{
|
|
655
|
+
mode:"icon",
|
|
656
|
+
options:[
|
|
657
|
+
{name:"左对齐",value:"left",icon:"align-left"},
|
|
658
|
+
{name:"居中对齐",value:"center",icon:"align-center"},
|
|
659
|
+
{name:"右对齐",value:"right",icon:"align-right"}
|
|
660
|
+
]
|
|
661
|
+
},showRule("show","$eq",true)),
|
|
652
662
|
{
|
|
653
663
|
rule: [["show", "$eq", true]],
|
|
654
664
|
...translate(labelTranslateX, labelTranslateY),
|