react-vegas
Version:
Vegas.js for React
115 lines (114 loc) • 2.83 kB
TypeScript
/**
* 动画变体钩子
* @param transitionDuration
*/
export declare const useAnimationVariants: (transitionDuration: number) => {
variants: {
fade: (custom: {
duration: number;
}) => {
enter: {
opacity: number;
transition: {
duration: number;
};
};
exit: {
opacity: number;
transition: {
duration: number;
};
};
};
slideLeft: (custom: {
duration: number;
}) => {
enter: {
x: number;
opacity: number;
transition: {
duration: number;
};
};
exit: {
x: string;
opacity: number;
transition: {
duration: number;
};
};
};
slideRight: (custom: {
duration: number;
}) => {
enter: {
x: number;
opacity: number;
transition: {
duration: number;
};
};
exit: {
x: string;
opacity: number;
transition: {
duration: number;
};
};
};
zoomIn: (custom: {
duration: number;
}) => {
enter: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
exit: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
};
zoomOut: (custom: {
duration: number;
}) => {
enter: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
exit: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
};
zoomInOut: (custom: {
duration: number;
}) => {
enter: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
exit: {
scale: number;
opacity: number;
transition: {
duration: number;
};
};
};
};
};