| 123456789101112131415161718192021222324252627 |
- const getRTLStyle = _ref => {
- let {
- componentCls,
- menuArrowOffset
- } = _ref;
- return {
- [`${componentCls}-rtl`]: {
- direction: 'rtl'
- },
- [`${componentCls}-submenu-rtl`]: {
- transformOrigin: '100% 0'
- },
- // Vertical Arrow
- [`${componentCls}-rtl${componentCls}-vertical,
- ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
- [`${componentCls}-submenu-arrow`]: {
- '&::before': {
- transform: `rotate(-45deg) translateY(-${menuArrowOffset})`
- },
- '&::after': {
- transform: `rotate(45deg) translateY(${menuArrowOffset})`
- }
- }
- }
- };
- };
- export default getRTLStyle;
|