mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-13 04:53:11 +08:00
Code Issues Actions 22 Packages Projects Releases Wiki Activity

fix: performance optimization (#37615)

Browse Source
This commit is contained in:
lijianan 2022-09-19 09:56:45 +08:00 committed by GitHub
parent aa914cb198
commit cce5f00b5b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/style/motion/move.tsx
View File

@ -6,13 +6,13 @@ import { initMotion } from './motion';
export const moveDownIn = new Keyframes('antMoveDownIn', { export const moveDownIn = new Keyframes('antMoveDownIn', {
'0%': { '0%': {
transform: 'translateY(100%)', transform: 'translate3d(0, 100%, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
'100%': { '100%': {
transform: 'translateY(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
@ -20,13 +20,13 @@ export const moveDownIn = new Keyframes('antMoveDownIn', {
export const moveDownOut = new Keyframes('antMoveDownOut', { export const moveDownOut = new Keyframes('antMoveDownOut', {
'0%': { '0%': {
transform: 'translateY(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
'100%': { '100%': {
transform: 'translateY(100%)', transform: 'translate3d(0, 100%, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
@ -34,13 +34,13 @@ export const moveDownOut = new Keyframes('antMoveDownOut', {
export const moveLeftIn = new Keyframes('antMoveLeftIn', { export const moveLeftIn = new Keyframes('antMoveLeftIn', {
'0%': { '0%': {
transform: 'translateX(-100%)', transform: 'translate3d(-100%, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
'100%': { '100%': {
transform: 'translateX(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
@ -48,13 +48,13 @@ export const moveLeftIn = new Keyframes('antMoveLeftIn', {
export const moveLeftOut = new Keyframes('antMoveLeftOut', { export const moveLeftOut = new Keyframes('antMoveLeftOut', {
'0%': { '0%': {
transform: 'translateX(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
'100%': { '100%': {
transform: 'translateX(-100%)', transform: 'translate3d(-100%, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
@ -62,13 +62,13 @@ export const moveLeftOut = new Keyframes('antMoveLeftOut', {
export const moveRightIn = new Keyframes('antMoveRightIn', { export const moveRightIn = new Keyframes('antMoveRightIn', {
'0%': { '0%': {
transform: 'translateX(100%)', transform: 'translate3d(100%, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
'100%': { '100%': {
transform: 'translateX(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
@ -76,13 +76,13 @@ export const moveRightIn = new Keyframes('antMoveRightIn', {
export const moveRightOut = new Keyframes('antMoveRightOut', { export const moveRightOut = new Keyframes('antMoveRightOut', {
'0%': { '0%': {
transform: 'translateX(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
'100%': { '100%': {
transform: 'translateX(100%)', transform: 'translate3d(100%, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
@ -90,13 +90,13 @@ export const moveRightOut = new Keyframes('antMoveRightOut', {
export const moveUpIn = new Keyframes('antMoveUpIn', { export const moveUpIn = new Keyframes('antMoveUpIn', {
'0%': { '0%': {
transform: 'translateY(-100%)', transform: 'translate3d(0, -100%, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },
'100%': { '100%': {
transform: 'translateY(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
@ -104,13 +104,13 @@ export const moveUpIn = new Keyframes('antMoveUpIn', {
export const moveUpOut = new Keyframes('antMoveUpOut', { export const moveUpOut = new Keyframes('antMoveUpOut', {
'0%': { '0%': {
transform: 'translateY(0%)', transform: 'translate3d(0, 0, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 1, opacity: 1,
}, },
'100%': { '100%': {
transform: 'translateY(-100%)', transform: 'translate3d(0, -100%, 0)',
transformOrigin: '0 0', transformOrigin: '0 0',
opacity: 0, opacity: 0,
}, },