@visactor/vrender-components
Version:
components library for dp visualization
67 lines (56 loc) • 3.31 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.tagFadeOut = exports.segmentFadeOut = exports.graphicFadeOut = exports.tagFadeIn = exports.segmentFadeIn = exports.graphicFadeIn = exports.getSegmentLineGraphics = void 0;
const static_truth_1 = require("../../animation/static-truth");
function getSegmentLineGraphics(segment) {
var _a;
return segment ? [ ...null !== (_a = segment.lines) && void 0 !== _a ? _a : [], segment.line ].filter(Boolean) : [];
}
function graphicFadeIn(graphic, delay, duration, easing) {
var _a, _b, _c, _d, _e;
if (!graphic) return;
null === (_a = null == graphic ? void 0 : graphic.animates) || void 0 === _a || _a.forEach((a => a.stop("end")));
const fillOpacityConfig = null !== (_c = null === (_b = graphic.attribute) || void 0 === _b ? void 0 : _b.fillOpacity) && void 0 !== _c ? _c : 1, strokeOpacityConfig = null !== (_e = null === (_d = graphic.attribute) || void 0 === _d ? void 0 : _d.strokeOpacity) && void 0 !== _e ? _e : 1;
(0, static_truth_1.commitUpdateAnimationTarget)(graphic, {
fillOpacity: fillOpacityConfig,
strokeOpacity: strokeOpacityConfig
}, {
fillOpacity: 0,
strokeOpacity: 0
}), graphic.animate().wait(delay).to({
fillOpacity: fillOpacityConfig,
strokeOpacity: strokeOpacityConfig
}, duration, easing);
}
function segmentFadeIn(segment, delay, duration, easing) {
segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach((line => graphicFadeIn(line, delay, duration, easing))),
graphicFadeIn(segment.endSymbol, delay, duration, easing));
}
function tagFadeIn(tag, delay, duration, easing) {
tag && (graphicFadeIn(tag.getTextShape(), delay, duration, easing), graphicFadeIn(tag.getBgRect(), delay, duration, easing));
}
function graphicFadeOut(graphic, delay, duration, easing) {
var _a, _b, _c, _d;
graphic && ((0, static_truth_1.commitUpdateAnimationTarget)(graphic, {
fillOpacity: 0,
strokeOpacity: 0
}, {
fillOpacity: null !== (_b = null === (_a = graphic.attribute) || void 0 === _a ? void 0 : _a.fillOpacity) && void 0 !== _b ? _b : 1,
strokeOpacity: null !== (_d = null === (_c = graphic.attribute) || void 0 === _c ? void 0 : _c.strokeOpacity) && void 0 !== _d ? _d : 1
}), graphic.animate().wait(delay).to({
fillOpacity: 0,
strokeOpacity: 0
}, duration, easing));
}
function segmentFadeOut(segment, delay, duration, easing) {
segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach((line => graphicFadeOut(line, delay, duration, easing))),
graphicFadeOut(segment.endSymbol, delay, duration, easing));
}
function tagFadeOut(tag, delay, duration, easing) {
tag && (graphicFadeOut(tag.getTextShape(), delay, duration, easing), graphicFadeOut(tag.getBgRect(), delay, duration, easing));
}
exports.getSegmentLineGraphics = getSegmentLineGraphics, exports.graphicFadeIn = graphicFadeIn,
exports.segmentFadeIn = segmentFadeIn, exports.tagFadeIn = tagFadeIn, exports.graphicFadeOut = graphicFadeOut,
exports.segmentFadeOut = segmentFadeOut, exports.tagFadeOut = tagFadeOut;
//# sourceMappingURL=common.js.map