rtl.js 683 B

1234567891011121314151617181920212223242526
  1. import { unit } from '@ant-design/cssinjs';
  2. const getRTLStyle = ({
  3. componentCls,
  4. menuArrowOffset,
  5. calc
  6. }) => ({
  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(${unit(calc(menuArrowOffset).mul(-1).equal())})`
  19. },
  20. '&::after': {
  21. transform: `rotate(45deg) translateY(${unit(menuArrowOffset)})`
  22. }
  23. }
  24. }
  25. });
  26. export default getRTLStyle;