@easyv/config 1.1.18 → 1.1.20
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 +22 -5
- package/lib/pie.js +9 -6
- package/package.json +1 -1
- package/src/animation.js +19 -4
- package/src/pie.js +7 -10
package/lib/animation.js
CHANGED
|
@@ -113,7 +113,8 @@ var animationOfPie = function animationOfPie() {
|
|
|
113
113
|
_ref3$interval = _ref3.interval,
|
|
114
114
|
interval = _ref3$interval === void 0 ? defaultAnimationOfPie.interval : _ref3$interval,
|
|
115
115
|
_ref3$interactive = _ref3.interactive,
|
|
116
|
-
interactive = _ref3$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref3$interactive
|
|
116
|
+
interactive = _ref3$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref3$interactive,
|
|
117
|
+
hoverStop = _ref3.hoverStop;
|
|
117
118
|
return {
|
|
118
119
|
name: 'animation',
|
|
119
120
|
displayName: '轮播动画',
|
|
@@ -156,7 +157,6 @@ var animationOfPie = function animationOfPie() {
|
|
|
156
157
|
}
|
|
157
158
|
}, {
|
|
158
159
|
tip: '选择点击或悬浮,鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息',
|
|
159
|
-
rule: [['on', '$eq', true]],
|
|
160
160
|
name: 'interactive',
|
|
161
161
|
displayName: '交互方式',
|
|
162
162
|
value: interactive,
|
|
@@ -173,7 +173,15 @@ var animationOfPie = function animationOfPie() {
|
|
|
173
173
|
value: 'hover'
|
|
174
174
|
}]
|
|
175
175
|
}
|
|
176
|
-
}
|
|
176
|
+
}, hoverStop !== undefined && {
|
|
177
|
+
rule: [['on', '$eq', true]],
|
|
178
|
+
name: 'hoverStop',
|
|
179
|
+
displayName: '悬停暂停动画',
|
|
180
|
+
value: hoverStop,
|
|
181
|
+
type: 'boolean'
|
|
182
|
+
}].filter(function (d) {
|
|
183
|
+
return !!d;
|
|
184
|
+
})
|
|
177
185
|
};
|
|
178
186
|
};
|
|
179
187
|
exports.animationOfPie = animationOfPie;
|
|
@@ -208,7 +216,8 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
208
216
|
_ref4$rotate = _ref4.rotate,
|
|
209
217
|
rotate = _ref4$rotate === void 0 ? defaultAnimationOfCarousel.rotate : _ref4$rotate,
|
|
210
218
|
_ref4$interactive = _ref4.interactive,
|
|
211
|
-
interactive = _ref4$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref4$interactive
|
|
219
|
+
interactive = _ref4$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref4$interactive,
|
|
220
|
+
hoverStop = _ref4.hoverStop;
|
|
212
221
|
return {
|
|
213
222
|
name: 'animation',
|
|
214
223
|
displayName: '轮播动画',
|
|
@@ -274,7 +283,15 @@ var animationOfCarousel = function animationOfCarousel() {
|
|
|
274
283
|
displayName: '点击交互',
|
|
275
284
|
value: interactive,
|
|
276
285
|
type: 'boolean'
|
|
277
|
-
}
|
|
286
|
+
}, hoverStop !== undefined && {
|
|
287
|
+
rule: [['on', '$eq', true]],
|
|
288
|
+
name: 'hoverStop',
|
|
289
|
+
displayName: '悬停暂停动画',
|
|
290
|
+
value: hoverStop,
|
|
291
|
+
type: 'boolean'
|
|
292
|
+
}].filter(function (d) {
|
|
293
|
+
return !!d;
|
|
294
|
+
})
|
|
278
295
|
};
|
|
279
296
|
};
|
|
280
297
|
exports.animationOfCarousel = animationOfCarousel;
|
package/lib/pie.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.rosePieDecorate = exports.rosePie = exports.nestRosePie = exports.donut = exports["default"] = exports.current = exports.carouselDonut2 = exports.carouselDonut = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
8
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
10
|
var _ = require("./");
|
|
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; }
|
|
@@ -456,7 +457,8 @@ var defaultCurrent = {
|
|
|
456
457
|
name: {
|
|
457
458
|
show: true,
|
|
458
459
|
sameColor: false,
|
|
459
|
-
font: (0, _.font)()
|
|
460
|
+
font: (0, _.font)(),
|
|
461
|
+
maxWidth: 40
|
|
460
462
|
},
|
|
461
463
|
percent: {
|
|
462
464
|
show: true,
|
|
@@ -505,7 +507,9 @@ var current = function current() {
|
|
|
505
507
|
_ref9$current$name$fo = _ref9$current$name.font,
|
|
506
508
|
nameFont = _ref9$current$name$fo === void 0 ? defaultCurrent.current.name.font : _ref9$current$name$fo,
|
|
507
509
|
nameTranslate = _ref9$current$name.translate,
|
|
508
|
-
|
|
510
|
+
_ref9$current$name$ma = _ref9$current$name.maxWidth,
|
|
511
|
+
maxWidth = _ref9$current$name$ma === void 0 ? defaultCurrent.current.name.maxWidth : _ref9$current$name$ma,
|
|
512
|
+
overflow = _ref9$current$name.overflow,
|
|
509
513
|
_ref9$current$percent = _ref9$current.percent;
|
|
510
514
|
_ref9$current$percent = _ref9$current$percent === void 0 ? defaultCurrent.current.percent : _ref9$current$percent;
|
|
511
515
|
var _ref9$current$percent2 = _ref9$current$percent.show,
|
|
@@ -573,10 +577,9 @@ var current = function current() {
|
|
|
573
577
|
value: nameFont,
|
|
574
578
|
type: 'textStyle',
|
|
575
579
|
markColorType: 'textColor'
|
|
576
|
-
}, nameTranslate != undefined && _objectSpread(_objectSpread({}, (0, _.showRule)()), (0, _.translate)(nameTranslate.x, nameTranslate.y)),
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
}))].filter(function (item) {
|
|
580
|
+
}, nameTranslate != undefined && _objectSpread(_objectSpread({}, (0, _.showRule)()), (0, _.translate)(nameTranslate.x, nameTranslate.y)), (0, _.sc)("maxWidth", "宽度", "number", maxWidth, {
|
|
581
|
+
suffix: "px"
|
|
582
|
+
}, (0, _.showRule)())].concat((0, _toConsumableArray2["default"])((0, _.textOverflow)(overflow))).filter(function (item) {
|
|
580
583
|
return !!item;
|
|
581
584
|
})
|
|
582
585
|
}, {
|
package/package.json
CHANGED
package/src/animation.js
CHANGED
|
@@ -86,7 +86,7 @@ const defaultAnimationOfPie = {
|
|
|
86
86
|
show: true,
|
|
87
87
|
current: { heighten: 10, opacity: 60 },
|
|
88
88
|
interval: 3,
|
|
89
|
-
interactive: ''
|
|
89
|
+
interactive: ''
|
|
90
90
|
};
|
|
91
91
|
export const animationOfPie = ({
|
|
92
92
|
show = defaultAnimationOfPie.show,
|
|
@@ -96,6 +96,7 @@ export const animationOfPie = ({
|
|
|
96
96
|
} = defaultAnimationOfPie.current,
|
|
97
97
|
interval = defaultAnimationOfPie.interval,
|
|
98
98
|
interactive = defaultAnimationOfPie.interactive,
|
|
99
|
+
hoverStop
|
|
99
100
|
} = defaultAnimationOfPie) => ({
|
|
100
101
|
name: 'animation',
|
|
101
102
|
displayName: '轮播动画',
|
|
@@ -145,7 +146,6 @@ export const animationOfPie = ({
|
|
|
145
146
|
},
|
|
146
147
|
{
|
|
147
148
|
tip: '选择点击或悬浮,鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息',
|
|
148
|
-
rule: [['on', '$eq', true]],
|
|
149
149
|
name: 'interactive',
|
|
150
150
|
displayName: '交互方式',
|
|
151
151
|
value: interactive,
|
|
@@ -158,7 +158,14 @@ export const animationOfPie = ({
|
|
|
158
158
|
],
|
|
159
159
|
},
|
|
160
160
|
},
|
|
161
|
-
|
|
161
|
+
hoverStop !==undefined && {
|
|
162
|
+
rule: [['on', '$eq', true]],
|
|
163
|
+
name: 'hoverStop',
|
|
164
|
+
displayName: '悬停暂停动画',
|
|
165
|
+
value: hoverStop,
|
|
166
|
+
type: 'boolean'
|
|
167
|
+
}
|
|
168
|
+
].filter(d=>!!d),
|
|
162
169
|
});
|
|
163
170
|
|
|
164
171
|
const defaultAnimationOfCarousel = {
|
|
@@ -184,6 +191,7 @@ export const animationOfCarousel = ({
|
|
|
184
191
|
interval = defaultAnimationOfCarousel.interval,
|
|
185
192
|
rotate = defaultAnimationOfCarousel.rotate,
|
|
186
193
|
interactive = defaultAnimationOfCarousel.interactive,
|
|
194
|
+
hoverStop
|
|
187
195
|
} = defaultAnimationOfCarousel) => ({
|
|
188
196
|
name: 'animation',
|
|
189
197
|
displayName: '轮播动画',
|
|
@@ -260,5 +268,12 @@ export const animationOfCarousel = ({
|
|
|
260
268
|
value: interactive,
|
|
261
269
|
type: 'boolean',
|
|
262
270
|
},
|
|
263
|
-
|
|
271
|
+
hoverStop !==undefined && {
|
|
272
|
+
rule: [['on', '$eq', true]],
|
|
273
|
+
name: 'hoverStop',
|
|
274
|
+
displayName: '悬停暂停动画',
|
|
275
|
+
value: hoverStop,
|
|
276
|
+
type: 'boolean'
|
|
277
|
+
}
|
|
278
|
+
].filter(d=>!!d),
|
|
264
279
|
});
|
package/src/pie.js
CHANGED
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
translate as translateConfig,
|
|
6
6
|
axisLine,
|
|
7
7
|
sc,
|
|
8
|
+
textOverflow
|
|
8
9
|
} from './';
|
|
9
10
|
|
|
10
11
|
const defaultBasePie = {
|
|
@@ -460,13 +461,13 @@ const defaultCurrent = {
|
|
|
460
461
|
current: {
|
|
461
462
|
show: true,
|
|
462
463
|
gap: 45,
|
|
463
|
-
name: { show: true, sameColor: false, font: font() },
|
|
464
|
+
name: { show: true, sameColor: false, font: font(), maxWidth:40 },
|
|
464
465
|
percent: {
|
|
465
466
|
show: true,
|
|
466
467
|
sameColor: false,
|
|
467
468
|
precision: 0,
|
|
468
469
|
font: font(),
|
|
469
|
-
translate: { x: 0, y: 0 }
|
|
470
|
+
translate: { x: 0, y: 0 }
|
|
470
471
|
},
|
|
471
472
|
value: {
|
|
472
473
|
show: true,
|
|
@@ -491,7 +492,8 @@ export const current = ({
|
|
|
491
492
|
sameColor: nameColor = defaultCurrent.current.name.sameColor,
|
|
492
493
|
font: nameFont = defaultCurrent.current.name.font,
|
|
493
494
|
translate: nameTranslate,
|
|
494
|
-
|
|
495
|
+
maxWidth = defaultCurrent.current.name.maxWidth,
|
|
496
|
+
overflow
|
|
495
497
|
} = defaultCurrent.current.name,
|
|
496
498
|
percent: {
|
|
497
499
|
show: showPercent = defaultCurrent.current.percent.show,
|
|
@@ -556,13 +558,8 @@ export const current = ({
|
|
|
556
558
|
...showRule(),
|
|
557
559
|
...translateConfig(nameTranslate.x, nameTranslate.y),
|
|
558
560
|
},
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
...sc('textBreak', '首行字数', 'number', textBreak, {
|
|
562
|
-
min: 0,
|
|
563
|
-
suffix: '个',
|
|
564
|
-
}),
|
|
565
|
-
},
|
|
561
|
+
sc("maxWidth","宽度","number",maxWidth,{suffix:"px"},showRule()),
|
|
562
|
+
...textOverflow(overflow),
|
|
566
563
|
].filter((item) => !!item),
|
|
567
564
|
},
|
|
568
565
|
{
|