40 lines
1.1 KiB
JavaScript
Raw Normal View History

2024-01-29 09:26:07 +08:00
"use strict";
var __importDefault = this && this.__importDefault || function (mod) {
return mod && mod.__esModule ? mod : {
"default": mod
};
};
Object.defineProperty(exports, "__esModule", {
value: true
});
2024-08-02 18:19:39 +08:00
exports.iconSwitchTransition = iconSwitchTransition;
2024-01-29 09:26:07 +08:00
const cssr_1 = require("../../_utils/cssr");
const _common_1 = __importDefault(require("../common/_common"));
const {
cubicBezierEaseInOut
} = _common_1.default;
function iconSwitchTransition({
originalTransform = '',
left = 0,
top = 0,
transition = `all .3s ${cubicBezierEaseInOut} !important`
} = {}) {
return [(0, cssr_1.c)('&.icon-switch-transition-enter-from, &.icon-switch-transition-leave-to', {
2024-08-02 18:19:39 +08:00
transform: `${originalTransform} scale(0.75)`,
2024-01-29 09:26:07 +08:00
left,
top,
opacity: 0
}), (0, cssr_1.c)('&.icon-switch-transition-enter-to, &.icon-switch-transition-leave-from', {
transform: `scale(1) ${originalTransform}`,
left,
top,
opacity: 1
}), (0, cssr_1.c)('&.icon-switch-transition-enter-active, &.icon-switch-transition-leave-active', {
transformOrigin: 'center',
position: 'absolute',
left,
top,
transition
})];
2024-08-02 18:19:39 +08:00
}