{"version":3,"file":"motion.mjs","sources":["../../../../../../packages/components/drawer/style/motion.ts"],"sourcesContent":["import type { GenerateStyle } from '@antdv/theme';\nimport type { DrawerToken } from '.';\n\nconst genMotionStyle: GenerateStyle<DrawerToken> = (token: DrawerToken) => {\n  const { componentCls, motionDurationSlow } = token;\n\n  const sharedPanelMotion = {\n    '&-enter, &-appear, &-leave': {\n      '&-start': {\n        transition: 'none',\n      },\n\n      '&-active': {\n        transition: `all ${motionDurationSlow}`,\n      },\n    },\n  };\n\n  return {\n    [componentCls]: {\n      // ======================== Mask ========================\n      [`${componentCls}-mask-motion`]: {\n        '&-enter, &-appear, &-leave': {\n          '&-active': {\n            transition: `all ${motionDurationSlow}`,\n          },\n        },\n\n        '&-enter, &-appear': {\n          'opacity': 0,\n          '&-active': {\n            opacity: 1,\n          },\n        },\n\n        '&-leave': {\n          'opacity': 1,\n          '&-active': {\n            opacity: 0,\n          },\n        },\n      },\n\n      // ======================= Panel ========================\n      [`${componentCls}-panel-motion`]: {\n        // Left\n        '&-left': [\n          sharedPanelMotion,\n          {\n            '&-enter, &-appear': {\n              '&-start': {\n                transform: 'translateX(-100%) !important',\n              },\n              '&-active': {\n                transform: 'translateX(0)',\n              },\n            },\n            '&-leave': {\n              'transform': 'translateX(0)',\n              '&-active': {\n                transform: 'translateX(-100%)',\n              },\n            },\n          },\n        ],\n\n        // Right\n        '&-right': [\n          sharedPanelMotion,\n          {\n            '&-enter, &-appear': {\n              '&-start': {\n                transform: 'translateX(100%) !important',\n              },\n              '&-active': {\n                transform: 'translateX(0)',\n              },\n            },\n            '&-leave': {\n              'transform': 'translateX(0)',\n              '&-active': {\n                transform: 'translateX(100%)',\n              },\n            },\n          },\n        ],\n\n        // Top\n        '&-top': [\n          sharedPanelMotion,\n          {\n            '&-enter, &-appear': {\n              '&-start': {\n                transform: 'translateY(-100%) !important',\n              },\n              '&-active': {\n                transform: 'translateY(0)',\n              },\n            },\n            '&-leave': {\n              'transform': 'translateY(0)',\n              '&-active': {\n                transform: 'translateY(-100%)',\n              },\n            },\n          },\n        ],\n\n        // Bottom\n        '&-bottom': [\n          sharedPanelMotion,\n          {\n            '&-enter, &-appear': {\n              '&-start': {\n                transform: 'translateY(100%) !important',\n              },\n              '&-active': {\n                transform: 'translateY(0)',\n              },\n            },\n            '&-leave': {\n              'transform': 'translateY(0)',\n              '&-active': {\n                transform: 'translateY(100%)',\n              },\n            },\n          },\n        ],\n      },\n    },\n  };\n};\n\nexport default genMotionStyle;\n"],"names":[],"mappings":"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"}