rtl.js 669 B

123456789101112131415161718192021222324252627
  1. const getRTLStyle = _ref => {
  2. let {
  3. componentCls,
  4. menuArrowOffset
  5. } = _ref;
  6. return {
  7. [`${componentCls}-rtl`]: {
  8. direction: 'rtl'
  9. },
  10. [`${componentCls}-submenu-rtl`]: {
  11. transformOrigin: '100% 0'
  12. },
  13. // Vertical Arrow
  14. [`${componentCls}-rtl${componentCls}-vertical,
  15. ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
  16. [`${componentCls}-submenu-arrow`]: {
  17. '&::before': {
  18. transform: `rotate(-45deg) translateY(-${menuArrowOffset})`
  19. },
  20. '&::after': {
  21. transform: `rotate(45deg) translateY(${menuArrowOffset})`
  22. }
  23. }
  24. }
  25. };
  26. };
  27. export default getRTLStyle;