naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
22 lines (21 loc) • 702 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.tween = void 0;
const easeOut = (t) => 1 - Math.pow(1 - t, 5);
function tween(props) {
const { from, to, duration, onUpdate, onFinish } = props;
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);
};
const startTime = performance.now();
tick();
}
exports.tween = tween;