feat: add count-to component and demo

This commit is contained in:
vben
2020-10-12 01:15:31 +08:00
parent 4811cce809
commit afc7263efb
8 changed files with 79 additions and 23 deletions

View File

@@ -1,20 +1,23 @@
import { createSimpleTransition, createJavascriptTransition } from './src/CreateTransition';
import {
// createSimpleTransition,
createJavascriptTransition,
} from './src/CreateTransition';
import ExpandTransitionGenerator from './src/ExpandTransition';
export { default as CollapseTransition } from './src/CollapseTransition';
export const FadeTransition = createSimpleTransition('fade-transition');
export const ScaleTransition = createSimpleTransition('scale-transition');
export const SlideYTransition = createSimpleTransition('slide-y-transition');
export const ScrollYTransition = createSimpleTransition('scroll-y-transition');
export const SlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition');
export const ScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition');
export const SlideXTransition = createSimpleTransition('slide-x-transition');
export const ScrollXTransition = createSimpleTransition('scroll-x-transition');
export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition');
export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition');
export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition');
// export const FadeTransition = createSimpleTransition('fade-transition');
// export const ScaleTransition = createSimpleTransition('scale-transition');
// export const SlideYTransition = createSimpleTransition('slide-y-transition');
// export const ScrollYTransition = createSimpleTransition('scroll-y-transition');
// export const SlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition');
// export const ScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition');
// export const SlideXTransition = createSimpleTransition('slide-x-transition');
// export const ScrollXTransition = createSimpleTransition('scroll-x-transition');
// export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition');
// export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition');
// export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition');
// Javascript transitions
export const ExpandTransition = createJavascriptTransition(
@@ -22,7 +25,7 @@ export const ExpandTransition = createJavascriptTransition(
ExpandTransitionGenerator()
);
export const ExpandXTransition = createJavascriptTransition(
'expand-x-transition',
ExpandTransitionGenerator('', true)
);
// export const ExpandXTransition = createJavascriptTransition(
// 'expand-x-transition',
// ExpandTransitionGenerator('', true)
// );