rtl.js 838 B

1234567891011121314151617181920212223242526272829303132
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _cssinjs = require("@ant-design/cssinjs");
  7. const getRTLStyle = ({
  8. componentCls,
  9. menuArrowOffset,
  10. calc
  11. }) => ({
  12. [`${componentCls}-rtl`]: {
  13. direction: 'rtl'
  14. },
  15. [`${componentCls}-submenu-rtl`]: {
  16. transformOrigin: '100% 0'
  17. },
  18. // Vertical Arrow
  19. [`${componentCls}-rtl${componentCls}-vertical,
  20. ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
  21. [`${componentCls}-submenu-arrow`]: {
  22. '&::before': {
  23. transform: `rotate(-45deg) translateY(${(0, _cssinjs.unit)(calc(menuArrowOffset).mul(-1).equal())})`
  24. },
  25. '&::after': {
  26. transform: `rotate(45deg) translateY(${(0, _cssinjs.unit)(menuArrowOffset)})`
  27. }
  28. }
  29. }
  30. });
  31. var _default = exports.default = getRTLStyle;