github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 19:29:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(transition): add transition comp and demo

Browse Source
This commit is contained in:
vben
2020-10-25 21:31:14 +08:00
parent 2628fb550d
commit 3713487c85
5 changed files with 125 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Transition/index.ts
View File

@@ -1,24 +1,21 @@
// import {
// // createSimpleTransition,
// createJavascriptTransition,
// } from './src/CreateTransition';
import { createSimpleTransition, createJavascriptTransition } from './src/CreateTransition';
// import ExpandTransitionGenerator from './src/ExpandTransition';
import ExpandTransitionGenerator from './src/ExpandTransition';
export { default as CollapseTransition } from './src/CollapseTransition';
// 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(
@@ -26,9 +23,9 @@ export { default as CollapseTransition } from './src/CollapseTransition';
// ExpandTransitionGenerator()
// );
// export const ExpandXTransition = createJavascriptTransition(
// 'expand-x-transition',
// ExpandTransitionGenerator('', true)
// );
export const ExpandXTransition = createJavascriptTransition(
'expand-x-transition',
ExpandTransitionGenerator('', true)
);
export { default as ExpandTransition } from './src/ExpandTransition.vue';