naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
21 lines (20 loc) • 680 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.tween = tween;
const easeOut = (t) => 1 - Math.pow((1 - t), 5);
function tween(props) {
const { from, to, duration, onUpdate, onFinish } = props;
const startTime = performance.now();
const tick = () => {
const current = performance.now();
const elapsedTime = Math.min(current - startTime, duration);
const currentValue = from + (to - from) * easeOut(elapsedTime / duration);
if (elapsedTime === duration) {
onFinish();
return;
}
onUpdate(currentValue);
requestAnimationFrame(tick);
};
tick();
}