first commit
This commit is contained in:
45
frontend/node_modules/antd/es/upload/style/motion.js
generated
vendored
Normal file
45
frontend/node_modules/antd/es/upload/style/motion.js
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
import { Keyframes } from '@ant-design/cssinjs';
|
||||
import { initFadeMotion } from '../../style/motion';
|
||||
// =========================== Motion ===========================
|
||||
const genMotionStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
const uploadAnimateInlineIn = new Keyframes('uploadAnimateInlineIn', {
|
||||
from: {
|
||||
width: 0,
|
||||
height: 0,
|
||||
padding: 0,
|
||||
opacity: 0,
|
||||
margin: token.calc(token.marginXS).div(-2).equal()
|
||||
}
|
||||
});
|
||||
const uploadAnimateInlineOut = new Keyframes('uploadAnimateInlineOut', {
|
||||
to: {
|
||||
width: 0,
|
||||
height: 0,
|
||||
padding: 0,
|
||||
opacity: 0,
|
||||
margin: token.calc(token.marginXS).div(-2).equal()
|
||||
}
|
||||
});
|
||||
const inlineCls = `${componentCls}-animate-inline`;
|
||||
return [{
|
||||
[`${componentCls}-wrapper`]: {
|
||||
[`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: {
|
||||
animationDuration: token.motionDurationSlow,
|
||||
animationTimingFunction: token.motionEaseInOutCirc,
|
||||
animationFillMode: 'forwards'
|
||||
},
|
||||
[`${inlineCls}-appear, ${inlineCls}-enter`]: {
|
||||
animationName: uploadAnimateInlineIn
|
||||
},
|
||||
[`${inlineCls}-leave`]: {
|
||||
animationName: uploadAnimateInlineOut
|
||||
}
|
||||
}
|
||||
}, {
|
||||
[`${componentCls}-wrapper`]: initFadeMotion(token)
|
||||
}, uploadAnimateInlineIn, uploadAnimateInlineOut];
|
||||
};
|
||||
export default genMotionStyle;
|
||||
Reference in New Issue
Block a user