@easyv/config 1.1.13 → 1.1.15
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 +39 -10
- package/lib/legend.js +10 -3
- package/lib/tooltip.js +1 -1
- package/package.json +1 -1
- package/src/label.js +33 -8
- package/src/legend.js +7 -1
- package/src/tooltip.js +1 -1
package/lib/label.js
CHANGED
|
@@ -372,7 +372,9 @@ var defaultAxisLabel = {
|
|
|
372
372
|
appearance: {
|
|
373
373
|
count: 3,
|
|
374
374
|
angle: 0,
|
|
375
|
-
|
|
375
|
+
width: 40,
|
|
376
|
+
textOverflow: "ellipsis",
|
|
377
|
+
speed: 5
|
|
376
378
|
},
|
|
377
379
|
showLast: false,
|
|
378
380
|
translate: {
|
|
@@ -399,8 +401,12 @@ var axisLabel = function axisLabel() {
|
|
|
399
401
|
count = _ref4$appearance$coun === void 0 ? defaultAxisLabel.appearance.count : _ref4$appearance$coun,
|
|
400
402
|
_ref4$appearance$angl = _ref4$appearance.angle,
|
|
401
403
|
angle = _ref4$appearance$angl === void 0 ? defaultAxisLabel.appearance.angle : _ref4$appearance$angl,
|
|
402
|
-
_ref4$appearance$
|
|
403
|
-
|
|
404
|
+
_ref4$appearance$widt = _ref4$appearance.width,
|
|
405
|
+
width = _ref4$appearance$widt === void 0 ? defaultAxisLabel.appearance.width : _ref4$appearance$widt,
|
|
406
|
+
_ref4$appearance$text = _ref4$appearance.textOverflow,
|
|
407
|
+
textOverflow = _ref4$appearance$text === void 0 ? defaultAxisLabel.appearance.textOverflow : _ref4$appearance$text,
|
|
408
|
+
_ref4$appearance$spee = _ref4$appearance.speed,
|
|
409
|
+
speed = _ref4$appearance$spee === void 0 ? defaultAxisLabel.appearance.speed : _ref4$appearance$spee,
|
|
404
410
|
_ref4$showLast = _ref4.showLast,
|
|
405
411
|
showLast = _ref4$showLast === void 0 ? defaultAxisLabel.showLast : _ref4$showLast,
|
|
406
412
|
_ref4$translate = _ref4.translate;
|
|
@@ -573,16 +579,39 @@ var axisLabel = function axisLabel() {
|
|
|
573
579
|
suffix: '°'
|
|
574
580
|
}
|
|
575
581
|
}, {
|
|
576
|
-
name: '
|
|
577
|
-
displayName: '
|
|
578
|
-
value:
|
|
579
|
-
type: '
|
|
582
|
+
name: 'width',
|
|
583
|
+
displayName: '宽度',
|
|
584
|
+
value: width,
|
|
585
|
+
type: 'number',
|
|
586
|
+
config: {
|
|
587
|
+
suffix: "px",
|
|
588
|
+
span: 12
|
|
589
|
+
}
|
|
590
|
+
}, {
|
|
591
|
+
name: 'textOverflow',
|
|
592
|
+
displayName: '文本溢出',
|
|
593
|
+
value: textOverflow,
|
|
594
|
+
type: "select",
|
|
580
595
|
config: {
|
|
581
596
|
options: [{
|
|
582
|
-
name: '
|
|
583
|
-
value: '
|
|
597
|
+
name: '换行',
|
|
598
|
+
value: 'break-word'
|
|
599
|
+
}, {
|
|
600
|
+
name: '省略号',
|
|
601
|
+
value: 'ellipsis'
|
|
602
|
+
}, {
|
|
603
|
+
name: '跑马灯',
|
|
604
|
+
value: 'marquee'
|
|
584
605
|
}],
|
|
585
|
-
|
|
606
|
+
span: 12
|
|
607
|
+
}
|
|
608
|
+
}, {
|
|
609
|
+
rule: [["textOverflow", "$eq", "marquee"]],
|
|
610
|
+
name: "speed",
|
|
611
|
+
displayName: "速度",
|
|
612
|
+
value: speed,
|
|
613
|
+
type: "number",
|
|
614
|
+
config: {
|
|
586
615
|
span: 12
|
|
587
616
|
}
|
|
588
617
|
}],
|
package/lib/legend.js
CHANGED
|
@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.legendOfRose = exports.legendOfPie = exports.legendOfDoublePie = exports["default"] = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
|
+
var _index = require("./index");
|
|
10
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
13
|
var _require = require('.'),
|
|
@@ -24,6 +25,7 @@ var defaultFont = font({
|
|
|
24
25
|
});
|
|
25
26
|
var defaultLegend = {
|
|
26
27
|
show: true,
|
|
28
|
+
maxWidth: 40,
|
|
27
29
|
font: defaultFont,
|
|
28
30
|
iconSize: {
|
|
29
31
|
width: 10,
|
|
@@ -51,6 +53,9 @@ var _default = function _default() {
|
|
|
51
53
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultLegend,
|
|
52
54
|
_ref$show = _ref.show,
|
|
53
55
|
show = _ref$show === void 0 ? defaultLegend.show : _ref$show,
|
|
56
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
57
|
+
maxWidth = _ref$maxWidth === void 0 ? defaultLegend.maxWidth : _ref$maxWidth,
|
|
58
|
+
overflow = _ref.overflow,
|
|
54
59
|
_ref$font = _ref.font,
|
|
55
60
|
font = _ref$font === void 0 ? defaultLegend.font : _ref$font,
|
|
56
61
|
_ref$iconSize = _ref.iconSize;
|
|
@@ -88,7 +93,9 @@ var _default = function _default() {
|
|
|
88
93
|
return {
|
|
89
94
|
name: 'legend',
|
|
90
95
|
displayName: '图例',
|
|
91
|
-
value: [showConfig(show), {
|
|
96
|
+
value: [showConfig(show), (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
|
|
97
|
+
suffix: "px"
|
|
98
|
+
}, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)), [{
|
|
92
99
|
rule: [['show', '$eq', true]],
|
|
93
100
|
name: 'font',
|
|
94
101
|
displayName: '文本样式',
|
|
@@ -186,7 +193,7 @@ var _default = function _default() {
|
|
|
186
193
|
suffix: '%'
|
|
187
194
|
}
|
|
188
195
|
}]
|
|
189
|
-
}].filter(function (item) {
|
|
196
|
+
}]).filter(function (item) {
|
|
190
197
|
return !!item;
|
|
191
198
|
}),
|
|
192
199
|
config: {
|
package/lib/tooltip.js
CHANGED
package/package.json
CHANGED
package/src/label.js
CHANGED
|
@@ -337,7 +337,7 @@ export const labelOfRose = ({
|
|
|
337
337
|
const defaultAxisLabel = {
|
|
338
338
|
show: true,
|
|
339
339
|
format: { type: 'date', showType: 'MM月' },
|
|
340
|
-
appearance: { count: 3, angle: 0,
|
|
340
|
+
appearance: { count: 3, angle: 0, width: 40, textOverflow:"ellipsis", speed:5 },
|
|
341
341
|
showLast: false,
|
|
342
342
|
translate: { x: 0, y: 0 },
|
|
343
343
|
font: font({ color: 'rgba(230, 247, 255, 1)' }),
|
|
@@ -351,7 +351,9 @@ export const axisLabel = ({
|
|
|
351
351
|
appearance: {
|
|
352
352
|
count = defaultAxisLabel.appearance.count,
|
|
353
353
|
angle = defaultAxisLabel.appearance.angle,
|
|
354
|
-
|
|
354
|
+
width = defaultAxisLabel.appearance.width,
|
|
355
|
+
textOverflow = defaultAxisLabel.appearance.textOverflow,
|
|
356
|
+
speed = defaultAxisLabel.appearance.speed
|
|
355
357
|
} = defaultAxisLabel.appearance,
|
|
356
358
|
showLast = defaultAxisLabel.showLast,
|
|
357
359
|
translate: {
|
|
@@ -567,16 +569,39 @@ export const axisLabel = ({
|
|
|
567
569
|
},
|
|
568
570
|
},
|
|
569
571
|
{
|
|
570
|
-
name: '
|
|
571
|
-
displayName: '
|
|
572
|
-
value:
|
|
573
|
-
type: '
|
|
572
|
+
name: 'width',
|
|
573
|
+
displayName: '宽度',
|
|
574
|
+
value: width,
|
|
575
|
+
type: 'number',
|
|
574
576
|
config: {
|
|
575
|
-
|
|
576
|
-
allowInput: true,
|
|
577
|
+
suffix:"px",
|
|
577
578
|
span: 12,
|
|
578
579
|
},
|
|
579
580
|
},
|
|
581
|
+
{
|
|
582
|
+
name: 'textOverflow',
|
|
583
|
+
displayName: '文本溢出',
|
|
584
|
+
value: textOverflow,
|
|
585
|
+
type: "select",
|
|
586
|
+
config: {
|
|
587
|
+
options:[
|
|
588
|
+
{ name: '换行', value: 'break-word' },
|
|
589
|
+
{ name: '省略号', value: 'ellipsis' },
|
|
590
|
+
{ name: '跑马灯', value: 'marquee' },
|
|
591
|
+
],
|
|
592
|
+
span: 12,
|
|
593
|
+
}
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
rule:[["textOverflow","$eq","marquee"]],
|
|
597
|
+
name:"speed",
|
|
598
|
+
displayName:"速度",
|
|
599
|
+
value:speed,
|
|
600
|
+
type:"number",
|
|
601
|
+
config:{
|
|
602
|
+
span:12
|
|
603
|
+
}
|
|
604
|
+
}
|
|
580
605
|
],
|
|
581
606
|
type: 'group',
|
|
582
607
|
},
|
package/src/legend.js
CHANGED
|
@@ -2,8 +2,9 @@ const {
|
|
|
2
2
|
translate: translateConfig,
|
|
3
3
|
font,
|
|
4
4
|
show: showConfig,
|
|
5
|
-
showRule
|
|
5
|
+
showRule
|
|
6
6
|
} = require('.');
|
|
7
|
+
import { textOverflow, sc } from './index';
|
|
7
8
|
|
|
8
9
|
const defaultFont = font({
|
|
9
10
|
fontFamily: 'Mircosoft Yahei',
|
|
@@ -16,6 +17,7 @@ const defaultFont = font({
|
|
|
16
17
|
|
|
17
18
|
const defaultLegend = {
|
|
18
19
|
show: true,
|
|
20
|
+
maxWidth:40,
|
|
19
21
|
font: defaultFont,
|
|
20
22
|
iconSize: {
|
|
21
23
|
width: 10,
|
|
@@ -38,6 +40,8 @@ const defaultLegend = {
|
|
|
38
40
|
};
|
|
39
41
|
export default ({
|
|
40
42
|
show = defaultLegend.show,
|
|
43
|
+
maxWidth = defaultLegend.maxWidth,
|
|
44
|
+
overflow,
|
|
41
45
|
font = defaultLegend.font,
|
|
42
46
|
iconSize: {
|
|
43
47
|
width = defaultLegend.iconSize.width,
|
|
@@ -65,6 +69,8 @@ export default ({
|
|
|
65
69
|
displayName: '图例',
|
|
66
70
|
value: [
|
|
67
71
|
showConfig(show),
|
|
72
|
+
sc("maxWidth","宽度","number",maxWidth,{suffix:"px"},showRule()),
|
|
73
|
+
...textOverflow(overflow),
|
|
68
74
|
{
|
|
69
75
|
rule: [['show', '$eq', true]],
|
|
70
76
|
name: 'font',
|