@easyv/config 1.3.0 → 1.3.2
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 +114 -106
- package/lib/label.js +15 -0
- package/lib/sc.js +1 -1
- package/package.json +1 -1
- package/src/animation.js +130 -120
- package/src/label.js +15 -0
- package/src/sc.js +17 -11
package/lib/animation.js
CHANGED
|
@@ -20,39 +20,39 @@ var _default = function _default() {
|
|
|
20
20
|
interval = _ref$interval === void 0 ? animation.interval : _ref$interval,
|
|
21
21
|
hoverStop = _ref.hoverStop;
|
|
22
22
|
return {
|
|
23
|
-
name:
|
|
24
|
-
displayName:
|
|
23
|
+
name: "animation",
|
|
24
|
+
displayName: "轮播动画",
|
|
25
25
|
value: [{
|
|
26
|
-
name:
|
|
27
|
-
displayName:
|
|
26
|
+
name: "show",
|
|
27
|
+
displayName: "",
|
|
28
28
|
value: show,
|
|
29
|
-
type:
|
|
29
|
+
type: "boolean"
|
|
30
30
|
}, {
|
|
31
|
-
rule: [[
|
|
32
|
-
name:
|
|
33
|
-
displayName:
|
|
31
|
+
rule: [["show", "$eq", true]],
|
|
32
|
+
name: "duration",
|
|
33
|
+
displayName: "滚动时长",
|
|
34
34
|
value: duration,
|
|
35
|
-
type:
|
|
35
|
+
type: "number",
|
|
36
36
|
config: {
|
|
37
37
|
span: 12,
|
|
38
|
-
suffix:
|
|
38
|
+
suffix: "s"
|
|
39
39
|
}
|
|
40
40
|
}, {
|
|
41
|
-
rule: [[
|
|
42
|
-
name:
|
|
43
|
-
displayName:
|
|
41
|
+
rule: [["show", "$eq", true]],
|
|
42
|
+
name: "interval",
|
|
43
|
+
displayName: "间隔时长",
|
|
44
44
|
value: interval,
|
|
45
|
-
type:
|
|
45
|
+
type: "number",
|
|
46
46
|
config: {
|
|
47
47
|
span: 12,
|
|
48
|
-
suffix:
|
|
48
|
+
suffix: "s"
|
|
49
49
|
}
|
|
50
50
|
}, hoverStop !== undefined && {
|
|
51
|
-
rule: [[
|
|
52
|
-
name:
|
|
53
|
-
displayName:
|
|
51
|
+
rule: [["show", "$eq", true]],
|
|
52
|
+
name: "hover",
|
|
53
|
+
displayName: "悬停暂停动画",
|
|
54
54
|
value: hoverStop,
|
|
55
|
-
type:
|
|
55
|
+
type: "boolean"
|
|
56
56
|
}].filter(function (d) {
|
|
57
57
|
return !!d;
|
|
58
58
|
})
|
|
@@ -70,22 +70,22 @@ var dataAnimation = function dataAnimation() {
|
|
|
70
70
|
_ref2$duration = _ref2.duration,
|
|
71
71
|
duration = _ref2$duration === void 0 ? defaultDataAnimation.duration : _ref2$duration;
|
|
72
72
|
return {
|
|
73
|
-
name:
|
|
74
|
-
displayName:
|
|
73
|
+
name: "dataAnimation",
|
|
74
|
+
displayName: "数据动画",
|
|
75
75
|
value: [{
|
|
76
|
-
name:
|
|
77
|
-
displayName:
|
|
76
|
+
name: "show",
|
|
77
|
+
displayName: "",
|
|
78
78
|
value: show,
|
|
79
|
-
type:
|
|
79
|
+
type: "boolean"
|
|
80
80
|
}, {
|
|
81
|
-
rule: [[
|
|
82
|
-
name:
|
|
83
|
-
displayName:
|
|
81
|
+
rule: [["show", "$eq", true]],
|
|
82
|
+
name: "duration",
|
|
83
|
+
displayName: "滚动时长",
|
|
84
84
|
value: duration,
|
|
85
|
-
type:
|
|
85
|
+
type: "number",
|
|
86
86
|
config: {
|
|
87
87
|
span: 12,
|
|
88
|
-
suffix:
|
|
88
|
+
suffix: "s"
|
|
89
89
|
}
|
|
90
90
|
}]
|
|
91
91
|
};
|
|
@@ -98,7 +98,8 @@ var defaultAnimationOfPie = {
|
|
|
98
98
|
opacity: 60
|
|
99
99
|
},
|
|
100
100
|
interval: 3,
|
|
101
|
-
interactive:
|
|
101
|
+
interactive: "",
|
|
102
|
+
canCancel: false
|
|
102
103
|
};
|
|
103
104
|
var animationOfPie = function animationOfPie() {
|
|
104
105
|
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfPie,
|
|
@@ -115,38 +116,40 @@ var animationOfPie = function animationOfPie() {
|
|
|
115
116
|
interval = _ref3$interval === void 0 ? defaultAnimationOfPie.interval : _ref3$interval,
|
|
116
117
|
_ref3$interactive = _ref3.interactive,
|
|
117
118
|
interactive = _ref3$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref3$interactive,
|
|
119
|
+
_ref3$canCancel = _ref3.canCancel,
|
|
120
|
+
canCancel = _ref3$canCancel === void 0 ? defaultAnimationOfPie.canCancel : _ref3$canCancel,
|
|
118
121
|
hoverStop = _ref3.hoverStop;
|
|
119
122
|
return {
|
|
120
|
-
name:
|
|
121
|
-
displayName:
|
|
123
|
+
name: "animation",
|
|
124
|
+
displayName: "轮播动画",
|
|
122
125
|
value: [{
|
|
123
|
-
name:
|
|
124
|
-
displayName:
|
|
126
|
+
name: "on",
|
|
127
|
+
displayName: "开启",
|
|
125
128
|
value: show,
|
|
126
|
-
type:
|
|
129
|
+
type: "boolean"
|
|
127
130
|
}, {
|
|
128
|
-
rule: [[
|
|
129
|
-
name:
|
|
130
|
-
displayName:
|
|
131
|
+
rule: [["on", "$eq", true]],
|
|
132
|
+
name: "current",
|
|
133
|
+
displayName: "当前值",
|
|
131
134
|
value: [{
|
|
132
|
-
name:
|
|
133
|
-
displayName:
|
|
135
|
+
name: "heighten",
|
|
136
|
+
displayName: "高度增长",
|
|
134
137
|
value: heighten,
|
|
135
|
-
type:
|
|
138
|
+
type: "number"
|
|
136
139
|
}, widthen != undefined ? {
|
|
137
|
-
name:
|
|
138
|
-
displayName:
|
|
140
|
+
name: "widthen",
|
|
141
|
+
displayName: "半径增长",
|
|
139
142
|
value: widthen,
|
|
140
|
-
type:
|
|
143
|
+
type: "number"
|
|
141
144
|
} : undefined, {
|
|
142
|
-
name:
|
|
143
|
-
displayName:
|
|
145
|
+
name: "opacity",
|
|
146
|
+
displayName: "透明度",
|
|
144
147
|
value: opacity,
|
|
145
|
-
type:
|
|
148
|
+
type: "range",
|
|
146
149
|
config: {
|
|
147
150
|
min: 0,
|
|
148
151
|
max: 100,
|
|
149
|
-
suffix:
|
|
152
|
+
suffix: "%"
|
|
150
153
|
}
|
|
151
154
|
}].filter(function (d) {
|
|
152
155
|
return !!d;
|
|
@@ -155,38 +158,43 @@ var animationOfPie = function animationOfPie() {
|
|
|
155
158
|
defaultOpen: true
|
|
156
159
|
}
|
|
157
160
|
}, {
|
|
158
|
-
rule: [[
|
|
159
|
-
name:
|
|
160
|
-
displayName:
|
|
161
|
+
rule: [["on", "$eq", true]],
|
|
162
|
+
name: "interval",
|
|
163
|
+
displayName: "间隔时长",
|
|
161
164
|
value: interval,
|
|
162
|
-
type:
|
|
165
|
+
type: "number",
|
|
163
166
|
config: {
|
|
164
|
-
suffix:
|
|
167
|
+
suffix: "s"
|
|
165
168
|
}
|
|
166
169
|
}, {
|
|
167
|
-
tip:
|
|
168
|
-
name:
|
|
169
|
-
displayName:
|
|
170
|
+
tip: "选择点击或悬浮，鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息",
|
|
171
|
+
name: "interactive",
|
|
172
|
+
displayName: "交互方式",
|
|
170
173
|
value: interactive,
|
|
171
|
-
type:
|
|
174
|
+
type: "radio",
|
|
172
175
|
config: {
|
|
173
176
|
options: [{
|
|
174
|
-
name:
|
|
175
|
-
value:
|
|
177
|
+
name: "无",
|
|
178
|
+
value: ""
|
|
176
179
|
}, {
|
|
177
|
-
name:
|
|
178
|
-
value:
|
|
180
|
+
name: "点击",
|
|
181
|
+
value: "click"
|
|
179
182
|
}, {
|
|
180
|
-
name:
|
|
181
|
-
value:
|
|
183
|
+
name: "悬停",
|
|
184
|
+
value: "hover"
|
|
182
185
|
}]
|
|
183
186
|
}
|
|
187
|
+
}, {
|
|
188
|
+
name: "canCancel",
|
|
189
|
+
displayName: "允许取消",
|
|
190
|
+
type: "boolean",
|
|
191
|
+
value: canCancel
|
|
184
192
|
}, hoverStop !== undefined && {
|
|
185
|
-
rule: [[
|
|
186
|
-
name:
|
|
187
|
-
displayName:
|
|
193
|
+
rule: [["on", "$eq", true]],
|
|
194
|
+
name: "hoverStop",
|
|
195
|
+
displayName: "悬停暂停动画",
|
|
188
196
|
value: hoverStop,
|
|
189
|
-
type:
|
|
197
|
+
type: "boolean"
|
|
190
198
|
}].filter(function (d) {
|
|
191
199
|
return !!d;
|
|
192
200
|
})
|
|
@@ -227,76 +235,76 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
227
235
|
interactive = _ref4$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref4$interactive,
|
|
228
236
|
hoverStop = _ref4.hoverStop;
|
|
229
237
|
return {
|
|
230
|
-
name:
|
|
231
|
-
displayName:
|
|
238
|
+
name: "animation",
|
|
239
|
+
displayName: "轮播动画",
|
|
232
240
|
value: [{
|
|
233
|
-
name:
|
|
234
|
-
displayName:
|
|
241
|
+
name: "on",
|
|
242
|
+
displayName: "开启",
|
|
235
243
|
value: show,
|
|
236
|
-
type:
|
|
244
|
+
type: "boolean"
|
|
237
245
|
}, {
|
|
238
|
-
rule: [[
|
|
239
|
-
name:
|
|
240
|
-
displayName:
|
|
246
|
+
rule: [["on", "$eq", true]],
|
|
247
|
+
name: "current",
|
|
248
|
+
displayName: "当前值",
|
|
241
249
|
value: [{
|
|
242
|
-
name:
|
|
243
|
-
displayName:
|
|
250
|
+
name: "width",
|
|
251
|
+
displayName: "弧宽增长",
|
|
244
252
|
value: width,
|
|
245
|
-
type:
|
|
253
|
+
type: "number"
|
|
246
254
|
}, {
|
|
247
|
-
name:
|
|
248
|
-
displayName:
|
|
255
|
+
name: "color",
|
|
256
|
+
displayName: "颜色",
|
|
249
257
|
value: (0, _.multiColor)(color),
|
|
250
|
-
type:
|
|
258
|
+
type: "multicolor"
|
|
251
259
|
}, {
|
|
252
|
-
name:
|
|
253
|
-
displayName:
|
|
260
|
+
name: "textStyle",
|
|
261
|
+
displayName: "类目文本样式",
|
|
254
262
|
value: (0, _.font)(textStyle),
|
|
255
|
-
type:
|
|
256
|
-
markColorType:
|
|
263
|
+
type: "textStyle",
|
|
264
|
+
markColorType: "textColor"
|
|
257
265
|
}, {
|
|
258
|
-
name:
|
|
259
|
-
displayName:
|
|
266
|
+
name: "gap",
|
|
267
|
+
displayName: "类目文本间距",
|
|
260
268
|
value: gap,
|
|
261
|
-
type:
|
|
269
|
+
type: "number",
|
|
262
270
|
config: {
|
|
263
|
-
suffix:
|
|
271
|
+
suffix: "px"
|
|
264
272
|
}
|
|
265
273
|
}],
|
|
266
274
|
config: {
|
|
267
275
|
defaultOpen: true
|
|
268
276
|
}
|
|
269
277
|
}, {
|
|
270
|
-
rule: [[
|
|
271
|
-
name:
|
|
272
|
-
displayName:
|
|
278
|
+
rule: [["on", "$eq", true]],
|
|
279
|
+
name: "interval",
|
|
280
|
+
displayName: "间隔时长",
|
|
273
281
|
value: interval,
|
|
274
|
-
type:
|
|
282
|
+
type: "number",
|
|
275
283
|
config: {
|
|
276
|
-
suffix:
|
|
284
|
+
suffix: "s"
|
|
277
285
|
}
|
|
278
286
|
}, {
|
|
279
|
-
rule: [[
|
|
280
|
-
name:
|
|
281
|
-
displayName:
|
|
287
|
+
rule: [["on", "$eq", true]],
|
|
288
|
+
name: "rotate",
|
|
289
|
+
displayName: "旋转",
|
|
282
290
|
value: rotate,
|
|
283
|
-
type:
|
|
291
|
+
type: "number",
|
|
284
292
|
config: {
|
|
285
293
|
min: 0,
|
|
286
294
|
max: 360,
|
|
287
|
-
suffix:
|
|
295
|
+
suffix: "°"
|
|
288
296
|
}
|
|
289
297
|
}, {
|
|
290
|
-
name:
|
|
291
|
-
displayName:
|
|
298
|
+
name: "interactive",
|
|
299
|
+
displayName: "点击交互",
|
|
292
300
|
value: interactive,
|
|
293
|
-
type:
|
|
301
|
+
type: "boolean"
|
|
294
302
|
}, hoverStop !== undefined && {
|
|
295
|
-
rule: [[
|
|
296
|
-
name:
|
|
297
|
-
displayName:
|
|
303
|
+
rule: [["on", "$eq", true]],
|
|
304
|
+
name: "hoverStop",
|
|
305
|
+
displayName: "悬停暂停动画",
|
|
298
306
|
value: hoverStop,
|
|
299
|
-
type:
|
|
307
|
+
type: "boolean"
|
|
300
308
|
}].filter(function (d) {
|
|
301
309
|
return !!d;
|
|
302
310
|
})
|
package/lib/label.js
CHANGED
|
@@ -196,6 +196,8 @@ var labelOfPie = function labelOfPie() {
|
|
|
196
196
|
showPercent = _ref2$percent$show === void 0 ? defaultLabelOfPie.percent.show : _ref2$percent$show,
|
|
197
197
|
_ref2$percent$precisi = _ref2$percent.precision,
|
|
198
198
|
precision = _ref2$percent$precisi === void 0 ? defaultLabelOfPie.percent.precision : _ref2$percent$precisi,
|
|
199
|
+
_ref2$percent$sameCol = _ref2$percent.sameColor,
|
|
200
|
+
percentSameColor = _ref2$percent$sameCol === void 0 ? defaultLabelOfPie.percent.sameColor : _ref2$percent$sameCol,
|
|
199
201
|
_ref2$percent$font = _ref2$percent.font,
|
|
200
202
|
percentFont = _ref2$percent$font === void 0 ? defaultLabelOfPie.percent.font : _ref2$percent$font,
|
|
201
203
|
_ref2$percent$transla = _ref2$percent.translate;
|
|
@@ -208,6 +210,8 @@ var labelOfPie = function labelOfPie() {
|
|
|
208
210
|
_ref2$value = _ref2$value === void 0 ? defaultLabelOfPie.value : _ref2$value;
|
|
209
211
|
var _ref2$value$show = _ref2$value.show,
|
|
210
212
|
showValue = _ref2$value$show === void 0 ? defaultLabelOfPie.value.show : _ref2$value$show,
|
|
213
|
+
_ref2$value$sameColor = _ref2$value.sameColor,
|
|
214
|
+
valueSameColor = _ref2$value$sameColor === void 0 ? defaultLabelOfPie.value.sameColor : _ref2$value$sameColor,
|
|
211
215
|
_ref2$value$suffix = _ref2$value.suffix;
|
|
212
216
|
_ref2$value$suffix = _ref2$value$suffix === void 0 ? defaultLabelOfPie.value.suffix : _ref2$value$suffix;
|
|
213
217
|
var _ref2$value$suffix$sh = _ref2$value$suffix.show,
|
|
@@ -339,6 +343,11 @@ var labelOfPie = function labelOfPie() {
|
|
|
339
343
|
config: {
|
|
340
344
|
min: 0
|
|
341
345
|
}
|
|
346
|
+
}, {
|
|
347
|
+
"name": "sameColor",
|
|
348
|
+
"displayName": "颜色跟随",
|
|
349
|
+
"value": percentSameColor,
|
|
350
|
+
"type": "boolean"
|
|
342
351
|
}, {
|
|
343
352
|
rule: [["show", "$eq", true]],
|
|
344
353
|
name: "font",
|
|
@@ -355,6 +364,12 @@ var labelOfPie = function labelOfPie() {
|
|
|
355
364
|
displayName: "显示",
|
|
356
365
|
value: showValue,
|
|
357
366
|
type: "boolean"
|
|
367
|
+
}, {
|
|
368
|
+
rule: [['show', '$eq', true]],
|
|
369
|
+
name: 'sameColor',
|
|
370
|
+
displayName: '颜色跟随',
|
|
371
|
+
value: valueSameColor,
|
|
372
|
+
type: 'boolean'
|
|
358
373
|
}, {
|
|
359
374
|
rule: [["show", "$eq", true]],
|
|
360
375
|
name: "suffix",
|
package/lib/sc.js
CHANGED
|
@@ -21,7 +21,7 @@ var _default = function _default(name, displayName) {
|
|
|
21
21
|
if (type) res["type"] = type;
|
|
22
22
|
if (config) {
|
|
23
23
|
if (config.other) res = _objectSpread(_objectSpread({}, res), config.other);
|
|
24
|
-
res[
|
|
24
|
+
res["config"] = config;
|
|
25
25
|
}
|
|
26
26
|
if (rule) res = _objectSpread(_objectSpread({}, rule), res);
|
|
27
27
|
return res;
|
package/package.json
CHANGED
package/src/animation.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { multiColor, font } from
|
|
1
|
+
import { multiColor, font } from "./";
|
|
2
2
|
const animation = {
|
|
3
3
|
show: false,
|
|
4
4
|
duration: 3,
|
|
@@ -8,47 +8,47 @@ export default ({
|
|
|
8
8
|
show = animation.show,
|
|
9
9
|
duration = animation.duration,
|
|
10
10
|
interval = animation.interval,
|
|
11
|
-
hoverStop
|
|
11
|
+
hoverStop,
|
|
12
12
|
} = animation) => ({
|
|
13
|
-
name:
|
|
14
|
-
displayName:
|
|
13
|
+
name: "animation",
|
|
14
|
+
displayName: "轮播动画",
|
|
15
15
|
value: [
|
|
16
16
|
{
|
|
17
|
-
name:
|
|
18
|
-
displayName:
|
|
17
|
+
name: "show",
|
|
18
|
+
displayName: "",
|
|
19
19
|
value: show,
|
|
20
|
-
type:
|
|
20
|
+
type: "boolean",
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
rule: [[
|
|
24
|
-
name:
|
|
25
|
-
displayName:
|
|
23
|
+
rule: [["show", "$eq", true]],
|
|
24
|
+
name: "duration",
|
|
25
|
+
displayName: "滚动时长",
|
|
26
26
|
value: duration,
|
|
27
|
-
type:
|
|
27
|
+
type: "number",
|
|
28
28
|
config: {
|
|
29
29
|
span: 12,
|
|
30
|
-
suffix:
|
|
30
|
+
suffix: "s",
|
|
31
31
|
},
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
|
-
rule: [[
|
|
35
|
-
name:
|
|
36
|
-
displayName:
|
|
34
|
+
rule: [["show", "$eq", true]],
|
|
35
|
+
name: "interval",
|
|
36
|
+
displayName: "间隔时长",
|
|
37
37
|
value: interval,
|
|
38
|
-
type:
|
|
38
|
+
type: "number",
|
|
39
39
|
config: {
|
|
40
40
|
span: 12,
|
|
41
|
-
suffix:
|
|
41
|
+
suffix: "s",
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
|
-
hoverStop !==undefined && {
|
|
45
|
-
rule: [[
|
|
46
|
-
name:
|
|
47
|
-
displayName:
|
|
44
|
+
hoverStop !== undefined && {
|
|
45
|
+
rule: [["show", "$eq", true]],
|
|
46
|
+
name: "hover",
|
|
47
|
+
displayName: "悬停暂停动画",
|
|
48
48
|
value: hoverStop,
|
|
49
|
-
type:
|
|
50
|
-
}
|
|
51
|
-
].filter(d
|
|
49
|
+
type: "boolean",
|
|
50
|
+
},
|
|
51
|
+
].filter((d) => !!d),
|
|
52
52
|
});
|
|
53
53
|
|
|
54
54
|
const defaultDataAnimation = {
|
|
@@ -59,24 +59,24 @@ export const dataAnimation = ({
|
|
|
59
59
|
show = defaultDataAnimation.show,
|
|
60
60
|
duration = defaultDataAnimation.duration,
|
|
61
61
|
} = defaultDataAnimation) => ({
|
|
62
|
-
name:
|
|
63
|
-
displayName:
|
|
62
|
+
name: "dataAnimation",
|
|
63
|
+
displayName: "数据动画",
|
|
64
64
|
value: [
|
|
65
65
|
{
|
|
66
|
-
name:
|
|
67
|
-
displayName:
|
|
66
|
+
name: "show",
|
|
67
|
+
displayName: "",
|
|
68
68
|
value: show,
|
|
69
|
-
type:
|
|
69
|
+
type: "boolean",
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
rule: [[
|
|
73
|
-
name:
|
|
74
|
-
displayName:
|
|
72
|
+
rule: [["show", "$eq", true]],
|
|
73
|
+
name: "duration",
|
|
74
|
+
displayName: "滚动时长",
|
|
75
75
|
value: duration,
|
|
76
|
-
type:
|
|
76
|
+
type: "number",
|
|
77
77
|
config: {
|
|
78
78
|
span: 12,
|
|
79
|
-
suffix:
|
|
79
|
+
suffix: "s",
|
|
80
80
|
},
|
|
81
81
|
},
|
|
82
82
|
],
|
|
@@ -86,7 +86,8 @@ const defaultAnimationOfPie = {
|
|
|
86
86
|
show: true,
|
|
87
87
|
current: { heighten: 10, opacity: 60 },
|
|
88
88
|
interval: 3,
|
|
89
|
-
interactive:
|
|
89
|
+
interactive: "",
|
|
90
|
+
canCancel: false,
|
|
90
91
|
};
|
|
91
92
|
export const animationOfPie = ({
|
|
92
93
|
show = defaultAnimationOfPie.show,
|
|
@@ -97,82 +98,91 @@ export const animationOfPie = ({
|
|
|
97
98
|
} = defaultAnimationOfPie.current,
|
|
98
99
|
interval = defaultAnimationOfPie.interval,
|
|
99
100
|
interactive = defaultAnimationOfPie.interactive,
|
|
100
|
-
|
|
101
|
+
canCancel = defaultAnimationOfPie.canCancel,
|
|
102
|
+
hoverStop,
|
|
101
103
|
} = defaultAnimationOfPie) => ({
|
|
102
|
-
name:
|
|
103
|
-
displayName:
|
|
104
|
+
name: "animation",
|
|
105
|
+
displayName: "轮播动画",
|
|
104
106
|
value: [
|
|
105
107
|
{
|
|
106
|
-
name:
|
|
107
|
-
displayName:
|
|
108
|
+
name: "on",
|
|
109
|
+
displayName: "开启",
|
|
108
110
|
value: show,
|
|
109
|
-
type:
|
|
111
|
+
type: "boolean",
|
|
110
112
|
},
|
|
111
113
|
{
|
|
112
|
-
rule: [[
|
|
113
|
-
name:
|
|
114
|
-
displayName:
|
|
114
|
+
rule: [["on", "$eq", true]],
|
|
115
|
+
name: "current",
|
|
116
|
+
displayName: "当前值",
|
|
115
117
|
value: [
|
|
116
118
|
{
|
|
117
|
-
name:
|
|
118
|
-
displayName:
|
|
119
|
+
name: "heighten",
|
|
120
|
+
displayName: "高度增长",
|
|
119
121
|
value: heighten,
|
|
120
|
-
type:
|
|
122
|
+
type: "number",
|
|
121
123
|
},
|
|
122
|
-
widthen!=undefined
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
124
|
+
widthen != undefined
|
|
125
|
+
? {
|
|
126
|
+
name: "widthen",
|
|
127
|
+
displayName: "半径增长",
|
|
128
|
+
value: widthen,
|
|
129
|
+
type: "number",
|
|
130
|
+
}
|
|
131
|
+
: undefined,
|
|
128
132
|
{
|
|
129
|
-
name:
|
|
130
|
-
displayName:
|
|
133
|
+
name: "opacity",
|
|
134
|
+
displayName: "透明度",
|
|
131
135
|
value: opacity,
|
|
132
|
-
type:
|
|
136
|
+
type: "range",
|
|
133
137
|
config: {
|
|
134
138
|
min: 0,
|
|
135
139
|
max: 100,
|
|
136
|
-
suffix:
|
|
140
|
+
suffix: "%",
|
|
137
141
|
},
|
|
138
142
|
},
|
|
139
|
-
].filter(d
|
|
143
|
+
].filter((d) => !!d),
|
|
140
144
|
config: {
|
|
141
145
|
defaultOpen: true,
|
|
142
146
|
},
|
|
143
147
|
},
|
|
144
148
|
{
|
|
145
|
-
rule: [[
|
|
146
|
-
name:
|
|
147
|
-
displayName:
|
|
149
|
+
rule: [["on", "$eq", true]],
|
|
150
|
+
name: "interval",
|
|
151
|
+
displayName: "间隔时长",
|
|
148
152
|
value: interval,
|
|
149
|
-
type:
|
|
153
|
+
type: "number",
|
|
150
154
|
config: {
|
|
151
|
-
suffix:
|
|
155
|
+
suffix: "s",
|
|
152
156
|
},
|
|
153
157
|
},
|
|
154
158
|
{
|
|
155
|
-
tip:
|
|
156
|
-
name:
|
|
157
|
-
displayName:
|
|
159
|
+
tip: "选择点击或悬浮，鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息",
|
|
160
|
+
name: "interactive",
|
|
161
|
+
displayName: "交互方式",
|
|
158
162
|
value: interactive,
|
|
159
|
-
type:
|
|
163
|
+
type: "radio",
|
|
160
164
|
config: {
|
|
161
165
|
options: [
|
|
162
|
-
{ name:
|
|
163
|
-
{ name:
|
|
164
|
-
{ name:
|
|
166
|
+
{ name: "无", value: "" },
|
|
167
|
+
{ name: "点击", value: "click" },
|
|
168
|
+
{ name: "悬停", value: "hover" },
|
|
165
169
|
],
|
|
166
170
|
},
|
|
167
171
|
},
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
+
{
|
|
173
|
+
name: "canCancel",
|
|
174
|
+
displayName: "允许取消",
|
|
175
|
+
type: "boolean",
|
|
176
|
+
value: canCancel,
|
|
177
|
+
},
|
|
178
|
+
hoverStop !== undefined && {
|
|
179
|
+
rule: [["on", "$eq", true]],
|
|
180
|
+
name: "hoverStop",
|
|
181
|
+
displayName: "悬停暂停动画",
|
|
172
182
|
value: hoverStop,
|
|
173
|
-
type:
|
|
174
|
-
}
|
|
175
|
-
].filter(d
|
|
183
|
+
type: "boolean",
|
|
184
|
+
},
|
|
185
|
+
].filter((d) => !!d),
|
|
176
186
|
});
|
|
177
187
|
|
|
178
188
|
const defaultAnimationOfCarousel = {
|
|
@@ -198,48 +208,48 @@ export const animationOfCarousel = ({
|
|
|
198
208
|
interval = defaultAnimationOfCarousel.interval,
|
|
199
209
|
rotate = defaultAnimationOfCarousel.rotate,
|
|
200
210
|
interactive = defaultAnimationOfCarousel.interactive,
|
|
201
|
-
hoverStop
|
|
211
|
+
hoverStop,
|
|
202
212
|
} = defaultAnimationOfCarousel) => ({
|
|
203
|
-
name:
|
|
204
|
-
displayName:
|
|
213
|
+
name: "animation",
|
|
214
|
+
displayName: "轮播动画",
|
|
205
215
|
value: [
|
|
206
216
|
{
|
|
207
|
-
name:
|
|
208
|
-
displayName:
|
|
217
|
+
name: "on",
|
|
218
|
+
displayName: "开启",
|
|
209
219
|
value: show,
|
|
210
|
-
type:
|
|
220
|
+
type: "boolean",
|
|
211
221
|
},
|
|
212
222
|
{
|
|
213
|
-
rule: [[
|
|
214
|
-
name:
|
|
215
|
-
displayName:
|
|
223
|
+
rule: [["on", "$eq", true]],
|
|
224
|
+
name: "current",
|
|
225
|
+
displayName: "当前值",
|
|
216
226
|
value: [
|
|
217
227
|
{
|
|
218
|
-
name:
|
|
219
|
-
displayName:
|
|
228
|
+
name: "width",
|
|
229
|
+
displayName: "弧宽增长",
|
|
220
230
|
value: width,
|
|
221
|
-
type:
|
|
231
|
+
type: "number",
|
|
222
232
|
},
|
|
223
233
|
{
|
|
224
|
-
name:
|
|
225
|
-
displayName:
|
|
234
|
+
name: "color",
|
|
235
|
+
displayName: "颜色",
|
|
226
236
|
value: multiColor(color),
|
|
227
|
-
type:
|
|
237
|
+
type: "multicolor",
|
|
228
238
|
},
|
|
229
239
|
{
|
|
230
|
-
name:
|
|
231
|
-
displayName:
|
|
240
|
+
name: "textStyle",
|
|
241
|
+
displayName: "类目文本样式",
|
|
232
242
|
value: font(textStyle),
|
|
233
|
-
type:
|
|
234
|
-
markColorType:
|
|
243
|
+
type: "textStyle",
|
|
244
|
+
markColorType: "textColor",
|
|
235
245
|
},
|
|
236
246
|
{
|
|
237
|
-
name:
|
|
238
|
-
displayName:
|
|
247
|
+
name: "gap",
|
|
248
|
+
displayName: "类目文本间距",
|
|
239
249
|
value: gap,
|
|
240
|
-
type:
|
|
250
|
+
type: "number",
|
|
241
251
|
config: {
|
|
242
|
-
suffix:
|
|
252
|
+
suffix: "px",
|
|
243
253
|
},
|
|
244
254
|
},
|
|
245
255
|
],
|
|
@@ -248,39 +258,39 @@ export const animationOfCarousel = ({
|
|
|
248
258
|
},
|
|
249
259
|
},
|
|
250
260
|
{
|
|
251
|
-
rule: [[
|
|
252
|
-
name:
|
|
253
|
-
displayName:
|
|
261
|
+
rule: [["on", "$eq", true]],
|
|
262
|
+
name: "interval",
|
|
263
|
+
displayName: "间隔时长",
|
|
254
264
|
value: interval,
|
|
255
|
-
type:
|
|
265
|
+
type: "number",
|
|
256
266
|
config: {
|
|
257
|
-
suffix:
|
|
267
|
+
suffix: "s",
|
|
258
268
|
},
|
|
259
269
|
},
|
|
260
270
|
{
|
|
261
|
-
rule: [[
|
|
262
|
-
name:
|
|
263
|
-
displayName:
|
|
271
|
+
rule: [["on", "$eq", true]],
|
|
272
|
+
name: "rotate",
|
|
273
|
+
displayName: "旋转",
|
|
264
274
|
value: rotate,
|
|
265
|
-
type:
|
|
275
|
+
type: "number",
|
|
266
276
|
config: {
|
|
267
277
|
min: 0,
|
|
268
278
|
max: 360,
|
|
269
|
-
suffix:
|
|
279
|
+
suffix: "°",
|
|
270
280
|
},
|
|
271
281
|
},
|
|
272
282
|
{
|
|
273
|
-
name:
|
|
274
|
-
displayName:
|
|
283
|
+
name: "interactive",
|
|
284
|
+
displayName: "点击交互",
|
|
275
285
|
value: interactive,
|
|
276
|
-
type:
|
|
286
|
+
type: "boolean",
|
|
277
287
|
},
|
|
278
|
-
hoverStop !==undefined && {
|
|
279
|
-
rule: [[
|
|
280
|
-
name:
|
|
281
|
-
displayName:
|
|
288
|
+
hoverStop !== undefined && {
|
|
289
|
+
rule: [["on", "$eq", true]],
|
|
290
|
+
name: "hoverStop",
|
|
291
|
+
displayName: "悬停暂停动画",
|
|
282
292
|
value: hoverStop,
|
|
283
|
-
type:
|
|
284
|
-
}
|
|
285
|
-
].filter(d
|
|
293
|
+
type: "boolean",
|
|
294
|
+
},
|
|
295
|
+
].filter((d) => !!d),
|
|
286
296
|
});
|
package/src/label.js
CHANGED
|
@@ -139,6 +139,7 @@ export const labelOfPie = ({
|
|
|
139
139
|
percent: {
|
|
140
140
|
show: showPercent = defaultLabelOfPie.percent.show,
|
|
141
141
|
precision = defaultLabelOfPie.percent.precision,
|
|
142
|
+
sameColor: percentSameColor = defaultLabelOfPie.percent.sameColor,
|
|
142
143
|
font: percentFont = defaultLabelOfPie.percent.font,
|
|
143
144
|
translate:{
|
|
144
145
|
x:percentX = defaultLabelOfPie.percent.translate.x,
|
|
@@ -147,6 +148,7 @@ export const labelOfPie = ({
|
|
|
147
148
|
} = defaultLabelOfPie.percent,
|
|
148
149
|
value: {
|
|
149
150
|
show: showValue = defaultLabelOfPie.value.show,
|
|
151
|
+
sameColor: valueSameColor = defaultLabelOfPie.value.sameColor,
|
|
150
152
|
suffix: {
|
|
151
153
|
show: showSuffix = defaultLabelOfPie.value.suffix.show,
|
|
152
154
|
text: suffixText = defaultLabelOfPie.value.suffix.text,
|
|
@@ -290,6 +292,12 @@ export const labelOfPie = ({
|
|
|
290
292
|
min: 0,
|
|
291
293
|
},
|
|
292
294
|
},
|
|
295
|
+
{
|
|
296
|
+
"name": "sameColor",
|
|
297
|
+
"displayName": "颜色跟随",
|
|
298
|
+
"value": percentSameColor,
|
|
299
|
+
"type": "boolean"
|
|
300
|
+
},
|
|
293
301
|
{
|
|
294
302
|
rule: [["show", "$eq", true]],
|
|
295
303
|
name: "font",
|
|
@@ -311,6 +319,13 @@ export const labelOfPie = ({
|
|
|
311
319
|
value: showValue,
|
|
312
320
|
type: "boolean",
|
|
313
321
|
},
|
|
322
|
+
{
|
|
323
|
+
rule: [['show', '$eq', true]],
|
|
324
|
+
name: 'sameColor',
|
|
325
|
+
displayName: '颜色跟随',
|
|
326
|
+
value: valueSameColor,
|
|
327
|
+
type: 'boolean',
|
|
328
|
+
},
|
|
314
329
|
{
|
|
315
330
|
rule: [["show", "$eq", true]],
|
|
316
331
|
name: "suffix",
|
package/src/sc.js
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
+
export default (
|
|
2
|
+
name,
|
|
3
|
+
displayName,
|
|
4
|
+
type = "",
|
|
5
|
+
value,
|
|
6
|
+
config = "",
|
|
7
|
+
rule = ""
|
|
8
|
+
) => {
|
|
9
|
+
let res = { name, displayName, value };
|
|
10
|
+
if (type) res["type"] = type;
|
|
11
|
+
if (config) {
|
|
12
|
+
if (config.other) res = { ...res, ...config.other };
|
|
13
|
+
res["config"] = config;
|
|
14
|
+
}
|
|
15
|
+
if (rule) res = { ...rule, ...res };
|
|
1
16
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
if(type) res["type"]=type;
|
|
5
|
-
if(config){
|
|
6
|
-
if(config.other) res={...res,...config.other};
|
|
7
|
-
res['config']=config;
|
|
8
|
-
}
|
|
9
|
-
if(rule) res={...rule,...res}
|
|
10
|
-
|
|
11
|
-
return res;
|
|
12
|
-
}
|
|
17
|
+
return res;
|
|
18
|
+
};
|