first commit

frontend/node_modules/antd/lib/style/motion/collapse.d.ts

@@ -0,0 +1,3 @@
+import type { AliasToken, GenerateStyle, TokenWithCommonCls } from '../../theme/internal';
+declare const genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>>;
+export default genCollapseMotion;

frontend/node_modules/antd/lib/style/motion/collapse.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const genCollapseMotion = token => ({
+  [token.componentCls]: {
+    // For common/openAnimation
+    [`${token.antCls}-motion-collapse-legacy`]: {
+      overflow: 'hidden',
+      '&-active': {
+        transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
+        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
+      }
+    },
+    [`${token.antCls}-motion-collapse`]: {
+      overflow: 'hidden',
+      transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
+        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
+    }
+  }
+});
+var _default = exports.default = genCollapseMotion;

frontend/node_modules/antd/lib/style/motion/fade.d.ts

@@ -0,0 +1,6 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const fadeIn: Keyframes;
+export declare const fadeOut: Keyframes;
+export declare const initFadeMotion: (token: TokenWithCommonCls<AliasToken>, sameLevel?: boolean) => CSSInterpolation;

frontend/node_modules/antd/lib/style/motion/fade.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initFadeMotion = exports.fadeOut = exports.fadeIn = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _motion = require("./motion");
+const fadeIn = exports.fadeIn = new _cssinjs.Keyframes('antFadeIn', {
+  '0%': {
+    opacity: 0
+  },
+  '100%': {
+    opacity: 1
+  }
+});
+const fadeOut = exports.fadeOut = new _cssinjs.Keyframes('antFadeOut', {
+  '0%': {
+    opacity: 1
+  },
+  '100%': {
+    opacity: 0
+  }
+});
+const initFadeMotion = (token, sameLevel = false) => {
+  const {
+    antCls
+  } = token;
+  const motionCls = `${antCls}-fade`;
+  const sameLevelPrefix = sameLevel ? '&' : '';
+  return [(0, _motion.initMotion)(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel), {
+    [`
+        ${sameLevelPrefix}${motionCls}-enter,
+        ${sameLevelPrefix}${motionCls}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: 'linear'
+    },
+    [`${sameLevelPrefix}${motionCls}-leave`]: {
+      animationTimingFunction: 'linear'
+    }
+  }];
+};
+exports.initFadeMotion = initFadeMotion;

frontend/node_modules/antd/lib/style/motion/index.d.ts

@@ -0,0 +1,6 @@
+import genCollapseMotion from './collapse';
+import { fadeIn, fadeOut, initFadeMotion } from './fade';
+import { initMoveMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut } from './move';
+import { initSlideMotion, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut } from './slide';
+import { initZoomMotion, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut } from './zoom';
+export { initSlideMotion, slideUpIn, slideUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, zoomOut, zoomIn, zoomBigIn, zoomLeftOut, zoomBigOut, zoomLeftIn, zoomRightIn, zoomUpIn, zoomRightOut, zoomUpOut, zoomDownIn, zoomDownOut, initZoomMotion, fadeIn, fadeOut, initFadeMotion, moveRightOut, moveRightIn, moveLeftOut, moveLeftIn, moveDownOut, moveDownIn, moveUpIn, moveUpOut, initMoveMotion, genCollapseMotion, };

frontend/node_modules/antd/lib/style/motion/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "fadeIn", {
+  enumerable: true,
+  get: function () {
+    return _fade.fadeIn;
+  }
+});
+Object.defineProperty(exports, "fadeOut", {
+  enumerable: true,
+  get: function () {
+    return _fade.fadeOut;
+  }
+});
+Object.defineProperty(exports, "genCollapseMotion", {
+  enumerable: true,
+  get: function () {
+    return _collapse.default;
+  }
+});
+Object.defineProperty(exports, "initFadeMotion", {
+  enumerable: true,
+  get: function () {
+    return _fade.initFadeMotion;
+  }
+});
+Object.defineProperty(exports, "initMoveMotion", {
+  enumerable: true,
+  get: function () {
+    return _move.initMoveMotion;
+  }
+});
+Object.defineProperty(exports, "initSlideMotion", {
+  enumerable: true,
+  get: function () {
+    return _slide.initSlideMotion;
+  }
+});
+Object.defineProperty(exports, "initZoomMotion", {
+  enumerable: true,
+  get: function () {
+    return _zoom.initZoomMotion;
+  }
+});
+Object.defineProperty(exports, "moveDownIn", {
+  enumerable: true,
+  get: function () {
+    return _move.moveDownIn;
+  }
+});
+Object.defineProperty(exports, "moveDownOut", {
+  enumerable: true,
+  get: function () {
+    return _move.moveDownOut;
+  }
+});
+Object.defineProperty(exports, "moveLeftIn", {
+  enumerable: true,
+  get: function () {
+    return _move.moveLeftIn;
+  }
+});
+Object.defineProperty(exports, "moveLeftOut", {
+  enumerable: true,
+  get: function () {
+    return _move.moveLeftOut;
+  }
+});
+Object.defineProperty(exports, "moveRightIn", {
+  enumerable: true,
+  get: function () {
+    return _move.moveRightIn;
+  }
+});
+Object.defineProperty(exports, "moveRightOut", {
+  enumerable: true,
+  get: function () {
+    return _move.moveRightOut;
+  }
+});
+Object.defineProperty(exports, "moveUpIn", {
+  enumerable: true,
+  get: function () {
+    return _move.moveUpIn;
+  }
+});
+Object.defineProperty(exports, "moveUpOut", {
+  enumerable: true,
+  get: function () {
+    return _move.moveUpOut;
+  }
+});
+Object.defineProperty(exports, "slideDownIn", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideDownIn;
+  }
+});
+Object.defineProperty(exports, "slideDownOut", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideDownOut;
+  }
+});
+Object.defineProperty(exports, "slideLeftIn", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideLeftIn;
+  }
+});
+Object.defineProperty(exports, "slideLeftOut", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideLeftOut;
+  }
+});
+Object.defineProperty(exports, "slideRightIn", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideRightIn;
+  }
+});
+Object.defineProperty(exports, "slideRightOut", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideRightOut;
+  }
+});
+Object.defineProperty(exports, "slideUpIn", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideUpIn;
+  }
+});
+Object.defineProperty(exports, "slideUpOut", {
+  enumerable: true,
+  get: function () {
+    return _slide.slideUpOut;
+  }
+});
+Object.defineProperty(exports, "zoomBigIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomBigIn;
+  }
+});
+Object.defineProperty(exports, "zoomBigOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomBigOut;
+  }
+});
+Object.defineProperty(exports, "zoomDownIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomDownIn;
+  }
+});
+Object.defineProperty(exports, "zoomDownOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomDownOut;
+  }
+});
+Object.defineProperty(exports, "zoomIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomIn;
+  }
+});
+Object.defineProperty(exports, "zoomLeftIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomLeftIn;
+  }
+});
+Object.defineProperty(exports, "zoomLeftOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomLeftOut;
+  }
+});
+Object.defineProperty(exports, "zoomOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomOut;
+  }
+});
+Object.defineProperty(exports, "zoomRightIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomRightIn;
+  }
+});
+Object.defineProperty(exports, "zoomRightOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomRightOut;
+  }
+});
+Object.defineProperty(exports, "zoomUpIn", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomUpIn;
+  }
+});
+Object.defineProperty(exports, "zoomUpOut", {
+  enumerable: true,
+  get: function () {
+    return _zoom.zoomUpOut;
+  }
+});
+var _collapse = _interopRequireDefault(require("./collapse"));
+var _fade = require("./fade");
+var _move = require("./move");
+var _slide = require("./slide");
+var _zoom = require("./zoom");

frontend/node_modules/antd/lib/style/motion/motion.d.ts

@@ -0,0 +1,2 @@
+import type { CSSObject, Keyframes } from '@ant-design/cssinjs';
+export declare const initMotion: (motionCls: string, inKeyframes: Keyframes, outKeyframes: Keyframes, duration: string, sameLevel?: boolean) => CSSObject;

frontend/node_modules/antd/lib/style/motion/motion.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initMotion = void 0;
+const initMotionCommon = duration => ({
+  animationDuration: duration,
+  animationFillMode: 'both'
+});
+// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove
+const initMotionCommonLeave = duration => ({
+  animationDuration: duration,
+  animationFillMode: 'both'
+});
+const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel = false) => {
+  const sameLevelPrefix = sameLevel ? '&' : '';
+  return {
+    [`
+      ${sameLevelPrefix}${motionCls}-enter,
+      ${sameLevelPrefix}${motionCls}-appear
+    `]: Object.assign(Object.assign({}, initMotionCommon(duration)), {
+      animationPlayState: 'paused'
+    }),
+    [`${sameLevelPrefix}${motionCls}-leave`]: Object.assign(Object.assign({}, initMotionCommonLeave(duration)), {
+      animationPlayState: 'paused'
+    }),
+    [`
+      ${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active,
+      ${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active
+    `]: {
+      animationName: inKeyframes,
+      animationPlayState: 'running'
+    },
+    [`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: {
+      animationName: outKeyframes,
+      animationPlayState: 'running',
+      pointerEvents: 'none'
+    }
+  };
+};
+exports.initMotion = initMotion;

frontend/node_modules/antd/lib/style/motion/move.d.ts

@@ -0,0 +1,14 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const moveDownIn: Keyframes;
+export declare const moveDownOut: Keyframes;
+export declare const moveLeftIn: Keyframes;
+export declare const moveLeftOut: Keyframes;
+export declare const moveRightIn: Keyframes;
+export declare const moveRightOut: Keyframes;
+export declare const moveUpIn: Keyframes;
+export declare const moveUpOut: Keyframes;
+type MoveMotionTypes = 'move-up' | 'move-down' | 'move-left' | 'move-right';
+export declare const initMoveMotion: (token: TokenWithCommonCls<AliasToken>, motionName: MoveMotionTypes) => CSSInterpolation;
+export {};

frontend/node_modules/antd/lib/style/motion/move.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moveUpOut = exports.moveUpIn = exports.moveRightOut = exports.moveRightIn = exports.moveLeftOut = exports.moveLeftIn = exports.moveDownOut = exports.moveDownIn = exports.initMoveMotion = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _motion = require("./motion");
+const moveDownIn = exports.moveDownIn = new _cssinjs.Keyframes('antMoveDownIn', {
+  '0%': {
+    transform: 'translate3d(0, 100%, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  }
+});
+const moveDownOut = exports.moveDownOut = new _cssinjs.Keyframes('antMoveDownOut', {
+  '0%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'translate3d(0, 100%, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  }
+});
+const moveLeftIn = exports.moveLeftIn = new _cssinjs.Keyframes('antMoveLeftIn', {
+  '0%': {
+    transform: 'translate3d(-100%, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  }
+});
+const moveLeftOut = exports.moveLeftOut = new _cssinjs.Keyframes('antMoveLeftOut', {
+  '0%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'translate3d(-100%, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  }
+});
+const moveRightIn = exports.moveRightIn = new _cssinjs.Keyframes('antMoveRightIn', {
+  '0%': {
+    transform: 'translate3d(100%, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  }
+});
+const moveRightOut = exports.moveRightOut = new _cssinjs.Keyframes('antMoveRightOut', {
+  '0%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'translate3d(100%, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  }
+});
+const moveUpIn = exports.moveUpIn = new _cssinjs.Keyframes('antMoveUpIn', {
+  '0%': {
+    transform: 'translate3d(0, -100%, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  }
+});
+const moveUpOut = exports.moveUpOut = new _cssinjs.Keyframes('antMoveUpOut', {
+  '0%': {
+    transform: 'translate3d(0, 0, 0)',
+    transformOrigin: '0 0',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'translate3d(0, -100%, 0)',
+    transformOrigin: '0 0',
+    opacity: 0
+  }
+});
+const moveMotion = {
+  'move-up': {
+    inKeyframes: moveUpIn,
+    outKeyframes: moveUpOut
+  },
+  'move-down': {
+    inKeyframes: moveDownIn,
+    outKeyframes: moveDownOut
+  },
+  'move-left': {
+    inKeyframes: moveLeftIn,
+    outKeyframes: moveLeftOut
+  },
+  'move-right': {
+    inKeyframes: moveRightIn,
+    outKeyframes: moveRightOut
+  }
+};
+const initMoveMotion = (token, motionName) => {
+  const {
+    antCls
+  } = token;
+  const motionCls = `${antCls}-${motionName}`;
+  const {
+    inKeyframes,
+    outKeyframes
+  } = moveMotion[motionName];
+  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), {
+    [`
+        ${motionCls}-enter,
+        ${motionCls}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: token.motionEaseOutCirc
+    },
+    [`${motionCls}-leave`]: {
+      animationTimingFunction: token.motionEaseInOutCirc
+    }
+  }];
+};
+exports.initMoveMotion = initMoveMotion;

frontend/node_modules/antd/lib/style/motion/slide.d.ts

@@ -0,0 +1,14 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const slideUpIn: Keyframes;
+export declare const slideUpOut: Keyframes;
+export declare const slideDownIn: Keyframes;
+export declare const slideDownOut: Keyframes;
+export declare const slideLeftIn: Keyframes;
+export declare const slideLeftOut: Keyframes;
+export declare const slideRightIn: Keyframes;
+export declare const slideRightOut: Keyframes;
+type SlideMotionTypes = 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+export declare const initSlideMotion: (token: TokenWithCommonCls<AliasToken>, motionName: SlideMotionTypes) => CSSInterpolation;
+export {};

frontend/node_modules/antd/lib/style/motion/slide.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.slideUpOut = exports.slideUpIn = exports.slideRightOut = exports.slideRightIn = exports.slideLeftOut = exports.slideLeftIn = exports.slideDownOut = exports.slideDownIn = exports.initSlideMotion = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _motion = require("./motion");
+const slideUpIn = exports.slideUpIn = new _cssinjs.Keyframes('antSlideUpIn', {
+  '0%': {
+    transform: 'scaleY(0.8)',
+    transformOrigin: '0% 0%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scaleY(1)',
+    transformOrigin: '0% 0%',
+    opacity: 1
+  }
+});
+const slideUpOut = exports.slideUpOut = new _cssinjs.Keyframes('antSlideUpOut', {
+  '0%': {
+    transform: 'scaleY(1)',
+    transformOrigin: '0% 0%',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleY(0.8)',
+    transformOrigin: '0% 0%',
+    opacity: 0
+  }
+});
+const slideDownIn = exports.slideDownIn = new _cssinjs.Keyframes('antSlideDownIn', {
+  '0%': {
+    transform: 'scaleY(0.8)',
+    transformOrigin: '100% 100%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scaleY(1)',
+    transformOrigin: '100% 100%',
+    opacity: 1
+  }
+});
+const slideDownOut = exports.slideDownOut = new _cssinjs.Keyframes('antSlideDownOut', {
+  '0%': {
+    transform: 'scaleY(1)',
+    transformOrigin: '100% 100%',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleY(0.8)',
+    transformOrigin: '100% 100%',
+    opacity: 0
+  }
+});
+const slideLeftIn = exports.slideLeftIn = new _cssinjs.Keyframes('antSlideLeftIn', {
+  '0%': {
+    transform: 'scaleX(0.8)',
+    transformOrigin: '0% 0%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scaleX(1)',
+    transformOrigin: '0% 0%',
+    opacity: 1
+  }
+});
+const slideLeftOut = exports.slideLeftOut = new _cssinjs.Keyframes('antSlideLeftOut', {
+  '0%': {
+    transform: 'scaleX(1)',
+    transformOrigin: '0% 0%',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleX(0.8)',
+    transformOrigin: '0% 0%',
+    opacity: 0
+  }
+});
+const slideRightIn = exports.slideRightIn = new _cssinjs.Keyframes('antSlideRightIn', {
+  '0%': {
+    transform: 'scaleX(0.8)',
+    transformOrigin: '100% 0%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scaleX(1)',
+    transformOrigin: '100% 0%',
+    opacity: 1
+  }
+});
+const slideRightOut = exports.slideRightOut = new _cssinjs.Keyframes('antSlideRightOut', {
+  '0%': {
+    transform: 'scaleX(1)',
+    transformOrigin: '100% 0%',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleX(0.8)',
+    transformOrigin: '100% 0%',
+    opacity: 0
+  }
+});
+const slideMotion = {
+  'slide-up': {
+    inKeyframes: slideUpIn,
+    outKeyframes: slideUpOut
+  },
+  'slide-down': {
+    inKeyframes: slideDownIn,
+    outKeyframes: slideDownOut
+  },
+  'slide-left': {
+    inKeyframes: slideLeftIn,
+    outKeyframes: slideLeftOut
+  },
+  'slide-right': {
+    inKeyframes: slideRightIn,
+    outKeyframes: slideRightOut
+  }
+};
+const initSlideMotion = (token, motionName) => {
+  const {
+    antCls
+  } = token;
+  const motionCls = `${antCls}-${motionName}`;
+  const {
+    inKeyframes,
+    outKeyframes
+  } = slideMotion[motionName];
+  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), {
+    [`
+      ${motionCls}-enter,
+      ${motionCls}-appear
+    `]: {
+      transform: 'scale(0)',
+      transformOrigin: '0% 0%',
+      opacity: 0,
+      animationTimingFunction: token.motionEaseOutQuint,
+      '&-prepare': {
+        transform: 'scale(1)'
+      }
+    },
+    [`${motionCls}-leave`]: {
+      animationTimingFunction: token.motionEaseInQuint
+    }
+  }];
+};
+exports.initSlideMotion = initSlideMotion;

frontend/node_modules/antd/lib/style/motion/zoom.d.ts

@@ -0,0 +1,18 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const zoomIn: Keyframes;
+export declare const zoomOut: Keyframes;
+export declare const zoomBigIn: Keyframes;
+export declare const zoomBigOut: Keyframes;
+export declare const zoomUpIn: Keyframes;
+export declare const zoomUpOut: Keyframes;
+export declare const zoomLeftIn: Keyframes;
+export declare const zoomLeftOut: Keyframes;
+export declare const zoomRightIn: Keyframes;
+export declare const zoomRightOut: Keyframes;
+export declare const zoomDownIn: Keyframes;
+export declare const zoomDownOut: Keyframes;
+type ZoomMotionTypes = 'zoom' | 'zoom-big' | 'zoom-big-fast' | 'zoom-left' | 'zoom-right' | 'zoom-up' | 'zoom-down';
+export declare const initZoomMotion: (token: TokenWithCommonCls<AliasToken>, motionName: ZoomMotionTypes) => CSSInterpolation;
+export {};

frontend/node_modules/antd/lib/style/motion/zoom.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zoomUpOut = exports.zoomUpIn = exports.zoomRightOut = exports.zoomRightIn = exports.zoomOut = exports.zoomLeftOut = exports.zoomLeftIn = exports.zoomIn = exports.zoomDownOut = exports.zoomDownIn = exports.zoomBigOut = exports.zoomBigIn = exports.initZoomMotion = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _motion = require("./motion");
+const zoomIn = exports.zoomIn = new _cssinjs.Keyframes('antZoomIn', {
+  '0%': {
+    transform: 'scale(0.2)',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    opacity: 1
+  }
+});
+const zoomOut = exports.zoomOut = new _cssinjs.Keyframes('antZoomOut', {
+  '0%': {
+    transform: 'scale(1)'
+  },
+  '100%': {
+    transform: 'scale(0.2)',
+    opacity: 0
+  }
+});
+const zoomBigIn = exports.zoomBigIn = new _cssinjs.Keyframes('antZoomBigIn', {
+  '0%': {
+    transform: 'scale(0.8)',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    opacity: 1
+  }
+});
+const zoomBigOut = exports.zoomBigOut = new _cssinjs.Keyframes('antZoomBigOut', {
+  '0%': {
+    transform: 'scale(1)'
+  },
+  '100%': {
+    transform: 'scale(0.8)',
+    opacity: 0
+  }
+});
+const zoomUpIn = exports.zoomUpIn = new _cssinjs.Keyframes('antZoomUpIn', {
+  '0%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '50% 0%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    transformOrigin: '50% 0%'
+  }
+});
+const zoomUpOut = exports.zoomUpOut = new _cssinjs.Keyframes('antZoomUpOut', {
+  '0%': {
+    transform: 'scale(1)',
+    transformOrigin: '50% 0%'
+  },
+  '100%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '50% 0%',
+    opacity: 0
+  }
+});
+const zoomLeftIn = exports.zoomLeftIn = new _cssinjs.Keyframes('antZoomLeftIn', {
+  '0%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '0% 50%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    transformOrigin: '0% 50%'
+  }
+});
+const zoomLeftOut = exports.zoomLeftOut = new _cssinjs.Keyframes('antZoomLeftOut', {
+  '0%': {
+    transform: 'scale(1)',
+    transformOrigin: '0% 50%'
+  },
+  '100%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '0% 50%',
+    opacity: 0
+  }
+});
+const zoomRightIn = exports.zoomRightIn = new _cssinjs.Keyframes('antZoomRightIn', {
+  '0%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '100% 50%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    transformOrigin: '100% 50%'
+  }
+});
+const zoomRightOut = exports.zoomRightOut = new _cssinjs.Keyframes('antZoomRightOut', {
+  '0%': {
+    transform: 'scale(1)',
+    transformOrigin: '100% 50%'
+  },
+  '100%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '100% 50%',
+    opacity: 0
+  }
+});
+const zoomDownIn = exports.zoomDownIn = new _cssinjs.Keyframes('antZoomDownIn', {
+  '0%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '50% 100%',
+    opacity: 0
+  },
+  '100%': {
+    transform: 'scale(1)',
+    transformOrigin: '50% 100%'
+  }
+});
+const zoomDownOut = exports.zoomDownOut = new _cssinjs.Keyframes('antZoomDownOut', {
+  '0%': {
+    transform: 'scale(1)',
+    transformOrigin: '50% 100%'
+  },
+  '100%': {
+    transform: 'scale(0.8)',
+    transformOrigin: '50% 100%',
+    opacity: 0
+  }
+});
+const zoomMotion = {
+  zoom: {
+    inKeyframes: zoomIn,
+    outKeyframes: zoomOut
+  },
+  'zoom-big': {
+    inKeyframes: zoomBigIn,
+    outKeyframes: zoomBigOut
+  },
+  'zoom-big-fast': {
+    inKeyframes: zoomBigIn,
+    outKeyframes: zoomBigOut
+  },
+  'zoom-left': {
+    inKeyframes: zoomLeftIn,
+    outKeyframes: zoomLeftOut
+  },
+  'zoom-right': {
+    inKeyframes: zoomRightIn,
+    outKeyframes: zoomRightOut
+  },
+  'zoom-up': {
+    inKeyframes: zoomUpIn,
+    outKeyframes: zoomUpOut
+  },
+  'zoom-down': {
+    inKeyframes: zoomDownIn,
+    outKeyframes: zoomDownOut
+  }
+};
+const initZoomMotion = (token, motionName) => {
+  const {
+    antCls
+  } = token;
+  const motionCls = `${antCls}-${motionName}`;
+  const {
+    inKeyframes,
+    outKeyframes
+  } = zoomMotion[motionName];
+  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationFast : token.motionDurationMid), {
+    [`
+        ${motionCls}-enter,
+        ${motionCls}-appear
+      `]: {
+      transform: 'scale(0)',
+      opacity: 0,
+      animationTimingFunction: token.motionEaseOutCirc,
+      '&-prepare': {
+        transform: 'none'
+      }
+    },
+    [`${motionCls}-leave`]: {
+      animationTimingFunction: token.motionEaseInOutCirc
+    }
+  }];
+};
+exports.initZoomMotion = initZoomMotion;