33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
"use strict";
|
|
|
|
var __importDefault = this && this.__importDefault || function (mod) {
|
|
return mod && mod.__esModule ? mod : {
|
|
"default": mod
|
|
};
|
|
};
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.fadeInTransition = fadeInTransition;
|
|
const cssr_1 = require("../../_utils/cssr");
|
|
const _common_1 = __importDefault(require("../common/_common"));
|
|
const {
|
|
cubicBezierEaseInOut
|
|
} = _common_1.default;
|
|
function fadeInTransition({
|
|
name = 'fade-in',
|
|
enterDuration = '0.2s',
|
|
leaveDuration = '0.2s',
|
|
enterCubicBezier = cubicBezierEaseInOut,
|
|
leaveCubicBezier = cubicBezierEaseInOut
|
|
} = {}) {
|
|
return [(0, cssr_1.c)(`&.${name}-transition-enter-active`, {
|
|
transition: `all ${enterDuration} ${enterCubicBezier}!important`
|
|
}), (0, cssr_1.c)(`&.${name}-transition-leave-active`, {
|
|
transition: `all ${leaveDuration} ${leaveCubicBezier}!important`
|
|
}), (0, cssr_1.c)(`&.${name}-transition-enter-from, &.${name}-transition-leave-to`, {
|
|
opacity: 0
|
|
}), (0, cssr_1.c)(`&.${name}-transition-leave-from, &.${name}-transition-enter-to`, {
|
|
opacity: 1
|
|
})];
|
|
} |